Атрибут alt — текстовая замена изображения. Его читает скринридер, он помогает понять смысл картинки, если файл не загрузился, и даёт поиску дополнительный контекст. Alt не делает изображение источником трафика и не должен превращаться в список ключевых слов.
| Тип изображения | Подход к alt |
|---|---|
| Товар или результат работы | Коротко описать предмет и важное отличие |
| Инфографика с данными | Передать главный вывод или дать текст рядом |
| Декоративная иконка | Пустой alt, если смысла не добавляет |
| Кнопка-картинка | Описать действие, а не цвета и пиксели |
Как написать полезный alt
Смотрите на роль изображения в конкретном блоке. Для фото товара достаточно названия и заметной характеристики; для диаграммы важнее вывод, который без неё потеряет читатель. Не начинайте каждую строку со слов «изображение» или «фото» — скринридер и так сообщает тип элемента.
<!-- предметный и полезный alt -->
<img src="/sofa-green.jpg" alt="Зелёный двухместный диван с деревянными ножками">
<!-- декоративный разделитель -->
<img src="/wave.svg" alt="">Одинаковый alt у разных товаров, «купить недорого Москва» и пустой alt на значимой схеме — разные ошибки. Рядом со сложной инфографикой лучше разместить таблицу или абзац с цифрами: один длинный alt неудобно слушать и поддерживать. Проверить разметку поможет проверка ссылок и ресурсов, а связанные сигналы — бесплатная проверка.
Вопросы и ответы
Нужно ли заполнять alt у каждой картинки?
Нет, декоративным изображениям, которые ничего не добавляют к тексту, обычно ставят пустой alt. Но у значимых фото, схем и кнопок текстовая альтернатива нужна. Решение зависит от функции элемента, а не от желания заполнить все поля CMS.
Можно ли вставить в alt несколько ключевых запросов?
Не стоит превращать атрибут в перечень запросов. Такой текст хуже читается и не объясняет, что изображено. Опишите объект, действие или вывод естественными словами; если релевантная фраза получается сама, этого достаточно для контекста.
Что писать для графика с большим количеством данных?
Короткий alt должен назвать график и главный вывод, а цифры лучше продублировать в обычном тексте или таблице рядом. Так информацию получают все посетители, включая тех, кто не видит изображение. Длинный неструктурированный alt редко удобен.
Alt исправит битое изображение?
Нет, alt показывает текстовую замену, но не возвращает отсутствующий файл и не восстанавливает дизайн карточки. Проверьте ответ сервера, путь и CDN отдельно. Доступный файл и осмысленный alt дополняют друг друга, а не заменяют.