Короткое определение
Alt-текст (атрибут alt) — текстовое описание изображения в HTML, которое объясняет содержание картинки людям с нарушениями зрения, поисковикам и при сбое загрузки.
Зачем нужен alt-текст
- Доступность: скринридеры озвучивают alt незрячим пользователям.
- Поиск по картинкам: помогает поисковику понять изображение.
- Запасной текст: показывается, если картинка не загрузилась.
Как правильно писать alt
- Описывайте, что изображено, по сути и кратко.
- Уместно включайте ключ, но без переспама.
- Не начинайте с «изображение/фото» — это и так понятно.
- Для декоративных картинок оставляйте alt пустым (alt="").
Частые ошибки alt
- Пустой alt у смысловых изображений.
- Списки ключей вместо описания (переспам).
- Одинаковый alt у всех картинок.
- Имя файла вида IMG_2023.jpg как alt.
Alt и оптимизация изображений
Alt — часть оптимизации изображений наряду с весом, форматом и именем файла. Хорошие alt повышают шанс попасть в поиск по картинкам и улучшают доступность. Проверить alt и параметры картинок можно инструментом проверки изображений.
FAQ
Что такое alt-текст простыми словами?
Это текстовое описание картинки в атрибуте alt. Его читают скринридеры и поисковики, и оно показывается, если изображение не загрузилось.
Как правильно писать alt?
Кратко и по сути опишите, что изображено, уместно включите ключ без переспама и не начинайте со слов «фото/изображение».
Нужен ли alt для декоративных картинок?
Для чисто декоративных изображений оставляют пустой alt (alt=""), чтобы скринридеры их пропускали.
Влияет ли alt на SEO?
Да: alt помогает попасть в поиск по картинкам и улучшает доступность сайта, что положительно сказывается на качестве страницы.