Зачем нужен alt-текст
Поисковые роботы не «видят» изображения — они читают текст. Alt-атрибут — это текстовый эквивалент изображения, который робот использует для понимания его содержимого. Без alt фотографии на странице с точки зрения поиска просто не существуют.
Вторая функция — доступность. Скринридеры для слабовидящих пользователей озвучивают alt-текст при переходе к изображению. WCAG (стандарт веб-доступности) требует смысловых alt-атрибутов как обязательное условие уровня A.
Alt в e-commerce: как писать правильно
Для фотографий товаров на карточке работает простая формула:
<img src="product.jpg" alt="Nike Air Max 270 мужские кроссовки белые 44 размер">
Что включать:
— Бренд — если значим для покупателя
— Название модели — точное, как в карточке
— Ключевая характеристика — цвет, материал, тип, если это то, по чему ищут
Что не нужно:
— «Изображение», «Фото», «Картинка» — поисковик это и так знает
— Технические имена файлов — DSC00123.jpg не несёт смысла
— Keyword stuffing — «купить кроссовки Nike дёшево Москва» → это спам
Декоративные изображения: пустой alt
Для фонов, разделителей и иконок, не несущих информационной нагрузки, правильный вариант — пустой атрибут:
<img src="divider.png" alt="">
Это явный сигнал скринридеру: изображение не нужно озвучивать. Полное отсутствие alt — ошибка, при которой скринридер прочитает имя файла.
Google Картинки как канал трафика
Для e-commerce Google Картинки — недооценённый канал. Пользователи ищут «синий диван», «кроссовки Nike Air Max», «платье с цветочным принтом» — и попадают напрямую на карточки товаров через изображения. Alt-текст — один из основных факторов ранжирования в этом канале наряду с именем файла и окружающим текстом.
Совет: при массовом производстве карточек товаров автоматически заполняйте alt через шаблон:
{Бренд} {Название} {Ключевая характеристика}. Даже шаблонный alt лучше пустого.