Атрибут alt (alternative text) — это текстовое описание, используемое в HTML для изображений. Его основное назначение — предоставить альтернативный текст, который отображается в случае, если изображение не может быть загружено, а также улучшить доступность контента для пользователей с нарушениями зрения, использующих программы экранного чтения.
Функции alt-текста:
- Доступность (Accessibility) – помогает пользователям с нарушениями зрения понимать содержание изображений через экранные читалки.
- SEO-оптимизация – поисковые системы учитывают alt-теги при индексации изображений, что способствует повышению видимости сайта в поисковой выдаче.
- Замена изображения – отображается в случае ошибки загрузки изображения или отключенной графики в браузере.
Пример использования:
<img src="product.jpg" alt="Красные кроссовки с белой подошвой" />
Этот alt-текст описывает изображение и позволяет пользователю понять, что на нем изображено, даже если картинка не загрузилась.
Важно!
- Alt-текст должен быть информативным и лаконичным – он должен описывать изображение, а не просто повторять название файла.
- Не следует злоупотреблять ключевыми словами – это может негативно сказаться на SEO.
- Для декоративных изображений можно оставить alt пустым (
alt=""), чтобы они игнорировались экранными читалками.