SEO оптимизация изображений. Атрибуты Alt и Title у изображений

SEO оптимизация изображений. Атрибуты Alt и Title у изображений

Опубликовано: 24.12.2014 12:46
Просмотров: 85756

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

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

При правильном применении поисковой оптимизации изображений можно добиться хороших результатов. Во-первых, с правильно оптимизированными картинками можно получить отличный стабильный трафик с разделов "Картинки" популярных поисковых систем. Во-вторых, изображение, которое соответствует тематике страницы, повышает вес страницы и положительно влияет на поисковую выдачу. В-третьих, сайт, который имеет оптимизированные картинки получит больше кликов из социальных сетей (люди охотнее тыкают на ссылки с картинками, чем без них). Итак, поехали!

Alt (альтернативный текст изображения)

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

1
<img src="путь до картинки" alt="описание картинки" />

Title (заголовок или название)

Атрибут tite для изображения чуть менее важен чем alt. Он предоставляет дополнительную информацию об изображении. Текст, который написан в атрибуте tiltle тега img, показывается при наведении курсора мышки на картинку. Попробуйте наведите на картинку ниже и вы увидите содержимое тега title.

милый кот, который склонил голову на бок

Код, для данного изображения:

1
<img src="kote.jpg" title="очень милый котик" alt="милый кот, который склонил голову на бок" />

SEO-профессионалы рекомендуют заполнять этот тег, так как он имеет большое значение в продвижении по изображениям. Кстати, поисковые пауки не "понимают" текст, который написан на изображениях. Например картинка с текстом "СКАЧАТЬ ФИЛЬМЫ" не будет распознана поисковым роботом, а та же картинка, в которой будет заполнен тег title="скачать фильмы" распознается роботом и даст ему информацию о том, что на это странице речь идет о кинематографе.

Советы по оптимизации изображений

  1. Не злоупотребляйте ключевыми словами. Лучше написать небольшое осмысленное предложение с парой ключевиков, чем перечислить ключевые слова через запятую.
  2. Используйте уникальные описания для каждого изображения на сайте.
  3. По возможности делайте изображения ссылками
  4. Храните картинки у себя на хостинге. Дело в том, что если картинки хранятся на других ресурсах, вы будете передавать вес своих страниц сайтам, на которых размещены картинки.
  5. Не используйте очень "тяжелые" картинки. Ни люди ни поисковые машины не любят когда сайт загружается очень долго.

Выводы о заполнении метаданных у изображений

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