Альтернативный текст

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

Простыми словами: подпись для тех, кто картинку не «видит», — робота или незрячего человека с экранным диктором.

Что такое alt и зачем он нужен

Три роли сразу. Первая — доступность: человек с нарушением зрения «слышит» описание через скринридер. Вторая — image SEO: Google не смотрит картинку глазами, он читает alt, чтобы понять, что на ней. Третья — подстраховка: если изображение не загрузилось, вместо пустоты пользователь видит текст.

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

• Описывай то, что реально на изображении, конкретно и коротко (ориентир — до ~125 символов).
• Ключевое слово — только если оно уместно по смыслу. Без переспама.
• Не начинай с «изображение…» — скринридер и так скажет, что это картинка.
• Для чисто декоративных элементов оставляй пустой alt="".

Синтаксис и пример кода

Хорошо: <img src="botinki.jpg" alt="женские кожаные ботинки коричневого цвета">
Плохо (переспам): <img src="botinki.jpg" alt="ботинки купить ботинки Киев ботинки дёшево">
Декор: <img src="line.svg" alt="">

Пример

В карточке товара alt на главном фото описывает сам товар («синие беговые кроссовки, вид сбоку»), а не бренд магазина. Так Google точнее показывает изображение в поиске по картинкам, а это дополнительный канал трафика.

Часто путают с…

• Атрибут title изображения — это подсказка при наведении, она не заменяет alt и почти не влияет на SEO.
• Подпись (caption) — видимый текст под картинкой; alt — «невидимый» для обычного пользователя.

Вопросы и ответы

Влияет ли alt на ранжирование?

Да, прежде всего в поиске по изображениям, а ещё добавляет контекста странице в целом. Но это не «волшебная кнопка» позиций.

Нужен ли alt каждому изображению?

Смысловым — да. Чисто декоративным достаточно пустого alt="", чтобы скринридер их пропускал.

Сколько ключей можно вставлять в alt?

В идеале ноль-один, и только по смыслу. Перечень ключей в alt Google трактует как спам.

Тысячи картинок без alt на сайте? Найдём и исправим в рамках SEO-аудита и аудита контента.

Похожие термины: HTML, Title, Schema.org, Сниппет.