Demo
Запишитесь на демо Demo Самый быстрый и простой способ познакомиться:
  • Выясним, какая аналитика требуется для вашего проекта в зависимости от предстоящих задач.
  • Подберем оптимальный вариант: начиная от сквозной аналитики на базе Яндекс Метрики или Google Analytics 4 до продвинутой маркетинговой аналитики с моделями атрибуции и когортами.
  • Поможем считать CPL, CAC, AOV, LTV, ROAS, ДРР и ROMI.
  • Расскажем, как оптимизировать рекламу на целевых пользователей, используя информацию о сделках.
  • Отправим доступы к демо-кабинету с примерами отчетов.
  • Блог ROMI сenter
  • SEO
  • SEO-оптимизация картинок в 2024 году: 11 рекомендаций для получения трафика

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

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

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

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

{:en}Image SEO in 2022: 11 Best Practices to Get Traffic{:}{:ru}SEO-оптимизация картинок в 2024 году: 11 рекомендаций для получения трафика {:}

Зачем нужно 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 и так далее. Есть даже мемные конструкторы, в которых можно подставлять на популярные картинки собственный текст.
Конструктор от meme-arsenal
Конструктор от meme-arsenal
  • Изображения из фотобанков. Этот вариант чуть хуже, чем перечисленные в списке выше, однако тоже допустим. Стоковые изображения не повлияют отрицательно на позицию в поисковой выдаче. Но системы сканирования отдают предпочтение оригинальным иллюстрациям во время формирования списка для выдачи в поиске по картинкам. В фотобанках размещены фото и графические изображения, которые можно законно использовать на своем сайте. Популярные хостинги изображений: 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 в разделе «Картинки» с соответствующим фильтром.

Покупки Google

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

Яндекс: фильтрация по товарам

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

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

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

Заключение

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

{:en}Image SEO in 2022: 11 Best Practices to Get Traffic{:}{:ru}SEO-оптимизация картинок в 2024 году: 11 рекомендаций для получения трафика {:}

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

Частые вопросы

Зачем нужна SEO-оптимизация изображений?
Заполнение метатегов, подписи изображений, файлы для поисковиков — всё это дает Google и Яндекс более чёткое понимание содержания вашего сайта. Соответственно, системы индексируют ресурс, сравнивают его с запросом и показывают пользователю только релевантную информацию. Помимо повышения позиции на поиске, SEO-оптимизация изображений ещё полезна дополнительным возможным трафиком из раздела «Картинки» Google и Яндекс.
Что сделать, чтобы изображение генерировало новый трафик из поисковика?
Следите за предупреждениями сервисов для SEO, которые относятся к скорости загрузки сайта. Изображения не должны на это влиять. Заполняйте метатеги с учетом собранного семантического ядра. Не забывайте про подписи к картинкам и названия самих файлов. Сделайте Sitemap, это поможет поисковым системам проиндексировать ваш сайт.
Какие изображения подойдут для сайта?
Самый лучший вариант — это те изображения, которые создали вы сами. Например, авторские фотографии, скриншоты или дизайн. Если у вас нет времени на создание собственного контента, скачайте его из фотобанков. Также вы можете позаимствовать контент в первоисточнике. Но тогда — обязательно укажите на своем сайте автора. А ещё, изображение не должно отрицательно влиять на скорость загрузки ресурса. Чтобы избежать медленной работы сайта, тщательно следите за отчетами SEO-сервисов и не загружайте слишком тяжелые изображения.
Оцените статью:
Средняя оценка: 5.0 Количество оценок: 2
Запишитесь на демо Самый быстрый и простой способ познакомиться:
  • Выясним, какая аналитика требуется для вашего проекта в зависимости от предстоящих задач.
  • Подберем оптимальный вариант: начиная от сквозной аналитики на базе Яндекс Метрики или Google Analytics 4 до продвинутой маркетинговой аналитики с моделями атрибуции и когортами.
  • Поможем считать CPL, CAC, AOV, LTV, ROAS, ДРР и ROMI.
  • Расскажем, как оптимизировать рекламу на целевых пользователей, используя информацию о сделках.
  • Отправим доступы к демо-кабинету с примерами отчетов.

Кейсы

Познакомьтесь с историями успеха наших клиентов, которые уже используют решения ROMI center.
HoReCa case-1
Sushi Good Как увеличить выручку в 3 раза за счет внедрения сквозной аналитики

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

Подробнее
Финансы case-2
Форс Сегментация лидов, их аналитика и оптимизация рекламы: 3 шага к экономии бюджета

Финансовая и кредитная тематика требует углубленной работы с сегментами целевой аудитории. Как нашему клиенту, кредитному брокеру из Санкт-Петербурга, удалось оптимизировать бюджет и правильно сегментировать целевых пользователей с помощью внедрения аналитики?

Подробнее
Маркетинг case-3
Convert Monster Экономия рекламного бюджета и времени на аналитике: кейс обучающего центра

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

Подробнее
Маркетинг case-1
КликКлик Экономия времени на аналитике рекламы клиентов: кейс интернет-агентства «КликКлик»

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

Подробнее
Образование case-5
DIVA Отказ от подрядчиков и полная оцифровка трафика: итоги 9 месяцев работы с ROMI center

Когда над каждым каналом рекламы работает отдельный подрядчик, архи важно систематизировать все результаты продвижения в режиме единого окна: расходы на рекламу и доходы с нее. В кейсе рассказываем, как DIVA полностью систематизировали данные по трафику.

Подробнее
Продажи case
Rusbarrier Сквозная аналитика: как убрать нецелевые звонки и начать зарабатывать на 300% больше

Можно ли в условиях кризиса увеличить доход в узком сегменте? Да, принимая взвешенные маркетинговые решения и ориентируясь на точные цифры, а не на собственные догадки. В кейсе рассказываем историю клиента, который увеличил прибыль с рекламы на 300% пока его конкуренты закрывались один за одним.

Подробнее
Посмотреть все кейсы