Осуществляя наполнение сайта, большинство веб-мастеров уделяют особое внимание размещению на нем качественных статей, тогда как графическому контенту нередко достается остаточное внимание. Между тем, несмотря на то, что именно SEO статьи служат основным инструментом для внутренней оптимизации сайта, используемая на нем графика также играет в продвижении и формировании постоянного ядра аудитории немаловажную роль.
Прежде всего, изображения на сайте могут привлечь на ресурс немалое количество дополнительного трафика, пришедшего из сервисов Яндекс.Картинки и Google Image. Несмотря на то, что современные поисковые системы позволяют просматривать изображения без перехода на сайт, где они размещены, определенная часть пользователей нередко предпочитают посетить web-проект, где расположены изображения. Кроме того, качественные уникальные изображения могут отображаться непосредственно в выдаче, если в поисковом запросе использовались слова дизайн , интерьер , фото и другие близкие им по семантике.
Кроме того, использование на сайте изображений улучшает юзабилити проекта, делая его более привлекательным для просмотра. «Голая» простыня текста без фото нередко вызывает желание поскорее покинуть проект, нежели прочесть ее. И если некоторые статьи могут прекрасно восприниматься посетителями и без картинок (например, новостные заметки), то для ряда тематик пренебрежение к подбору и размещению к каждому авторскому тексту соответствующих изображений может привести к тому, что посетители будут быстро сайт в поисках более подробной проиллюстрированной информации.
Весь используемый на нем графический контент можно подразделить на несколько типов, в зависимости от того, какую функцию он выполняет на сайте.
Изображения для улучшения юзабилити, украшения , не несущие никакой информации – наиболее часто встречающийся вид картинок на сайте. Фото обнимающихся пар в статье про отношения, улыбающиеся детишки на ресурсах про уход за малышами – это яркий пример подобных изображений. Если исключить их из статьи, то текст не станет от этого менее информативным, однако его визуальное представление станет несколько более скучным, что может оттолкнуть придирчивого посетителя. Разумеется, такие изображения можно и нужно использовать для продвижения по ключевому слову, дополнительно прописав необходимый запрос в тэги ALT и TITLE.
Рисунки и фотографии для сайта, без которых информация в статье была бы неполной . К таким изображениям относятся фотографии одежды к статьям о моде, скриншоты к прохождениям игр, пошаговые по рукоделию с фото, описания товаров в интернет-магазине или на тематическом сайте.
Иллюстрации, являющиеся частью статьи . К подобным изображениям относятся:
Исходя из данной классификации, основные функции изображения для сайта – это:
Наибольшую сложность для веб-мастеров составляет поиск и использование фотографий для сайта, которые используются исключительно для украшения статьи, в то время как начертить схемы или изготовить скриншоты намного проще.
Правильно оформленные изображения улучшают SEO-оптимизацию, что позволяет увеличить число посетителей.
Поэтому код каждого изображения на сайте должен выглядеть так:
Атрибуты title="Продвижение картинок" и alt="Оптимизация изображений для продвижения сайтов" необходимы для того, чтобы "объяснить" поисковым роботам, что именно изображено на фото или картинке.
Атрибуты TITLE и ALT должны включать в себя тему статьи и употребляемые в тексте поисковые запросы, по которым вы собираетесь выйти в топ. ALT и TITLE должны отличаться друг от друга. В идеале картинка должна быть окружена словосочетаниями, соответствующими словам, прописанным в параметрах.
Если большинство строителей сателлитов и ГС, посещаемость которых не превышает 100 человек в сутки, обычно не беспокоятся насчет поиска и изготовления изображений и легким движением руки тянут на свой сайт все найденные на других сайтах картинки подряд, то для владельца посещаемого портала подобный способ наполнения web-ресурса недопустим.
В первую очередь, это связано с тем, что неуникальные картинки и фото обычно определяются поисковыми системами как копии уже размещенных на другом сайте изображений и потому не показываются в выдаче. Кроме того, в последние годы в русскоязычном сегменте интернета все более значимым становится вопрос авторства изображений. Компенсация за использование фотографий и иллюстраций без разрешения автора в размере от 10 тысяч до 5 миллионов рублей привела к тому, что фотографы начали весьма активно бороться против незаконного использования созданных ими изображений. Нагреть на этом руку пытаются и различного рода мошенники, которые шантажируют владельцев сайта и требуют с них определенной суммы денег для того, чтобы «замять» дело до обращения в суд.
Поэтому, чтобы избежать проблем с Гражданским кодексом в дальнейшем, лучше изначально размещать на сайте только тот графический контент, про который никто не сможет заявить вам, что вы использовали его незаконно. К счастью, сегодня в интернете имеется множество каталогов изображений (ищутся по запросу бесплатные фотостоки ), и платных микростоков со стоимостью фотографий и иллюстраций до одного доллара, поэтому любой веб-мастер сможет купить скачать изображения для сайта любой тематики. Однако тут возникает парадокс: все фотостоки прекрасно индексируются поисковыми роботами, поэтому вы можете приобрести только неуникальные изображения.
Поэтому любой веб-мастер сталкивается с выбором: купить неуникальные фото, которые, скорее всего, будут размещены на еще десятке-другом сайтов (все изображения на микростоках продаются не единожды), или скачать иллюстрации для сайта на малоизвестном плохо индексируемом ресурсе. Вариант «50 на 50»: разместить на сайте неуникальные изображения с бесплатных фотостоков.
Выход как всегда один: создавать фотографии и иллюстрации самостоятельно или заказывать их у профессионалов. Первое – слишком трудоемко, второе – дорого. Но, к слову, уже сейчас развилась система продажи мастер-классов по рукоделию и кулинарии, где авторы предлагают покупателю не только текст, но и тематические изображения. Возможно, в скором времени в продаже появятся пакеты фотографий и для других тем?
Графический контент «облагораживает» сухой текст, придаёт ему яркость и расширяет информационное пространство с помощью схем, диаграмм, графиков и т.п., а также в некоторых случаях делает его . Правильно отобранная и оформленная графика может способствовать и привлечению нового . Это делается с помощью атрибутов alt, title, а также заключения изображения в тег ‘a’.
О том, как правильно проводить сео-аналитику сайта, вы найдете .
Графики влияет на ранжирование сайта. Чем больше исходное изображение, тем дольше загружается страница, тем ниже падает её рейтинг в ТОПе. Программы для обработки фотографий обычно дают пользователю возможность автоматической адаптации графики для веб (“save for web” в Photoshop, “web banner” в Gimp и т.д.).
Парадоксально, но при поиске пользователем именно картинки поисковик выдаёт в верхних позициях именно тяжёлые изображения, более качественные. Маленькие картинки в выдачу не попадают. Так и при поиске текстовой информации: статья с бо́льшим форматом графики выиграет у текста с миниатюрными фотографиями.
Иначе: для поисковиков большой размер, высокое качество и уникальность изображений - признак такого сайта, в который вкладывают деньги. Т.е. для роботов это означает, что портал создан для людей и не является чистым продажником ссылок.
С уважением, Настя ЧеховаДовольно часто начинающие вебмастера сталкиваются с такой проблемой, как подбор контента для собственного сайта . В принципе, текст можно написать самому в том случае, если хорошо разбираешься в тематике. Если же разбираешься в тематике не очень хорошо, то можно нанять копирайтера, благо их услуги по части написания простых информационных статей не слишком дорого стоят.
Когда речь заходит о подборе графического контента , многие впадают в ступор. Где же можно взять картинки , которые бы идеально подошли под тематику вашего сайта? Вариантов может быть несколько. Ниже перечислим самые основные.
1. Интернет . Чаще всего картинки берут с других сайтов и с поиска по изображениям популярных поисковиков, к примеру, Яндекс.Картинки или Картинки Google. Основное преимущество данного способа – найти можно практически любые изображения любого размера. Кроме того, все делается быстро (в несколько кликов). Недостаток – картинки не будут полностью уникальными и максимально релевантными содержанию вашего сайта. Кроме того, на многих изображениях будут присутствовать водяные знаки, которые придется удалять.
2. Фотосервисы и фотобанки . Если вы хотите получить действительно качественные и уникальные фото по интересующей вас тематике, то лучше всего их купить. Для этих целей создаются специальные сервисы, фотобанки. Стоят такие фотографии не очень дорого, но зато они уникальны на 100% и сделаны профессиональными фотографами. Недостатком, помимо необходимости тратить деньги, является то, что фотографии также могут быть нерелевантными тематике. Но здесь все зависит от того, насколько тщательно вы будете выбирать, и какие сервисы будете использовать.
3. Графические редакторы . В ряде случаев сайту не требуются фотографии как таковые. Бывает так, что нужны какие-то, схемы, рисунки или другая примитивная графика. Гораздо проще создать такую графику в любом подходящем графическом редакторе (особенно если вы уже неплохо разбираетесь в данных программах).
4. Создание собственных фотографий . Данный способ создания графического контента является наиболее сложным и дорогостоящим. Однако качество графики и особенно ее релевантность будут на высоте. Чаще всего фотосет для сайта проводят в том случае, когда сайт является коммерческим (нужно показать посетителям и потенциальным клиентам фотографии товаров). Ведь не факт, что в интернете вообще будут фотографии тех товаров, которые у вас продаются. Кроме того, фото из интернета могут быть разного размера и разного качества. Таким образом, графический описательный контент к разным товарам не будет гармонировать между собой. Клиенты практически всегда поймут, изображен ли на картинке конкретно ваш товар. Представим ситуацию, когда вам нужно разместить на корпоративном сайте фотографии вашего персонала, производственных помещений. Тут при всем желании вряд ли получится что-то взять из интернета. Поэтому лучше обратиться к профессиональному фотографу, который сделает для вас несколько хороших снимков и даже отредактирует их в фотошопе (при необходимости).
Всего наилучшего. Николай.
В интернете отлично монетизируется качественный контент.
Все чаще под контентом понимают не только тексты, но видео и картинки. Снимать видео дорого, да и не всегда необходимо, а вот картинки выступают отличным инструментом для привлечения внимания аудитории. Графический контент представляет собой все то, что может привлечь взгляд потенциального клиента. Это могут быть как просто картинки, скачанные из интернета, так и инфографика, авторские фотоснимки и так далее. Качество контента определяет его эффективность.
Если вы скачиваете тематические фото из сети и немного ретушируете их, то это один подход. Если весь ваш сайт наполнен отрисованной на заказ инфографикой, то это уже иной, качественно более высокий уровень. Не стоит забывать, что чем больше времени и сил вложено в контент, тем выше шанс уйти вперед от конкурентов. Тексты на сайт может писать сам владелец проекта, или же он может поручить эту работу тому, кто занимается этим на платной основе – копирайтеру.
В сети очень мало новой текстовой информации, если вы читаете текст в интернете, то скорее всего это рерайт. Если же мы говорим о магазинах с популярными товарами, то в этом случае все еще хуже. Зачастую на страницах таких сайтов и в описании карточек товара присутствуют стандартные тексты производителей. О какой уникальности проекта может идти речь? Неудивительно, что большинство проектов в сети еле-еле сводят концы с концами.
Графический контент для продвижения
Если вы хотите отличаться, то в первую очередь обратите внимание на графический контент для продвижения!
1. Графический контент помогает продавать! Если уже тексты помогают продавать, то информация, которая представлена в визуальном формате и подавно. Люди все меньше хотят читать. Социальные сети предлагают функционал для быстрого добавления картинок и видео. В интернет-магазинах чаще покупают те товары, к которым снято на видео внятное описание или даже отзыв. Проблема в том, что далеко не все могут позволить себе заказывать видеоролики. Это дорогое удовольствие, а также довольно длительный процесс. Однако с картинками все немного проще. Картинками на сайте могут быть не только фотографии, которые вы покупаете в фотобанках или фотостоках, но еще и другие типы визуального контента. Об этом поговорим чуть позже.Почему картинки продают? Давайте уточним то обстоятельство, что не все картинки способны повышать конверсию на сайте и приводить к вам толпы клиентов. Имеется в виду лишь специфический тип контента, который включен в контекст. Просто красивые фото вряд ли будут влиять на продажи в интернете.
2. Идеи для графического контента. Итак, вы можете заказывать у дизайнеров инфографику. Она надолго захватывает внимание пользователя, заставляет читателя погружаться в информационный блок. С помощью инфографики отлично продаются сложные и непонятные продукты, какие-то услуги и довольно дорогие товары. В качестве графического элемента на сайте может выступать баннер, а почему бы и нет? Если вы продаете какой-то товар, то очень просто донести первичные смыслы о нем, используя картинки в виде баннеров.Баннер цепляет взгляд потенциальных клиентов, а те с интересом начинают вникать в информацию и изучать ваши предложения. В качестве еще одного интересного графического элемента могут выступать купоны. Например, если вы продаете популярные товары или же реализовываете услуги, которые нужны всем, то у вас огромная конкуренция. Выделиться помогут красивые купоны со скидками и промокодами.
3. Где размещать свои картинки? Во-первых, картинки в виде инфографики, иллюстраций, а также промокодов и баннеров вам стоит размещать у себя на сайте. Это позволит повысить конверсию, привлечет внимание аудитории к конкретным товарам и услугам. Но и это еще не все. Сейчас есть очень много возможностей сохранять картинки в сети. Каждая картинка ведет на ваш сайт, вы можете размещать графические изображения вместо ссылок, что приводит дополнительный трафик на ваш ресурс.Такие сайты и социальные сети как Пинтерест, Инстаграм могут генерировать огромные потоки трафика. Кроме того, не забывайте о том, что отлично работает поиск по картинкам. Если человек вбивает в поисковике популярный запрос, то у вас почти нет шансов оказаться на виду. Разве что вы тратите миллионы на SEO. Но если вы запустите продвижение по картинкам, то трафик будет не стоить вам почти ничего. Или же обойдется очень дешево. До сих пор мало кто целенаправленно занимается продвижением своего графического материала в интернете. А зря, потому что в этой нише есть много возможностей и незанятых сегментов рынка.
Желаем вам удачи.Мы выпустили новую книгу «Контент-маркетинг в социальных сетях: Как засесть в голову подписчиков и влюбить их в свой бренд».
Изображения делают статьи ярче, а также могут быть полезны для продвижения вашего ресурса. Михиль Хайманс из Yoast рассказал, как оптимизировать изображение для SEO.
Правильно подобранные графические файлы помогут читателям лучше понять вашу статью. «Одна картинка стоит тысячи слов» – для поисковых роботов это не совсем так, но для пользователей изображения имеют большое значение. Они придают тексту живость, позволяют проиллюстрировать свои слова с помощью диаграмм, графиков, продемонстрировать наглядные примеры и просто привлекают внимание аудитории. Я рекомендую добавлять иллюстрации в каждую статью, которую вы пишите.
Где найти хорошую картинку
Авторские изображения и фотографии
Когда для главной страницы сайта вы выбираете стоковую фотографию, вы говорите не «Добро пожаловать в нашу компанию», а «Добро пожаловать в какую-то компанию». Поэтому если у вас есть возможность сделать собственные иллюстрации и фотографии – используйте именно их.
София Ибрагимова
Контент-маркетолог
Если вы хотите создать минималистичные простые миниатюры, можно воспользоваться онлайн-сервисами для создания иконок. Вот популярные:
Созданные с помощью этих генераторов иконки можно разместить на любом фоне, сочетать друг с другом или с другими изображениями. Больше советов о том, как создать авторское изображение в статье .
Конечно, картинка должна не просто украшать текст, а отражать его содержание. Изображение, которое окружено связанным текстом, лучше ранжируется по ключевому запросу, под который оно оптимизировано.
Альтернативные источники
Если вы не можете использовать авторскую графику, брать картинки из стоков все равно не стоит. Есть хорошие источники, где изображения на порядок лучше, чем стоковые. Я рекомендую поискать на сайтах Flickr.com и Freeimages.com .
В качестве альтернативы статичной графики используйте анимацию. Вставлять гифки в статьи сейчас очень популярно. Но не стоит злоупотреблять ими, так как их чрезмерное количество или слишком резкая анимация могут отвлекать читателя от текста.
Подготовка изображений
Когда вы нашли нужные картинки, фотографии, графики или диаграммы, следующий шаг – оптимизация графического файла для использования на вашем сайте. Вы должны сделать следующее:
Задайте правильное имя файла
Оптимизация изображения начинается с его названия. В него необходимо включить ключевое слово. Так поисковым роботам будет проще понять, что изображено на картинке. Здесь все просто: если на картинке восход солнца в Париже, имя файла не должно быть DSC4536.jpg, назовите его paris-sunrise.jpg. Основное ключевое слово – «paris», так как это основной объект фотографии, поэтому я поместил его в начале названия.
Определите масштаб изображения
Для SEO очень важна скорость загрузки страницы. Чем быстрее грузится сайт, тем удобнее пользователям посещать страницу, а роботам – индексировать ее. Крупные изображения значительно снижают скорость загрузки. Особенно обидно для пользователей, если вы загружаете картинку 2500 × 1500, а на экран она выводится в размере 250 × 150.
В WordPress админка после загрузки предлагает несколько вариантов размера. Но это не значит, что размер самого файла будет оптимизирован. Поэтому при загрузке изображения проверьте, чтобы его размер в админке совпадал с размером самого файла.
Оптимизируйте изображения под мобильные устройства
Значительная часть вашей аудитории использует мобильные устройства для посещения вашей страницы. Поэтому изображения на сайте должны легко масштабироваться и приспосабливаться под любые форматы экранов. Если проигнорировать этот пункт, вы можете увеличить частоту отказов со стороны мобильных устройств, что отрицательно скажется на ранжировании. Для сайтов на WordPress разработан специальный плагин – RICG Responsive Images.
Он по умолчанию добавляет атрибут srcset к вашим изображениям и оптимизирует его под экраны любого масштаба.
Уменьшите размер файла
Чтобы страница быстрее загружалась, используйте специальные инструменты для сжатия файла. Они позволяют уменьшить размер, сохранив при этом качество и четкость картинки. Я советую воспользоваться следующими сервисами:
Чтобы проверить, удалось ли вам оптимизировать изображение, воспользуйтесь инструментом YSlow .
Загрузка изображения на сайт
Не вставляйте картинку куда попало просто ради украшения. Для SEO важно, чтобы изображение окружал связанный текстовый контент. Тогда поисковик будет считать, что оно действительно релевантно тексту вашей статьи.
Подписи под картинкой
Это текст, который сопровождает ваше изображение.
Почему подпись важна для оптимизации изображений? Пользователи обращают внимание на эти подписи, даже когда бегло просматривают статью. Эта такая же важная часть структурирования контента, как заголовки, подзаголовки и списки. Нильсен еще в 1997 году отметил, что «элементы, которые улучшают восприятие текста – это заголовки, крупный шрифт, полужирный текст, выделенный текст, маркированные списки, графика, подписи, тематические предложения и оглавления». В 2012 году KissMetric заявила, что «подписи под изображениями читаются в среднем на 300% чаще, чем сам текст. Поэтому не использовать их или использовать неправильно означает упустить возможность привлечь огромное количество пользователей».
Нужно ли добавлять подпись к каждому изображению? Нет, не нужно. Добавляйте текст в том случае, если он необходим для восприятия и полезен пользователю, а не просто ради оптимизации.
Alt и Title изображения
Тег Alt – это описание изображения. Текст выводится на страницу, если по каким-либо причинам картинка не открылась. Вот что об этом говорит Википедия: «В ситуациях, когда изображение недоступно для читателей, потому что они отключили отображение картинок в своем веб-браузере или используют устройство для чтения с экрана из-за нарушения зрения, текст гарантирует, что информация с картинки не будет потеряна». Обязательно пропишите альты к графическим файлам, включите в описание ключевое слово и убедитесь, что оно действительно соответствует картинке.
При наведении курсора на изображение Internet Explorer показывает текст альта. Если же вы пользуетесь Google Chrome, то у вас должен всплывать тег Title. Многие просто копируют текст альта и вставляют его в Title. Также в нем можно указать какую-либо несущественную информацию, не связанную с SEO. Некоторые вообще не заполняют Title, и ничего от этого не теряют.
Репост на других каналах
Плагин WordPress SEO имеет раздел «Social». Если у вас установлена премиум версия, вы можете с помощью плагина предварительно просмотреть свой пост перед публикацией в Facebook. Если вы правильно настроили его, но он не работает, попробуйте очистить кеш Facebook.
При помощи этого плагина можно также настроить карточки для публикаций в Twitter.
Выравнивание по центру
Откровенно говоря, это мое личное мнение. Возможно, по этому поводу проводились какие-то исследования, но со стороны пользователя могу сказать: это попросту некрасиво, когда текст начинается справа от изображения, и потом перепрыгивает под него.
Конечно, если вы используете столбцы текста в верстке, и изображение той же ширины, что и столбец, то выравнивание сбоку допустимо. В других случаях не стоит этого делать.
XML-файлы для карты сайта
Чтобы предоставить поисковику информацию об изображениях на вашем сайте, вам нужно добавить привязанные к картинкам теги в карту сайта. Можно внести их в уже существующий XML-файл или создать новый. Это позволит поисковым роботам быстрее проиндексировать вашу страницу и поможет в продвижении сайта.
Выжимка из статьи
Процесс оптимизации изображения состоит из нескольких этапов:
- Выбор картинки, соответствующей тексту.
- Выбор имени файла при загрузке.
- Подгон размеров исходного и отображаемого на сайте изображений.
- Оптимизация под мобильные устройства.
- Сжатие файла для быстрой загрузки.
- Добавление тегов Alt и Title.
- Добавление подписи к картинки.
- Получение возможности для расшаривания.
- Выравнивание изображения по центру.
- Добавление информации о графическом файле в карту сайта.
Поисковые системы совершенствуются и все лучше распознают изображения на сайте и информацию о них. При правильной оптимизации графических файлов вы не только повысите позиции своего сайта, но и сделаете просмотр удобным для пользователей.
