Alt (alt-текст) — это альтернативное текстовое описание изображения, которое указывается в HTML в атрибуте alt.
Он нужен в первую очередь для доступности: скринридеры читают alt пользователям, которые не видят изображение. Также alt помогает, когда картинка не загружается (в зависимости от браузера и условий).
Для SEOalt полезен тем, что даёт поисковым системам текстовое описание изображения: это улучшает понимание контента страницы и повышает шансы попасть в Google Images / Яндекс.Картинки.
Если картинка декоративная и не несёт смысла, alt лучше оставлять пустым: alt="".
Как писать ALT правильно (7 правил)
-
Описывай смысл изображения, а не «факт картинки»
Не нужно начинать с «картинка/изображение/фото».
✅ Геймпад DualSense для PS5, белый
❌ Фото геймпада DualSense -
Пиши конкретно: что это + ключевой признак
Обычно хватает: тип товара + модель/бренд + важная характеристика.
✅ Nintendo eShop Gift Card Poland 100 PLN
✅ Подарочная карта Nintendo eShop (Польша), 100 PLN -
Ключи — только естественно, без переспама
Alt — не место для «купить, цена, дешево, доставка».
✅ Карта пополнения Nintendo eShop (Польша) 200 PLN
❌ Купить карта пополнения Nintendo Польша цена доставка Минск -
Длина: 5−12 слов обычно идеально
Слишком длинный alt хуже читается скринридером. Ориентир — до ~125 символов.
-
Уникальность alt для разных картинок
Если у товара 5 фото, alt должен различаться по ракурсу/детали:
✅ Вид спереди…, Вид сзади…, Упаковка…, Код на карте… -
Если на изображении есть важный текст — передай его в alt
Например, номинал/регион/условие.
✅ Nintendo eShop Card Poland — 50 PLN
Но не переписывай простыню мелкого текста. -
Декоративным изображениям — пустой alt
Иконки-украшения, фоновые элементы, разделители.
✅ alt="" (чтобы скринридер их пропускал)
Если картинка — ссылка/кнопка, alt должен описывать действие:
✅ Перейти в корзину / Скачать инструкцию
