Атрибут alt: как описывать изображения для поиска и доступности

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

Зачем нужен

• Доступность для людей с нарушениями зрения
• Понимание изображения поисковиком
• Появление изображений в поиске по картинкам
• Контекст для страницы в целом

Как писать хорошее описание

Описывайте, что изображено, конкретно и коротко. Для товара — название, модель, цвет, ракурс: «Кондиционер настенный белого цвета, вид спереди». Для фото работ — что сделано и где: «Установленный кондиционер в спальне квартиры». Для схем — суть схемы.

Ключевые слова

Если ключевое слово естественно описывает изображение, его можно использовать. Но перечисление запросов в alt — это переоптимизация, которая не помогает.

Когда alt пустой

Декоративные изображения — фоновые узоры, разделители, иконки рядом с текстом, который их уже описывает, — получают пустой атрибут alt. Так программы экранного доступа их пропускают.

Ошибки

• Одинаковый alt у всех изображений
• Название файла вместо описания
• Слова «изображение», «фото» в начале
• Длинные списки ключевых слов
• Отсутствие alt у важных изображений товаров

Массовое заполнение

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

Проверка

Краулеры показывают изображения без alt. Проверьте также, что описания соответствуют изображениям.

Итог

Хороший alt помогает людям и поисковикам одновременно — пишите его для человека, который не видит картинку.