Что такое alt-текст?

Alt-текст (альтернативный текст) — это описание, указанное в атрибуте alt тега <img>. Он отображается, если изображение не удалось загрузить, программы чтения с экрана (скринридеры) зачитывают его вслух незрячим и слабовидящим пользователям, а поисковые системы используют его, чтобы понять содержание картинки.

#Почему это важно

• Доступность: для тех, кто использует скринридер, изображение без alt-текста превращается в пустой пробел.
• Поиск по картинкам: текст, описывающий изображение — это важный сигнал для ранжирования в Google Картинах.
• Ссылки: когда изображение используется в качестве ссылки, его alt-текст выступает в роли анкорного текста.

#Где это встречается в SEOAsist

• Проблема Images without alt text в разделе Health (уровень важности Warning) содержит список страниц, на которых есть такие изображения.
• Чтобы исправить это без работы с кодом, используйте правило Image alt на вкладке Pixel вашего сайта. Оно добавляет alt-текст к изображениям, у которых совпадает src; каждая строка имеет вид src match | alt text.

Подробнее: Technical audit.

#Пример

<!-- Плохо -->
<img src="IMG_4821.jpg" alt="image">

<!-- Хорошо -->
<img src="oak-dining-table.jpg" alt="Light solid-oak dining table for six">

<!-- Декоративное изображение: пустой alt, скринридеры его пропускают -->
<img src="divider.svg" alt="">

То же исправление в виде правила Pixel:

oak-dining-table.jpg | Light solid-oak dining table for six
logo | Example Furniture logo

#Частые ошибки

• Переспам ключевыми словами: «стол обеденный стол дешевый стол лучший стол».
• Использование бессмысленного текста, такого как «картинка», «фото» или «изображение».
• Составление длинных описаний для чисто декоративных изображений; для них правильно использовать alt="".
• Игнорирование текста, содержащегося внутри самого изображения (например, на рекламном баннере), при составлении alt-текста.