SEO-оптимизация картинок в 2024 году: 11 рекомендаций для получения трафика

Статья обновлена 18.04.2024

SEO-оптимизация картинок важна не меньше, чем работа над созданием качественного контента и структуры сайта. Почему? Разберемся в сегодняшнем материале!

Просто найти хорошую фотографию и вставить ее в статью — недостаточно. Нужно еще оптимизировать изображение таким образом, чтобы его распознали поисковые системы. Это поможет получить дополнительный трафик, а может быть — и продажи.

Зачем нужно SEO-продвижение изображений

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

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

Помимо этого, изображение с оптимизированными мета-тегами способно привлечь трафик из разделов «Картинки» Яндекса и Google. Например, на скриншоте ниже представлены результаты по запросу «Кроссовки Nike». Если пользователю понравится одна из моделей, он увеличит ее изображение. И, возможно, перейдет на ваш сайт.

Через раздел «Картинки» пользователи могут переходить и на информационные ресурсы, и на интернет-магазины. Но просто сделать удачную инфографику или подобрать подходящую картинку недостаточно. Для получения дополнительного трафика изображение должно быть оптимизировано с точки зрения SEO. О шагах, которые нужно для этого предпринять мы поговорим далее.

1. Соберите семантическое ядро

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

Семантическое ядро поможет вам:

• Заполнить теги Alt и Title: используйте релевантные ключевые слова из вашего семантического ядра.
• Добавить подписи к картинкам: подписи должны быть информативными и содержать ключевые слова.
• Составить данные для поисковиков: используйте теги EXIF и IPTC, чтобы добавить информацию о ваших изображениях.
• Подобрать имя файла: имя файла изображения должно быть информативным и содержать ключевые слова.

LSI-ключи: дополнительные возможности

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

Инструменты для работы с семантическим ядром

Существует множество сервисов, которые помогут вам собрать семантическое ядро. Вот некоторые из них:

• Key Collector
• Rookee
• Wordstat Yandex
• Google Keyword Planner

2. Найдите или создайте подходящее изображение

Яндекс и Google ценят уникальный контент. Тут всё не так строго, как с текстами. Сайты с не уникальными статьями могут получить запрет на индексацию поисковиками. За чужие картинки бан вы не получите. Особенно, если укажете в статье источник. Однако и дополнительного трафика от такого контента ожидать не стоит. 

Лучшими вариантами для иллюстраций на сайте являются:

• Собственноручно выполненные фотографии. Если вы сами сфотографируете свой товар, то такого изображения уж точно ни у кого не будет.
• Скриншоты, сделанные вами. Актуально для информационных статей или инструкций.
• Инфографика. Помимо уникальности, такой контент пользователю легче воспринимать. Люди нагляднее воспринимают информацию в виде красочных схем и графиков. Согласитесь, на картинку ниже вам гораздо приятнее смотреть, чем на сухой текст из перечисленных пунктов.

• Собственный дизайн. Даже если в штате вашей компании нет дизайнера, способного выполнить профессиональную работу, выход есть. Существует множество сервисов-конструкторов для создания элементарного дизайна и редактирования фотографий. Например, Fotor, Canva и так далее. Есть даже мемные конструкторы, в которых можно подставлять на популярные картинки собственный текст.

• Изображения из фотобанков. Этот вариант чуть хуже, чем перечисленные в списке выше, однако тоже допустим. Стоковые изображения не повлияют отрицательно на позицию в поисковой выдаче. Но системы сканирования отдают предпочтение оригинальным иллюстрациям во время формирования списка для выдачи в поиске по картинкам. В фотобанках размещены фото и графические изображения, которые можно законно использовать на своем сайте. Популярные хостинги изображений: Shutterstock, Freepik. 

Если же вам все-таки нужно позаимствовать чужую фотографию или рисунок, не забудьте указать источник контента.

Перечислим, что можно сделать со стоковым или чужим изображением, чтобы повысить его уникальность.

1. Кадрировать. Измените композицию картинки, но не забывайте про минимальный размер изображения, который в итоге нужно загрузить на сайт.
2. Применить фильтры или коррекцию яркости/контрастности/экспозиции. Не переусердствуйте с эффектами, все-таки вам нужно сохранить смысловую часть изображения.
3. Удалить или добавить отдельные элементы на изображение. Используйте Photoshop или онлайн-редакторы и скорректируйте с их помощью состав фото или картинки.

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

Так что лучше всего использовать оригинальные изображения, но если такой возможности у вас нет, воспользуйтесь одним из перечисленных нами выше советов.

3. Проверьте вес и размер изображений

Вес и размер изображений напрямую влияют на SEO вашего сайта. Вот несколько причин, почему это важно:

• Скорость загрузки страницы. Большие изображения могут значительно увеличить время загрузки страницы, что негативно влияет на пользовательский опыт и может привести к потере трафика. Поисковые системы также учитывают скорость загрузки страницы при ранжировании сайтов.
• Индексация изображений. Поисковые системы могут не индексировать изображения, которые слишком маленькие или имеют неподходящий формат.
• Позиции в выдаче. Изображения с высоким качеством и релевантным текстом могут улучшить позиции вашего сайта в поисковой выдаче.

Рекомендации по оптимизации веса и размера изображений

• Подбирайте изображения с оптимальным разрешением. Для большинства случаев достаточно ширины 1200-1600 пикселей и высоты 800-900 пикселей.
• Сжимайте изображения. Используйте онлайн-сервисы или плагины для CMS для сжатия изображений без потери качества.
• Используйте правильный формат. Для фотографий лучше всего подходят JPEG и PNG, для иконок и графики — SVG.
• Оптимизируйте имена файлов. Используйте в именах файлов изображений релевантные ключевые слова.
• Добавляйте теги Alt и Title. Теги Alt и Title должны содержать описание изображения и релевантные ключевые слова.

Инструменты для оптимизации изображений

• Онлайн-сервисы: Compressor.io, TinyPNG, Kraken.io
• Плагины для CMS: Smush Image Optimization, EWWW Image Optimizer, ShortPixel Image Optimizer

Важно!

• Не оптимизируйте изображения слишком сильно, так как это может привести к потере качества.
• Проверяйте скорость загрузки вашего сайта с помощью таких инструментов, как PageSpeed Insights и GTmetrix.
• Регулярно обновляйте изображения на вашем сайте, чтобы они соответствовали последним требованиям SEO.

4. Изучите требования поисковиков

У Яндекса есть инструмент для SEO-оптимизации сайта — «Вебмастер». А у Google подобный сервис называется «Google Search Console». Мы рекомендуем пользоваться обоими, если вы планируете продвижение в двух популярных поисковиках. 

В Яндекс и Google различные алгоритмы проверки сайтов, поэтому изучите инструкции и следуйте советам этих систем. Вполне возможно, что вы найдете для себя что-то новое в каждом сервисе. 

Например, в данной инструкции Google рекомендует использовать новые форматы изображений — AVIF и WebP. Нет, JPEG/PNG/GIF по-прежнему актуальны. Но новый формат позволит пользователям потреблять меньше мобильного трафика. А вашему сайту — загружаться быстрее.

В этой инструкции Яндекс рекомендует использовать картинки максимально осмысленно. Иллюстрация должна соответствовать контексту. Поэтому размещайте ее именно в том месте текста, где пишете о связанной теме. 

Алгоритмы ранжирования поисковых систем постоянно меняются. Следите за обновлениями правил и будьте всегда в тренде последних новостей из мира SEO-оптимизации.

5. Задавайте изображениям осмысленные названия

Например, назовите фото кроссовок Найк не «DSC872613.jpg», а «nike-air-force-1». Так поисковику будет проще идентифицировать данное изображение. Вместо пробелов в названии используйте тире, это позволит системе распознать информацию.

Очень часто контент-менеджеры игнорируют этот пункт, а зря. SEO-название картинок может стать бонусом во время процесса сканирования.

6. Учитывайте EXIFdata

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

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

7. Заполняйте ALT и TITLE картинок для SEO-оптимизации

Один из важнейших шагов в SEO-оптимизации — заполнение метаданных. В ALT и TITLE нужно указать актуальную информацию, которая касается конкретного изображения. 

ALT

Текст, который отображается пользователю, если само изображение по каким-либо причинам не загрузилось. Если человек ищет информацию по изображению, то системы анализируют все имеющиеся данные в том числе и по ALT-содержимому.

Рассмотрим, что писать в атрибуте ALT.

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

TITLE

Атрибут TITLE — это название фото или изображения. Заголовок не должен дублировать атрибут ALT.

Проанализируйте все имеющиеся на сайте метатеги при помощи СЕО-сервиса, который вы используете. Заполните пропущенные ALT и TITLE. Также создайте инструкцию по работе с ними для контент-менеджера.

8. Делайте подписи к изображениям

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

9. Подготовьте файлы Sitemap

Sitemap — карта на языке, который понимают поисковые системы. Она поможет алгоритмам быстрее распознать контент на сайте. Это положительно влияет и на скорость проверки ресурса, и на его индексацию. Для системы Google вы можете добавить отдельный файл Sitemap только для изображений. Также можно использовать уже имеющийся документ и добавить в него информацию.

Яндекс рекомендует добавлять запись об изображениях в уже существующий файл.

К обязательным используемым тегам в обеих поисковых системах относятся:

• image:image — это вся информация о конкретной картинке;
• image:loc — URL-адрес картинки.

Полные правила Яндекса по работе с файлами Sitemap можно прочитать по ссылке. А инструкция от Google тут.

10. Используйте семантическую разметку

Семантическая или микроразметка помогает структурировать данные на сайте таким образом, чтобы поисковик понял эту классификацию. Пометить при помощи такой разметки можно не только продукты или страницы, но и картинки. Например, можно задать фотографии тип контента «Товар». В таком случае она отобразится к Google в разделе «Картинки» с соответствующим фильтром.

Применение разметки поможет пользователям идентифицировать ваш контент. Для интернет-магазинов это может стать ценным источником трафика. У Яндекс в разделе «Картинки» тоже есть фильтрация по товарам.

11. Следите за расположением изображения

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

Иллюстрация может относиться ко всему материалу. А может — к отдельному его абзацу. Поисковики умеют распознавать часть изображений. Но в большинстве случаев они пользуются для анализа текстом, который располагается вокруг. Так они судят о релевантности контента. Лучше располагать иллюстрацию таким образом, чтобы её содержимое совпадало с описываемой в тексте ситуацией.

Заключение

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

Например, микроразметка помогает сформировать понятный сниппет для отображения в поисковике. А оптимизация изображения работает схожим образом — она «переводит» картинку на понятный для системы язык. Таким образом, Яндекс и Google узнают, что именно оно содержит. Так что не пропускайте источник потенциального трафика и следуйте нашим инструкциям!