Как настроить поисковую оптимизацию для изображений сайта

Для чего необходимо поисковой оптимизации картинок и изображений

Чтобы повысить шансы на получение более высокого места в поисковой выдаче. Правильные SEO-настройки фото учитываются поисковыми системами Яндекса и Google, поэтому необходимы для продвижения. В этих поисковиках есть отдельный раздел «Картинки» — там можно попасть в ТОП по изображениям сайта, даже если он сам туда не входит.

Приятные и красивые фото привлекают внимание и отражаются на поведенческих факторах ранжирования. Они увеличивают глубину просмотра и время сеанса. Подробнее про поведенческие факторы мы писали в блоге AskUsers.

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

Разберем основные SEO-показатели, научимся заполнять атрибуты Alt и Title и посмотрим, как размер картинки влияет на индексирование сайта.

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

Загрузка фото на сайт — конечный этап перед настройками SEO. До него стоит понять, в каком формате загружать изображения. Все зависит от целей:

• Если нужна анимация, выбирайте GIF.
• Для линейных рисунков и инфографики сохраняйте в PNG. Он подойдет, чтобы сохранить мелкие детали.
• Под векторную графику берите SVG — этот формат сделает изображение масштабируемым.
• Для остальных картинок и фото — JPEG.

Какие изображения не подойдут для SEO-продвижения

Поисковые системы оценят уникальные и качественные фото. Все как с текстом — слабый рерайт и постоянное цитирование сделают его неуникальным и приведут к потере позиций в выдаче. Поисковые роботы сразу поймут, что изображение, защищенное авторскими правами, украдено. Чтобы такого не происходило, создавайте картинки и графику сами и фотографируйте. Или ищите изображения со свободной лицензией — например, для использования в некоммерческих целей. Можно настроить поиск в Яндексе и Google или зайти в фотостоки — Unsplash, Pixabay, Pexels, Freerange Stock.

Прописываем теги Alt и Title

Атрибуты для фото — техническая часть. По ним поисковики понимают содержание и выдают картинки по релевантным запросам. Alt и Title прописывают в HTML-коде в теге .

Title картинки — ее название. Этот тег не должен повторять Title страницы или сайта. Автоматически генерируемый Title (23232dfhry.jpg) не поможет с SEO-продвижением, а название «Тауэрский мост» передает суть фото. И продублируйте текст латиницей в имени файла с изображением — tauerskiy-most.jpg. Про тег Title и название страницы мы уже писали в блоге.

Атрибут Alt рассказывает, что изображено на фото. Его также анализируют поисковые роботы, а пользователь увидит содержания Alt, если при загрузке изображения произойдет ошибка. Тег Alt для картинок должен быть уникальным и не повторяться на других фото. Подбирайте для текста атрибута ключевые слова и Long Tail запросы, на которые поисковые системы будут ориентироваться при ранжировании сайта. Alt должен быть простым и понятным, его размер не превышает 160 символов. Для фото с Title «Тауэрский мост» подойдет текст Alt — Фото Тауэрского моста с видом на Темзу.

Итоговая строка кода выглядит так:

Для атрибутов Alt и Title необходимо оптимизировать текст. Смотрите, как текущие SEO-настройки влияют на ранжирование в выдаче, и меняйте их, дополняя теги и расширяя семантическое ядро. Текст можно менять и после публикации. Но лучше заранее проверить, нет ли на ресурсе изображений с пустыми Alt и Title. С этим справится программа Seo Screaming Frog.

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

Она попадает в файл robots.txt, который облегчает работу поисковым роботам. Карта нужна, если картинок на сайте много. Яндексу хватит и обычной XML-карты сайта, но алгоритмы Google оценит структурированный список картинок, которые упрощает индексирование. Поэтому для SEO-продвижения лучше создать второй Sitemap.

Оптимизируем размеры и вес

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

Сжатие размера изображения уменьшит его вес и увеличит скорость загрузки сайта. На качестве эти изменения не отразятся. Пользователи не заметят разницу между файлами JPEG размером 30 kb и 78kb. А для SEO первый вариант будет лучше. Сервисы компрессии — Optimizilla, Сompressor.io, Guetzli, MozJPEG, ptipic.io — помогают настроить картинки для SEO-продвижения и уменьшают размер на 20-60 процентов.

Если не знаете, нужно ли сжимать фото на сайте, откройте утилиту Ahrefs Site Audi. Она проанализирует ресурс и выделит файлы, размер которых нужно уменьшить.

Заполняем подписи и микроразметку

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

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

Заключение

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

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