Найти в Дзене
RUSH ANALYTICS

SEO оптимизация изображений для поиска Google и Яндекс

Оглавление

Сегодня SEO оптимизация изображений играет такую ​​же роль, как и оптимизация текстов на веб-страницах. Внимание поисковиков к структуре и грамотному оформлению контента год за годом увеличивается. Теперь важно, чтобы текст был не только уникальным, но еще и визуально привлекательным. Оптимизированные релевантные изображения способны в разы улучшить поведенческие факторы веб-страницы и привлечь дополнительный трафик из систем поиска по изображениям Google/Яндекс. Однако, не все так просто. Недостаточно просто загрузить изображение на сайт и поместить в тексте - нужно тщательно оптимизировать его. В этой статье мы расскажем о методах Image SEO в виде пошаговых рекомендаций. 

1. Подбирайте релевантные, уникальные и качественные изображения

Поисковик любит уникальность и высоко позиционирует авторский релевантный контент, который еще не появлялся в результатах поиска. Поэтому, не копируйте изображения с других сайтов, а фотографируйте самостоятельно или создавайте картинки в графических редакторах, таких как Adobe Photoshop и Adobe Illustrator. Проверить уникальность изображения можно в этом сервисе

Если нет возможности создавать свои изображения, используйте хостинги бесплатных изображений, например: freepik.com, pixabay.com, pexels.com, mockupfree.co и т.д.  Проверьте также, чтобы ваши картинки были хорошего качества и отвечали контексту. Если вдруг вам понадобилось фото конкурента - обязательно проверьте, не защищено ли оно авторским правом, есть ли лицензия на использование/редактирование. Это можно посмотреть также в поиске картинок Google Images, достаточно выставить фильтр “Права на использование”:

-2

2. Оптимизируйте размеры и вес изображений (сжатие, компрессия)

Очень важно, чтобы изображения на сайте не повлияли на скорость загрузки сайта, которая является ранжирующим фактором для поисковиков. Ведь чем быстрее загружается сайт, тем легче поисковику посетить и проиндексировать его. Слишком большие или тяжелые изображения ухудшат PageSpeed показатели, что отразится на конверсии сайта. Проверить скорость и выявить слишком «медленные» изображение можно с помощью онлайн-инструментов Google PageSpeed Insights и GTmetrix

Одним из способов уменьшения веса файла изображения - является его компрессия, то есть сжатие с сохранением качества изображения. Для сайтов под управлением Wordpress существуют автоматические средства компрессии изображений - например, плагин Smush. У кого нет такой возможности, могу посоветовать использовать онлайн-сервисы Optimizilla, TinyPNG, Сompressor.io и Optipic.io.


В Adobe Photoshop с помощью команды "Сохранить для Web" (Save for Web) можно сжать картинку без потери качества, установив параметр Quality на 75%:
В Adobe Photoshop с помощью команды "Сохранить для Web" (Save for Web) можно сжать картинку без потери качества, установив параметр Quality на 75%:
Обращайте внимание и на значение DPI (количество точек на дюйм), которон влияет на вес изображения. Для веб-графики не рекомендуется выставлять > 72 dpi:И еще - обязательно проверьте, включено ли GZIP-сжатие на вашем сервере. Оно позволит кэшировать картинки, скрипты, стили и другие ресурсы сайта. Данные будут загружаться быстрее. Получить информацию по GZIP на вашем сайте можно тут. 
Обращайте внимание и на значение DPI (количество точек на дюйм), которон влияет на вес изображения. Для веб-графики не рекомендуется выставлять > 72 dpi:И еще - обязательно проверьте, включено ли GZIP-сжатие на вашем сервере. Оно позволит кэшировать картинки, скрипты, стили и другие ресурсы сайта. Данные будут загружаться быстрее. Получить информацию по GZIP на вашем сайте можно тут. 

3. Выберите оптимальный формат

Выберите оптимальный формат, в зависимости от типа изображения и целей его применения:

  • JPEG (Joint Photographic Experts Group) - создан в 1992 году, один из самых популярных форматов, применяется в основном для панорамных, пейзажных, портретных фотографий. Обладает хорошими параметрами качества и четкости, отлично передает цветовую гамму. Большинство смартфонов и фотокамер сохраняют снимки именно в нем. Google рекомендует использовать JPEG 2000 или JPEG XR, где используется более эффективное сжатие, поэтому они загружаются быстрее и потребляют меньше трафика, чем классический JPEG;
  • PNG (Portable Network Graphics) - создан в 1996 году, этот формат походит для сложных графических элементов, чертежей, инфографики и всех изображений, где нужно сохранять прозрачность, а также теней. Данный формат имеет 2 версии - PNG-8 (8 битная передача цвета) и PNG-24 (24 битная передача цвета);
  • GIF (Graphics Interchange Format) - один из старейших форматов, создан в 1987 году, подходит для анимированных изображений, а также мелких графических элементов - иконок, кнопок, окантовок. Использует всего 256 цветов;
  • SVG (Scalable Vector Graphics) - масштабируемая векторная графика, используется для логотипов и значков. С помощью CSS или Java Script можно управлять параметрами изображения без потери качества, а также растягивать, увеличивать размеры или уменьшать. Своего рода векторная графика.
  • BMP (Bitmap Picture) - древнейший формат для растровых изображений, разработанный Microsoft в 1985 году. Формат этот не особо популярен, генерирует "тяжелые" файлы и его не рекомендуется использовать;
  • WebP - очень популярный в последнее время формат, часто применяется для различных изображений, имеет отличное сжатие и сохраняет высокое качество с меньшим весом файла. Конвертировать свои изображения в WebP можете с помощью онлайн-конвертера Squoosh;

Ознакомиться с официальными рекомендациями Google по форматам изображений можно тут и тут.

4. Задайте релевантное имя файла

Очень часто владельцы сайтов называют файлы как попало. А именно с имени файла и начинается Image SEO. Поисковик при индексировании изображения обращает внимание на название файла, поэтому оно должно содержать ключевое слово и отражать суть изображения, чтобы поисковик мог "не глядя" проиндексировать информацию, затем вывести его в результатах по соответствующему поисковому запросу пользователя.

Например, ваше изображение показывает восход солнца в Париже над собором Нотр-Дам, значит имя файла должно быть не DSC4536.jpg, а notre-dame-paris-sunrise.jpg. Основной ключевой фразой будет Нотр-Дам, так как это слово соответствует содержанию фотографии.

-5

Ключевое слово обязательно должно находиться в начале имени файла, так как с него поисковик и начнет индексацию. Если слов много, то желательно использовать дефисы, а не пробелы (_) - они плохо распознаются поисковой системой.

Читайте также: Оптимизация под голосовой поиск

5. Оптимизируйте метаданные (EXIFdata)

Мало кто знает, что каждая фотография, сделанная на цифровой камере или смартфоне, содержит метаданные или как их еще называют - EXIFdata. Это информация, которая хранится в файле изображения и обычно генерируется автоматически устройством, которое сделало фото. Например, запись всех настроек камеры, техническая информация: время экспозиции, настройки диафрагмы, тип камеры, дата съемки, автор и т.д.

Метаданные изображения могут быть добавлены также вручную, с помощью специального программного обеспечения. Информация EXIFdata играет определенную роль для поисковиков, про это заявил представитель Google:

"Использует ли Google данные EXIF ​​из изображений в качестве фактора ранжирования? Мы сделали пост в блоге, в апреле 2012 года, где мы говорили об этом, и сказали, что оставляем за собой право использовать EXIF ​​или другой вид метаданных, которые мы находим об изображении в поиске, чтобы помочь людям найти информацию" (Источник).

Иногда метаданные содержат неактуальные данные. Проверьте и оптимизируйте их перед тем, как загружать файлы на сервер.

6. Соберите трафиковые ключевые слова

Выше мы перечислили ряд факторов, которые влияют на оптимизацию и продвижение ваших изображений. Очень важно использовать именно трафиковые ключевые слова во всех метаданных, названиях, атрибутах и подписях изображений. Особенно актуальны так-называемые LSI-ключевые слова (латентное семантическое индексирование) - это наиболее популярные поисковые запросы, связанные с вашей тематикой. 

Чтобы было понятнее, приведу пример. У вас есть ключевая фраза "маркетолог в Москве". LSI для него будет - ”маркетолог в москве средняя зарплата", "маркетинг вузы в москве", "интернет маркетолог в москве" и т.д.  

Ключевые слова LSI существенно расширяют вашу семантику и охватывают побольше аудитории в поиске = дают больше трафика для сайта. Собрать их можно в сервисе Rush Analytics с помощью парсеров Wordstat и Сбор подсказок.

Вот что я получил по запросу "париж фото" в сервисе Rush Analytics:

-7

Несколько тысяч LSI-ключевых слов. Список можно отсортировать по частотности, выбрать наиболее популярные и оптимизировать под них изображения на своем сайте: 


                                       SEO-оптимизация изображения в CMS Wordpress
                                       SEO-оптимизация изображения в CMS Wordpress

7. Заполните атрибуты Alt и Title

Итак, вы загрузили изображения на свой сайт. Теперь самый важный шаг оптимизации: необходимо заполнить атрибуты ALT и TITLE, которые часто ошибочно называют "тегами". Они прописываются в HTML-коде и относятся к тегу  <img>:

<img src = "/путь-к-расположение файла-на-сервере" alt = "Альтернативный текст изображения" title = "Заголовок изображения"> 

Атрибуты Alt и Title должны быть актуальными и уникальными для каждого изображения. Разберем их детально.

Читать статью полностью: SEO оптимизация изображений для поиска Google и Яндекс