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

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

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

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

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

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

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. Не используйте очень "тяжелые" картинки. Ни люди ни поисковые машины не любят когда сайт загружается очень долго.

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

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

  • Гость - Fargo

    Такой вопрос, если я к примеру нашел в интернете очень большую, тяжелую и очень качественную фотографию какого-то товара. Если я ее через онлайн редактор облегчу, сменю яркость например или фильтр применю, в результате у меня получится легкая, слегка видоизмененная фотка, в этом случае может эта фотография пролезть в верхние ряды, как уникальная?
    И вот еще вопрос, мои сотрудники часто используют продукцию которой мы торгуем, в полевых условиях. Нередко привозят фотографии для сайта, с этой продукцией. Но очень часто, эти фотографии появляются у них на страницах соцсетей (например вконтакте), раньше чем на нашем сайте. Слишком ли это плохо? Или же мне их заставлять не публиковать фотографии, прежде чем они появляются у нас на сайте?

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

  • Гость - sayxan

    Здравствуйте. Хотел бы узнать у вас вот что: Для того чтобы статья была релевантна на 100%, нужно в Alt картинки добавить прямое вхождение из заголовка. То есть если у меня заголовок статьи: "как заполнить атрибуты alt и title для изображений", то и один из альтов картинки должен быть таким же. И только тогда можно добиться 100% релевантности. Что вы думаете по этому поводу? Не посчитают ли это поисковики спамом и не наложат ли санкции на мой блог?

  • Если Вы посмотрите, то на многих моих статьях прям так же всё и сделано. Фильтров никаких нет, да и вообще по картинкам фильтры...может только переспам, но очень маловероятно. Если боитесь - разбавьте ключевую фразу в alt каким-нибудь эпитетом, прилагательным. Тогда уж точно никто ничего не наложит, не переживайте :)

  • Гость - sayxan

    Спасибо большое, успокоили. А то я боялся, но все равно делал. Теперь не буду бояться. )

  • Да не за что. Всегда рад помочь :)

  • Гость - Владимир

    Некоторые cms при загрузки картинки на сервер, переименовывают ее (например на 1.jpg, вместо image_name.jpg). Сильно ли это влияет на ранжирование?

  • Не влияет. Это всего лишь название картиночки. Главное - её title и alt. По крайней мере я ничего такого не замечал. Рано или поздно членораздельные названия для картинок заканчиваются.

  • Очень толковая статья, спасибо!
    У меня вопрос по метаданным местоположения: на моем сайте размещаю только свои фотографии, предварительно обрабатываю их в Lightroom, при экспорте есть функция "удалить метаданные местоположения". При удалении вес фото уменьшается, но, может быть, метаданные местоположения помогают при продвижении картинки? Стоит их удалять или нет? Заранее спасибо за ответ!

Оставьте свой комментарий

Оставить комментарий от имени гостя

0 / 2000 Ограничение символов
Ваш текст должен быть в пределах 10-2000 символов
Ваш комментарий будет отправлен на модерацию