Что такое альт-текст (ALT)?
Альт-текст (ALT, alternative text) — текстовое описание изображения, которое задаётся в HTML-атрибуте alt тега img. Оно объясняет, что изображено на картинке, тем, кто её не видит, и помогает поисковым системам понять содержимое страницы.
Alternative text — это текстовая замена изображению, а не поле для ключевых слов. Атрибут alt озвучивают скринридеры, по нему работают поиск по картинкам и мультимодальные ИИ-модели, он же показывается на месте картинки, если та не загрузилась. Для бизнеса это одновременно требование доступности и источник дополнительного трафика из поиска по изображениям.
Как работает альт-текст
Браузер и поисковый робот не «видят» картинку так, как человек. Всё, что они получают, — файл изображения и его атрибуты. Атрибут alt передаёт смысл: он отображается, если файл не загрузился или у пользователя отключён показ картинок, его произносит программа экранного доступа, его читает робот при индексации страницы.
Правило простое: alt описывает функцию изображения в контексте конкретной страницы. Одно и то же фото в карточке товара и в статье про логистику требует разных описаний. Важно не путать alt с анкором: анкор — это текст ссылки, а alt — описание изображения, и совпадают они только тогда, когда картинка сама является ссылкой.
Зачем альт-текст нужен бизнесу
Первая причина — юридическая и человеческая. Законодательство о доступности (European Accessibility Act в ЕС, ADA в США, требования к госсайтам в России) прямо предписывает текстовые альтернативы для нетекстового контента, а доступность (a11y) давно стала частью нормального технического качества сайта. Если alt нет, скринридер прочитает имя файла вроде «IMG_2841.jpg», и пользователь не поймёт ничего.
Вторая причина — трафик и конверсия:
- Поиск по картинкам. Яндекс Картинки и Google Images дают заметную долю визитов в товарных и визуальных тематиках: товары, интерьеры, рецепты, одежда, оборудование.
- E-commerce. Описания в карточках помогают попадать в уточнённые запросы — цвет, ракурс, комплектация, материал.
- Поведенческие факторы. Если картинка не загрузилась, осмысленный текст удержит посетителя вместо пустого прямоугольника.
- ИИ-поиск. Генеративные ответы и мультимодальные модели опираются на текстовые описания изображений, когда формируют выдержки.
Как писать альт-текст: правила и примеры
- Описывайте смысл, а не файл. Не «banner_01.jpg», а «Скидка 20% на зимнюю коллекцию до 31 января».
- Ключевое слово — только если оно честно описывает картинку. «Красные кроссовки для бега, вид сбоку» — нормально, «купить кроссовки дёшево Москва доставка» — нет.
- Держите длину 5–12 слов, ориентир — до 125 знаков, чтобы скринридер не утомлял слушателя.
- Не начинайте с «картинка», «фото», «изображение» — программа сама объявит тип элемента.
- Декоративные изображения размечайте пустым alt, чтобы не создавать информационный шум.
- Инфографику кратко опишите в alt, а полный смысл раскройте обычным текстом рядом.
- У иконок-кнопок alt описывает действие: «Открыть поиск», «Добавить в корзину».
Типичные ошибки и что изменилось к 2026 году
- Переспам и дубли: один и тот же alt с ключом на десятках изображений.
- Заглушка вроде названия компании на каждой картинке сайта.
- Отсутствие атрибута — скринридер прочитает имя файла, робот не получит контекста.
- Галерея товара с одинаковым описанием у пяти ракурсов.
- Текст, зашитый в картинку, без дублирования в HTML: ни робот, ни ИИ его не прочитают.
К 2026 году мультимодальные модели научились распознавать изображения самостоятельно и связывать объекты с сущностями (NER). Это не отменило alt, а сместило акценты: расхождение между описанием и реальным содержимым картинки снижает доверие к странице, а точный alt, наоборот, помогает попасть в выдержки ИИ-ответов. Параллельно ужесточились требования к доступности, поэтому проверка alt стала обязательным пунктом технического аудита, а не «косметикой».
Короткий вывод
Альт-текст — небольшая деталь разметки с двойной отдачей: он делает сайт доступным для людей и понятным для поисковых и ИИ-систем. Писать его стоит по смыслу изображения, без набивки ключами и шаблонных заглушек. Регулярная проверка alt — один из самых дешёвых способов улучшить качество страниц.
