Начните работать с нами
Оставьте заявку

Оптимизация изображений на сайте

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

30 апреля 2020

Доступность изображений для поисковых систем

Название файла изображений

Атрибуты alt и title для картинок

Внедрение микроразметки для изображений

Оптимизация скорости загрузки изображений

Оценка эффективности оптимизации изображений

Вывод

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

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

Доступность изображений для поисковых систем

Убедиться в доступности изображений для поисковых роботов — рекомендуем добавлять следующие «разрешающие» директивы для всех поисковых систем в файле robots.txt:

       Allow: /.png

        Allow: /.jpeg

        Allow: /.jpg

        Allow: /.gif

        Allow: /.svg

Название файла изображений

Необходимо задать корректное имя для файла, например kuhnya.jpg и т.д. Это позволит поисковому роботу при парсинге сайта и его содержимого понять что изображено в данном графическом файле.

Атрибуты alt и title для картинок

Необходимо заполнить атрибуты alt и title для изображений. Пример из справки Google:

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

  • Нежелательный вариант (нет текста в атрибуте alt): <img src=»sobaka.jpg»/>
  • Нежелательный вариант (слишком много ключевых слов): <img src=»sobaka.jpg» alt=»собака щенок собачка маленькая собачка ретривер лабрадор волкодав сеттер пойнтер корм для собак дешевый корм для собак еда для собак»/>
  • Более эффективный вариант: <img src=»sobaka.jpg» alt=»собака»/>
  • Рекомендуемый вариант: <img src=»sobaka.jpg» alt=»далматин несет палку»/>

Внедрение микроразметки для изображений

Добавление микроразметки https://schema.org/ImageObject для изображений. Корректность микроразметки можно проверять в сервисах Яндекса или Google. Стоит отметить, что Google рекомендует реализовывать микроразметку методом JSON-LD.


Оптимизация скорости загрузки изображений

Не стоит ограничивать себя оптимизацией новых изображений на сайте, необходимо обращать внимание на уже имеющиеся. Одной из главных и наиболее распространенных проблем, вызванной отсутствием оптимизации графической составляющей страницы является снижение скорости ее загрузки. Нельзя игнорировать данный фактор, поэтому мы рекомендуем прибегать к помощи такого сервиса как pagespeed insights. Добавляем сайт:

Мы получаем примерную оценку скорости загрузки сайта для мобильных устройство и десктопа:

Далее, видим результат с рекомендациями. Стоит обратить внимание на следующие:

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

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

Оценка эффективности оптимизации изображений

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

Яндекс Метрика

Нам необходимо:

  • Выбрать тип последнего источника: Переходы из поисковых систем.

  • Группировки: Источник трафика (детально), Последняя поисковая система (детально).

  • В основных поисковых системах выбираем изображения:

Итоговый результат следующий:

Google Search Console

Переходим в раздел: .Эффективность, тип поиска — изображение.

Далее, мы можем выбрать интересующий нас период и просмотреть полученные результаты:


Вывод

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