Оптимизация

Оптимизация изображений: что такое Alt и Title для картинок и как их правильно заполнять

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

Правильное имя файла

Имя файла изображения, которое используется для иллюстрации статьи должно соответствовать тематике текста (статьи). Большинство веб-сайтов публикуют свои изображения подобным образом:

С точки зрения оптимизации картинки это неправильно. Бессмысленное название файла, нет атрибутов ALT и TITLE. Давайте посмотрим далее на правильно оформленный пример:

Поисковые системы уделяют большое внимание названию самого файла. То есть, если пишете статью о SEO оптимизации картинок, то имя файла изображения должны быть seo-kartinki.jpg

Не забывайте прописывать атрибуты ALT и TITLE для изображений

Атрибут Alt

ALT у изображений — это альтернативный источник информации для поисковиков (он помогает понять, что изображено на картинке), а также для пользователей, у которых по какой-то причине не смогла загрузится картинка. Имеет довольно значительный вес для поискового продвижения, поскольку индексируется поисковыми роботами, а это важно как для релевантности страницы так и для привлечения дополнительного трафика из поиска по картинкам. К примеру у нас есть такая картинка:

Дарт Вейдер: темный лорд ситхов

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

Читайте также:  Дублированный контент на сайте: найти и удалить!

Дарт Вейдер: темный лорд ситхов

В коде страницы, данный атрибут будет выглядеть вот так:

Alt атрибут в коде страницы

Атрибут Title

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

 

Где заполнять атрибуты Alt и Title?

Все зависит от Вашей системы управления сайтом. Как правило, в популярных движках все это доступно в параметрах изображения. Если Вы используете WordPress то в режиме редактирования изображения доступны все необходимые поля:

Ну а в чистом HTML придется все править вручную:

Правила заполнения атрибутов Alt и Title:

  • Должны быть информативными. То есть, описывать именно то, что действительно изображено на картинке;
  • Длина не должна превышать 250 символов (3-5 слов будет вполне достаточно) для атрибуа Alt. Для Title допустимо и больше, но согласитесь длинющий текст, который будет отображаться при наведении на изображение, явно будет только отпугивать пользователей;
  • Должны содержать ключевые запросы. Особенно это касается атрибута Alt;
  • Отсутствие спама. Не используйте перечни ключевых запросов, написанных через запятую.
  • По возможности используйте разное описание для Alt и Title.

Какое расширение использовать для изображений?

  • .jpg — распространенное расширение для фотографий;
  • .gif,. png – для других изображений.

Именно указанные форматы изображения являются наиболее используемыми веб-мастерам, которые заинтересованы в поисковом трафике.

В интернете также встречаются картинки с подписями веб-сайтов (так называемые водяные знаки). Такие изображения помогут избежать воровства, а если это вдруг и произойдет, то пользователь всегда сможет понять с какого ресурса была взята эта картинка.

Читайте также:  On-Page оптимизация посадочных страниц - 7 важных моментов

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

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

Теги

Похожие записи:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *