Перезвоните мне
  1. Главная страница
  2. Блог
  3. SEO-блог
  4. ALT картинки - как правильно прописать
ALT картинки - нужно ли указывать с точки зрения SEO?

Голосов: 6, Рейтинг: 3.33

29.09.2017

ALT картинки - как правильно прописать

Тема сегодняшней статьи – SEO - оптимизация изображения с помощью атрибута ALT. Многие не знают, что при оптимизации данного атрибута вы повышаете вероятность посещения вашего сайта. Итак, более подробнее расскажу далее в статье:

Что такое атрибут ALT?

ALT – это атрибут, в котором содержится альтернативный текст изображения. Атрибут показывается, когда в браузере отключен показ изображения, но в стандартных настройках вы его не увидите.

Так же, как и Title и Description он учитывается поисковой системой

ALT правильная загрузка тега на сайт

До и после загрузки изображения в браузер

Синтаксис html описания картинки

</head>

<body>

<img src=”image.jpg” alt=”Описание картинки image” />

</body>

</html>

В атрибут Alt тега <img> входит собственно описание картинки. Последовательность атрибутов не особо важна. В данном примере я подчеркнул обязательные атрибуты для тега img.

Читайте в нашем блоге: Как правильно прописать Title страницы

Как правильно прописывать описание картинки

Прежде чем прописывать Title я расскажу вам частые ошибки, которые замечаю на сайтах.

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

Не соответствие изображения и атрибутов.  Допустим если на вашей картинке отображена BMW X5, а в атрибуте прописываете Audi A3, то не ждите что человек перейдет по вашей картинке на сайт.

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

Так же поисковые системы могут наложить на вас санкции, поэтому не увлекайтесь.

А как же нужно прописывать теги для картинок?

Краткое и понятное описание картинки. Как можно точнее опишите изображение и если ALT был создан автоматически перепроверьте все страницы.

Длина атрибута ограничена. Поисковые системы учитывают 3-4 слова (около 250 символов) что затрудняет описание картинки.

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

Например:

alt=”Ремонт компьютеров в Чебоксарах”

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

Карточка товара содержит много картинок

атрибут ALT у сайта Ситилинк

Пример бренда Ситилинк, где указан один и тот же товар с одинаковым ALT

Как же разделять картинки одного и того же товара, если спамить нельзя и нужно прописывать все уникальное? Допустим “Сплит-система HYUNDAI H-AR6-07H” можно расписать так:

“Сплит-система HYUNDAI H-AR6-07H Вид 1”

“Сплит-система HYUNDAI H-AR6-07H Вид 2”

Похожие товары

Атрибут ALT у компании MediaMarkt

Пример как прописывает ALT у похожих товаров MediaMarkt

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

Размер изображения – чем больше разрешение картинки, тем лучше. В любом случае ее отображение можно подкорректировать благодаря атрибутам “width” и “height”. Но не стоит делать картинку слишком маленькой, в противном случае поисковые системы не будут учитывать изображение меньше 150 пикселей и будут считать ее за иконку.

Расположение изображения – как можно ближе к тексту, который содержит ключевые слова. Вот почему многие оптимизаторы учитывают этот фактор и стандартная схема расположения картинок выглядит так:

<h2> Текст заголовка с ключевым словом</h2>

<img alt=”Product 1”/>

<p>Дальнейшее описание</p>

Читайте в нашем блоге: Rel Canonical – как правильно использовать

Уменьшение веса изображения. Размер картинки играет ключевую роль, ведь если она будет весить очень много, что даже будет тормозить скорость загрузки сайта это скажется на ранжировании всего сайта. Да-да бывало и такое!

Формат изображений. Рекомендую использовать проверенные временем и не запрещенные поисковыми системами – JPG, PNG, GIF.

Подпись под картинкой

Если на вашем сайте очень много картинок и почти нет текста, подпись картинкой будет полезна, поэтому именно с точки зрения SEO необходимо ее оптимизировать:

  • Указать ключевые слова. Вхождение ключевиков в подпись обязательно, так как данный текст сыграет роль в ранжировании всей страницы;
  • Указать какой-либо факт/преимущество о картинке.

Например, у вас картинка динамиков Iphone 7.

В подписе укажите данный факт: “Звучание звука в Iphone 7 стало заметно лучше благодаря Lighting” Отношение Яндекса к атрибуту ALT

атрибут ALT - мнение Яндекса

Яндекс открытым текстом говорит, что ALT важен.

Далее в хелпе Яндекса наткнулся на очень интересный ответ:

“Как поместить мою картинку на первое место?"

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

Яндекс про атрибут ALT

Дополнительные факторы картинки влияющие на SEO

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

Ранжирование картинок в Google

Помимо вышеупомянутого ALT, вот что учитывает Google в ранжировании изображений.

ALT в Google

Самые значимые факторы для Google

Давайте пробежимся по главным факторам для Google.

Фотографии хорошего качества – это должно быть понятно, итак. Никому не будут интересны размытые фотографии или просто плохого качества. Здесь скорее качество картинки играет на ее кликабельность, некий CTR.


Отдельные страницы для каждой картинки – интересная мысль, но честно редко встречаю такие сайты. Проблематичным становится оптимизировать: интернет-магазины, одностраничные сайты, сайты каталоги, где хранится большое количество изображений.

А что по поводу атрибута Title

Google не упомянул, а Яндекс по минимуму атрибут Title. (Не путать с тегом <Title>). Указать лишним точно не будет, только можно по тому что Title при наведении на картинку отображается и несет в себе смысл. В этом плане, как и с текстом под картинкой можно экспериментировать, указывать полезную информацию: различные факты, преимущества и так далее.

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

Вот и все. Задавайте вопросы в комментариях, кто что думает по поводу атрибутов ALT, TITLE. Как вы оформляете изображения?



Пора что-то менять!

Хотите, мы расскажем Вам, как настроить Яндекс Директ в 2018 году?

Получите бесплатные фишки по SEO продвижению

Комментарии



Оставьте email и мы пришлем вам статью

Видеоролики

Хотите узнать, как продвинуть свой бизнес в 2019 году?

Ответьте всего на 6 вопросов и получите пошаговый план по интернет продвижению Вашего бизнеса

Пройти опрос

Видеоролики



Пора что-то менять!

Хотите, мы расскажем Вам, как настроить Яндекс Директ в 2019 году?



Пора что-то менять!

Хотите, мы расскажем Вам, как настроить Google Adwords в 2019 году?



Пора что-то менять!

Хотите, мы расскажем Вам, как настроить рекламу в Instagram в 2019 году?



Пора что-то менять!

Хотите, мы расскажем Вам, как продвинуть сайт в 2019 году?



Пора что-то менять!

Хотите, мы расскажем Вам, как настроить таргет в 2019 году?



Пора что-то менять!

Хотите, мы расскажем Вам, как раскрутить соц. сети в 2019 году?



Пора что-то менять!

Хотите, мы расскажем Вам, как настроить контекстную рекламу в 2019 году?



Пора что-то менять!

Хотите, мы расскажем Вам, как настроить рекламу в Одноклассниках в 2019 году?



Пора что-то менять!

Хотите, мы расскажем Вам, как настроить рекламу в Facebook в 2019 году?



Пора что-то менять!

Хотите, мы расскажем Вам про комплексное продвижение сайта в 2019 году?