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

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

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

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

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

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

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

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

В Adobe Photoshop с помощью команды «Сохранить для Web» (Save for Web) можно сжать картинку без потери качества, установив параметр Quality на 75%:

Обращайте внимание и на значение DPI (количество точек на дюйм), которон влияет на вес изображения. Для веб-графики не рекомендуется выставлять > 72 dpi:

И еще — обязательно проверьте, включено ли GZIP-сжатие на вашем сервере. Оно позволит кэшировать картинки, скрипты, стили и другие ресурсы сайта. Данные будут загружаться быстрее. Получить информацию по GZIP на вашем сайте можно тут. 
Читайте также: Текстовый Анализатор SEO

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

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

• 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 по форматам изображений можно тут и тут.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Читайте также: Поисковые подсказки Google

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

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

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

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

Атрибут ALT

• ALT (сокращенно от «alternative») — обязательный атрибут изображения, здесь указывается альтернативный текст, который будет выводиться в случае, если изображение по каким-то причинам не загрузилось или удалено. Альтернативный текст индексируется поисковиками и влияет на ранжирование картинки в поиске по изображению.

Несколько рекомендаций по оптимизации атрибута Alt:

• добавляйте естественный, краткий и содержательный, уточняющий картинке текст;
• используйте тщательно подобранные высокочастотные релевантные ключевые слова — с их помощью пользователи будут находить ваши изображения в поиске;
• избегайте переспама по ключевым словам — достаточно 1-2 ключевых слов, и не используйте вирусные слова: «купить», «заказать», «цена»;
• максимальная длина альтернативного текста 160 символов.

Документация по атрибуту Alt в поисковой системе Яндекс>>

Атрибут TITLE 

• TITLE — текстовый заголовок изображения, здесь указывается краткое название изображения, является дополнительным атрибутом изображения. Title не должен пересекаться с Alt. 

Пример применения обоих атрибутов вместе:

<img src = «/images/dog.jpg» alt = «Овчарка несет палку» title = «Собака»> 

Читайте также: Как составить мета теги

Как найти пропущенные атрибуты изображений Alt и Title на сайте?

С помощью программы-паука Seo Screaming Frog, можно автоматизировать проверку изображений на наличие атрибутов Alt и Title, отчет выглядит так:

Подробнее об этом способе на сайте Screaming Frog>>

Добавьте подпись под изображением

Как показывают исследования, помимо названия файла и атрибутов, поисковик обращает внимание и на текст вокруг картинки. Если он релевантный — плюс. Особенно, если на странице много картинок — подпишите их, сделайте качественные тематические подписи. Все это улучшит релевантность материала, понравится пользователю и поисковому боту.

Читайте также: Поиск ниши для сайта

Sitemap изображений

Если на сайте очень много картинок и вы часто добавляете новые, в дополнение к основной карте сайта, можно создать Sitemap изображений:

XML-карта изображений не обязательна, Яндекс ее не видит, но для ПС Google она может быть дополнительным плюсом, так как открывает прямой доступ к индексированию изображений сайта. Обычно в таких случаях специалисты делают 2 карты сайта — одна для изображений, вторая для статей, указывают их в robots.txt отдельно для поисковых систем, и в Яндекс Вебмастер отправляют только sitemap статей.

Советую изучить:

Рекомендации Google по Sitemap изображений>>
Бесплатный генератор Images Sitemap>>

Вывод

Идеальная SEO оптимизация — это не только оптимизация текстов и мета-тегов. Изображения тоже требуют оптимизации, и это может в разы улучшить SEO показатели вашего сайта. Факты говорят сами за себя: по данным компаний Jumpshot и Moz, на Google Images в 2016 году приходилось больше поисков, чем в YouTube, Google Maps, Amazon и Facebook вместе взятых. Поиск в Google Images производится более чем в 10 раз чаще, чем любой поиск на Bing или Yahoo, и более чем в 40 раз на Facebook:

Надеемся, наши советы по SEO помогут в вашем продвижении. Ну а в завершение советуем прочитать:

Рекомендации по работе с картинками Google>>
Советы веб-мастеру по оптимизации изображений Яндекс>>
Og image