Оптимизируй их полностью: как собрать дополнительный поисковый трафик через картинки на сайте
На вашем сайте много изображений — от логотипа и иконок в меню до баннеров и иллюстраций к тексту на странице. Если сейчас они служат только для украшения — эта статья для вас.
Картинки не только разбавляют текстовый контент на сайте и помогают управлять вниманием пользователя. Еще они нужны для SEO: Яндекс и Google хуже ранжируют сайты без изображений, с поиска по картинкам можно получать дополнительный поисковый трафик, а оптимизация внутри сайта может улучшить поведенческие характеристики. Ниже разберемся, что для этого нужно сделать.
Примеры трафикодающих изображений
Форматы изображений для сайта
Пользователи заходят на ваш сайт с десятка разных браузеров. Чтобы изображения корректно отображались в каждом из них, нужно правильно выбрать формат.
Выбор зависит от типа изображения (векторное, растровое) и его особенностей — наличия сжатия, альфа-канала (отвечает за прозрачность) и возможности создания анимации.
Указанные ниже форматы поддерживаются всеми популярными браузерами, поэтому мы советуем использовать на сайте именно их.
Читайте также: Сам себе дизайнер. Как создать идеальные картинки для ФБ и ВК
JPEG — наиболее популярный формат растровой графики, осуществляет сжатие с потерями. Это значит, что сохраняя изображение по несколько раз, вы ещё больше ухудшаете его качество. Рекомендуем использовать для фотографий.
PNG — формат растровой графики, имеющий альфа-канал. Рекомендуем для изображений, в которых используется прозрачность.
GIF — формат растровой графики, поддерживает анимацию: несколько кадров, указание времени задержки кадров и их зацикливание. Рекомендуем использовать для растровой анимации (например, с кадрами из фильмов).
SVG — формат векторной графики, поддерживающий анимацию. В векторном формате изображения записываются в виде формул описывающих фигуры, а потому при увеличении изображение не теряет качества. Рекомендуем для иконок и векторной анимации.
Еще есть WebP — формат растровой графики с альфа-каналом, сжатием (как с потерями, так и без потерь) и анимацией. Отличительная особенность: меньший вес файла в сравнении с PNG и JPEG — это позволяет быстрее загружать файлы на сайте. Но он относится к современным мало поддерживаемым форматам. Чтобы WebP корректно отображался в разных браузерах, придется подключить соответствующие полифиллы и добавить альтернативные версии изображений в популярных форматах.
Данные актуальны на август 2019 года
Сеть доставки контента
Чтобы изображения и другие объемные файлы быстро загружались у пользователей, которые находятся вдали от сервера сайта, рекомендуем подключить CDN (Content Delivery Network). Для этого можно подключить сайт к сервису Cloudflare CDN.
Идея сетей доставки и дистрибуции содержимого предельно проста — сокращение пути между пользователем и сайтом (в данном случае — его изображениями).
Cloudflare CDN разместит изображения на нескольких серверах, расположенных в удалении друг от друга, а когда пользователь зайдет на сайт — изображение будет передаваться с ближайшего к нему сервера.
Микроразметка изображений
Поисковые системы не могут определить, что именно изображено на фотографии, а могут лишь определить ее уникальность. Поэтому вам необходимо передавать им информацию о содержании изображений самостоятельно.
Разметка изображений по словарю Schema.org с использованием схемы «ImageObject» позволяет передавать поисковикам:
- ссылку на изображение,
- ссылку на миниатюру изображения,
- название и описание содержимого,
- подпись к изображению,
- параметры изображения (высоту и ширину).
Эти данные появляются в поиске по картинкам, а значит информация о сайте в нем выглядит лучше.
Дополнительный бонус — микроразметка изображений формирует более привлекательную карточку сайта при публикации ссылок в социальных сетях.
Так микроразметка ImageObject влияет на публикацию ссылки в Facebook:
. и во ВКонтакте: Установить такую микроразметку поможет документация по внедрению Sсhema.org, передайте ее своему веб-мастеру.
Атрибуты Alt и Title
Alt
Атрибут Alt — это альтернативный текст для картинок. Решает сразу несколько задач:
- Если изображение на сайте не загрузилось из-за низкого качества соединения или недоступности файла, содержимое атрибута отобразится вместо изображения. Недоступное изображение без атрибута alt
- Недоступное изображение с атрибутом alt
- По этому атрибуту поисковые системы определяют содержимое изображения и его релевантность поисковым запросам.
- Содержимое отображается в поиске по картинкам Google как описание изображения, а в Яндекс участвует в формировании заголовка. Пример сниппета в поиске по картинкам в Google
… и в Яндекс - Специальные программы для слабовидящих людей (скринридеры) озвучивают содержимое атрибута при чтении текста на странице.
При заполнении атрибута alt придерживайтесь следующих рекомендаций:
- По содержимому атрибута определяется релевантность поисковому запросу, поэтому в нем необходимо отразить соответствующие ключевые слова. Старайтесь избегать «переспама», не указывайте много ключевиков в одном атрибуте.
- Содержимое атрибута должно максимально точно описывать изображение. В случае интернет-магазина рекомендуем указывать в атрибуте не только бренд и модель товара, но и цвет, используемые материалы и другие значимые для пользователей характеристики.
- Не используйте длинное описание изображений, 120-150 символов — оптимальный объем.
- Если на странице размещено несколько схожих изображений (например, фотографии товаров с нескольких ракурсов), пропишите уникальный атрибут для каждого из них, добавив номер фотографии или ракурс съемки — «фото 1», «фото 2», «вид спереди», «вид сбоку».
Title
Основное предназначение атрибута title — отображать подсказку при наведении курсора на изображение.
Атрибут позволяет предоставить посетителям сайта дополнительную информацию, не занимая место на странице, но поисковые системы не используют его для определения релевантности изображений или их ранжирования. Зато это может повлиять на ранжирование самой странице в поиске, за счет изменения поведенческих факторов на странице.
При формировании атрибута title, придерживайтесь следующих правил:
- Атрибут должен соответствовать содержимому изображения.
- Не стоит использовать длинное описание изображения — всплывающая подсказка большого размера может мешать навигации по странице.
- Старайтесь не дублировать содержимое атрибута title и атрибута alt.
- Не стоит заполнять атрибут у технических изображений — логотипов, пиктограмм меню, баннеров и т.д. Наличие всплывающих подсказок на каждом изображении сайта может затруднять навигацию по сайту.
Названия файлов
Название должно однозначно указывать на то, что изображено на картинке. Так поисковые системы смогут точнее определить ее содержимое.
Например, для фотографий на сайте интернет-магазина необходимо указывать в названии файлов не только данные о производителе и модели товара, но и уникальные характеристики товара (цвет, размер) и ракурс фотографии.
Смотрите: в названии файла «iphone-8-black-128gb-front.jpg» содержатся все ключевые характеристики товара, и оно полностью описывает содержимое самого изображения, в отличие от названий вида «img_60791» или «43194bcc5c5cddf99acff0.jpg».
При этом не рекомендуем использовать в названиях файлов кириллические символы и пробелы — лучше заменить их на латинские символы и тире.
Карты для индексации изображений
Ссылки на изображения в карте сайта помогают поисковым системам индексировать иллюстрации. А в некоторых случаях (например, если все изображения на сайте отображаются с использованием JavaScript) это единственная возможность указать поисковым системам на такие файлы.
Для этого необходимо указать ссылки на все изображения, размещенные на странице в файлах sitemap (в контейнере
Как увеличить трафик из поиска с помощью картинок: 10 основных методов
Совладелец и директор агентства интернет-рекламы Юла Group. Более 15 лет опыта на рынке. Основная деятельность: — SEO Продвижение сайтов в .
Поделитесь статьей с друзьями и коллегами
Со времени появления интернета все усилия SEO-специалистов были направлены на совершенствование текстового контента. Еще лет пять назад слово «контент» было синонимом слова «текст». Теперь же все сильно изменилось, текст постепенно вытесняется, в интернете доминирует видео, а поисковики уделяют все больше внимания дизайну сайта, изображениям и даже коду javascript.
Разговор об изображениях актуален в первую очередь потому, что поисковые системы Google и «Яндекс» научились хорошо определять уникальность картинок и начали их индексировать.
Тысячи надёжных каналов для продвижения бизнеса в Telegram
Telega.in — платформа нативных интеграций с блогерами в Telegram. Каждый канал в каталоге проверен вручную, а админы готовы к сотрудничеству — никаких долгих переговоров!
- Выбирайте лучшие каналы в открытом каталоге самостоятельно или с помощью менеджера.
- Планируйте кампании эффективно: интеграции гарантированно будут опубликованы в срок и в том виде, в котором их согласует заказчик.
- Экономьте время: отчёты по каждой кампании предоставляются в удобной таблице со всеми необходимыми данными.
В статье мы обсудим современные требования поисковых систем к фотографиям.
Почему важно уметь работать с визуальным контентом сайта
Почему изображения становятся все более важными? В настоящее время в Google 20-25% всех запросов – это поиск картинок. Уже из одного этого ясно, что крутые картинки могут существенно расширить аудиторию. Остается только понять, как вообще можно продвинуть картинку в поиске.
Исследование Nielsen Norman показывает, что картинка привлекает интерес читателей: почти 80% людей сначала быстро просматривают статью, а потом прочитывают текст, располагающийся возле картинок. Получается, что картинки – это магнит, притягивающий внимание пользователей.
Текст вместе с изображением, согласно тому же исследованию, запоминается почти на 65% лучше, чем без изображения. А уж на смартфонах без картинок вообще никуда! Миллениалы не будут читать голые тексты без фото на мобильном.
Искусство продвижения картинок в Google и «Яндекс»
Умение Google-бота ранжировать изображения постоянно совершенствуется, но пока, конечно, далеко до идеала. Инструментарий бота ограничен, и это настоящий шанс для SEO-оптимизаторов.
Помните, как было легко продвигать сайт 10 лет назад? Теперь наступило время продвижения картинок.
Немного SEO-магии, и изображения продвигаемого сайта попадут в топ, а на сайте появится множество новых посетителей.
Основные факторы продвижения изображений
Что вообще есть у картинки? Не очень много: в первую очередь это атрибут alt и размеры.
Как же Google вообще определяет, с каким изображением имеет дело? Здесь срабатывают поведенческие факторы:
- Коэффициент вовлеченности определяет, сколько времени посетители находятся на странице и насколько они активны.
- Соответствие текста запросу пользователя учитывает многое: адрес страницы, метатеги, h1-h6-заголовки, наличие ключевых фраз и так далее.
Хотя эти «киты» продвижения не связаны с картинкой, именно они определяют ее попадание в топ поиска. Это означает, что картинка должна находиться в хорошем тексте. Но есть еще множество факторов, которые влияют на ранжирование изображения в поиске, и они почти не имеют отношения к тексту.
1. Размер имеет значение
Для поисковой системы не составляет труда определить размер изображения и степень сжатия. Известно, что поисковики предпочитают показывать пользователям большие картинки с хорошим качеством. При этом качественная картинка может весить слишком много и тем самым замедлять загрузку сайта, что негативно влияет на вовлеченность посетителей.
Так что вывод простой: картинка одновременно должна быть качественной и загружаться быстро.
Не стоит искать картинки для сайта в поисковых системах. Google быстро сообразит, где вы взяли фото, и для поисковика она будет неуникальной. К тому же, изображения в поисковых системах чаще всего не отличаются высоким качеством. И стоит ли говорить о том, что большинство фото защищены от копирования авторским правом?
У этой проблемы существует несколько решений. Во-первых, чужие фото можно уникализировать. Это тема для отдельной статьи, отметим только, что переработка чужих фото также может считаться нарушением законодательства. Во-вторых, изображения можно производить самому: снимать фото или рисовать в редакторе. В-третьих, фотографии можно брать на фотостоках. На таких сайтах выложены миллионы изображений, которые можно использовать бесплатно для любых целей.
Рекомендуем использовать pixabay.com или depositphotos.com, однако в интернете таких сайтов превеликое множество.
Pixabay: бесплатные картинки для коммерческого использования
Размер изображения можно определять в теге img. Для этого следует использовать атрибуты width и height. Поисковые боты отлично реагируют на подобные вещи.
2. Соответствие изображения и текста
Кажется банальностью, но изображение должно быть релевантно содержанию страницы. Поисковые системы постепенно учатся определять неуместные картинки в тексте. В таком случае не только картинка не попадет в топ, но и вся статья окажется за пределами вершины выдачи.
Учите, что технологии распознавания изображений развиваются. Искусственный интеллект уже научился относительно уверенно определять, что изображено на картинке. Правда, пока его можно обмануть, но это всего лишь временное явление.
3. Формат изображения
Поисковые системы любят традиционные форматы jpg и png. У других вариантов есть своя роль, однако множество нетрадиционных изображений на сайте могут отпугнуть поисковики. Например, изображения с расширением bpm слишком долго загружаются и не самым лучшим образом влияют на поведенческие факторы. Изображения с расширением webp до сих пор открываются не во всех браузерах. Так что jpg и png – наш золотой стандарт.
4. Как вы яхту назовете, так она и поплывет
Название файла влияет на позицию изображения в поиске. Не стоит использовать в имени файла числа или бессмысленные наборы знаков. Поисковые системы стараются собрать об элементе сайта максимальную информацию, поэтому осмысленное название картинки может сыграть в ее пользу. Тут, как и в ЧПУ (человеко-понятном url), следует использовать латинские буквы. Например, подходящее название изображения отеля будет таким: «hotel_in_Sankt-Peterburg.jpg».
Отель в Санкт-Петербурге
5. Атрибуты тега img
У картинки (тега img) на сайте есть универсальные атрибуты, которые позволяют поисковикам лучше определить, что на ней изображено:
- Alt – если картинка не загружается, на ее месте появляется текст из атрибута alt.
- Title – не совпадает с alt. Этот атрибут просто описывает содержимое изображения. Можно добавить в него ключевые фразы.
- Figure. Метка img может быть помещена в тег. В таком случае после тега img будет следовать тег, позволяющий поместить под изображением подпись. Обычно в этом месте находится название картинки и сведения об авторе.
Следует заполнить все эти атрибуты, если вы хотите увидеть вашу картинку в поиске.
Атрибуты и теги, описывающие изображение
ЧИТАЙТЕ ТАКЖЕ
Еще пять советов по продвижению изображений:
6. Где располагать файлы?
В одной папке на своем сервере. Использовать сторонние хранилища фотографий – не желательно. Это влияет на позиции картинки в поиске.
7. Использование sitemap
Карта сайта позволяет поисковой системе лучше разобраться в структуре вашего сайта. Не все знают, что в sitemap следует добавлять изображения.
Теги для использования в sitemap.xml
URL страницы, на которой размещено изображение
8. За чрезмерное заимствование чужих картинок можно получить санкции от Google и «Яндекс»
Это не всегда легко заметить, вот почему такие санкции – очень коварная штука.
9. Штраф за использование чужих изображений
Согласно российскому законодательству, за одну украденную картину полагается штраф до 10 тысяч рублей. Если вы позаимствовали 100 картинок – придется заплатить миллион. В российской судебной практике подобные прецеденты имеются. Вот почему лучше использовать фотостоки с бесплатными изображениями.
10. Изображения не должны содержать никакого намека на порнографию, не должны «шокировать» или «пропагандировать насилие и наркотические вещества»
Легко получить санкции от поисковой системы за подобные вещи.
Подводим итоги
Итак, у вас есть шанс попасть в топ выдачи с помощью подходящих изображений. Если вы воспользуетесь нашими рекомендациями, успех вам обеспечен.
Пока в Google и «Яндекс» нет серьезной конкуренции за попадание в выдачу изображений, однако вскоре технологии поисковых ботов могут стать более совершенными, и тогда SEO-специалистам придется предпринимать значительно больше усилий.
Не упустите свой шанс!
Вам понравилась статья? 13 1
Автор статьи
Совладелец и директор агентства интернет-рекламы Юла Group. Более 15 лет опыта на рынке. Основная деятельность: — SEO Продвижение сайтов в .
Источник https://blog.callibri.ru/seo-prodvizhenie-cherez-kartinki
Источник https://otzyvmarketing.ru/articles/kak-uvelichit-trafik-kartinkami/