Атрибут alt

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

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

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

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

Как используются ALT-теги в SEO?

Они важны, потому что без них Google (а также Bing, Yahoo и другие поисковые системы) не может интерпретировать визуальный контент, кроме сканирования имен файлов изображений по ключевым словам. Люди с ослабленным зрением также не смогут понять графическое содержимое вашего сайта, что делает эту важную проблему UX, которую необходимо решать для всех изображений и графики.

Пример

В WordPress вы можете легко добавлять и редактировать альтернативный текст, нажав кнопку редактирования на изображении:

Вот как это выглядит в виде исходного кода (внимательно посмотрите на тег alt = «Тринадцать интерактивных примеров контента, которые заинтересуют вашу аудиторию»):

Вот еще один взгляд на HTML:

4 совета по написанию тегов ALT

1) Создайте описательные теги ALT

Теги ALT должны быть как описательными, так и полезными. Теги ALT должны содержать достаточно информации, чтобы люди, которые не видят изображения, могли понять, что они представляют. При написании тегов ALT спросите себя, понимаете ли вы важность тега ALT, если бы вы не видели изображение.

2) Используйте короткие теги ALT

Хотя теги ALT должны быть описательными, они также должны быть краткими. Они не должны быть полными предложениями или абзацами. Тег ALT не может содержать более 125 символов и должен предоставлять достаточно подробностей для пользователей и поисковых систем, чтобы связать изображение с контекстом страницы.

Например:

Этот тег ALT недостаточно информативен для изображения:

Alt = 2 кролика

Этот тег ALT слишком длинный для изображения:

Alt = серый кролик слева и белый кролик с красными глазами справа, лежащий в траве с желтыми цветами вокруг них

Это прекрасный пример тега ALT для этого изображения:; ;

Alt = серый и белый кролик, лежащий в траве

3) Используйте ключевые слова в тегах ALT

Теги ALT - отличное место для размещения связанных ключевых слов. Если вы поместите релевантные ключевые слова в тег ALT вместе с контентом, окружающим изображение на странице, это поможет улучшить вашу поисковую оптимизацию.

Вот прекрасный пример наполнения ключевыми словами (НЕ ДЕЛАЙТЕ ЭТО):

Alt = синяя мужская рубашка с коротким рукавом, голубая футболка

4) Не пишите теги ALT только для SEO

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

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