Мета-атрибут alt
Мета-атрибут alt (от англ. alternative - альтернативный) - атрибут HTML-тега <img>, предназначенный для предоставления текстовой альтернативы изображению. В спецификации HTML этот атрибут является обязательным и служит для описания содержимого изображения в случаях, когда оно не может быть отображено.
В интернет-маркетинге и SEO правильное заполнение alt-атрибута рассматривается как важный фактор оптимизации, влияющий как на ранжирование в поиске по картинкам, так и на общую релевантность страницы поисковым запросам.
Назначение атрибута alt
[править]Для пользователей
[править]- Отображается вместо изображения, если файл не загрузился (проблемы с сетью, ошибки на сервере)
- Зачитывается программами экранного доступа (скринридерами), позволяя незрячим и слабовидящим людям понимать содержание изображений
- Показывается в браузерах с текстовым режимом или при отключённых изображениях
Для поисковых систем
[править]- Поисковые роботы не видят изображения как люди - они читают alt-текст, чтобы понять, что изображено на картинке
- Alt учитывается при ранжировании страницы по соответствующим ключевым запросам
- Изображения с качественным alt имеют больше шансов попасть в выдачу поиска по картинкам, что даёт дополнительный трафик
Как правильно заполнять alt
[править]Общие принципы
[править]- Текст должен точно описывать содержание изображения
- Для информативных изображений (фото товара, иллюстрация к статье) описание должно быть содержательным
- Для декоративных изображений, не несущих смысловой нагрузки, alt должен быть пустым (alt=""), чтобы скринридеры пропускали их
- Для изображений-кнопок alt должен описывать действие ("Купить", "Отправить", "Подробнее")
Для товарных изображений
[править]В интернет-магазинах alt-атрибут товарных фото должен содержать:
- Название товара
- Ключевые характеристики (цвет, размер, материал)
- Артикул (желательно)
- Бренд
<img src="krasnye-krossovki-nike.jpg"
alt="Кроссовки Nike Air Max красные, размер 42-45, арт. AM7890">
Для иллюстраций в статьях
[править]В контентных проектах alt должен кратко описывать, что показано на изображении, и при необходимости содержать ключевые слова, релевантные тексту.
<img src="seo-strategiya-2026.jpg"
alt="Схема разработки SEO-стратегии на 2026 год">
Для логотипов
[править]Логотип обычно ссылается на главную страницу. Alt должен содержать название компании.
<img src="logo.png" alt="Название компании">
Для иконок
[править]Если иконка несёт функциональный смысл (корзина, поиск, профиль), alt должен описывать этот смысл.
<img src="cart-icon.png" alt="Корзина"> <img src="search-icon.png" alt="Поиск по сайту">
Для чисто декоративных иконок (разделители, фоновые элементы) alt должен быть пустым.
Ошибки при заполнении alt
[править]Переспам ключевыми словами
[править]Вставка в alt множества ключевых слов, не относящихся к изображению, может восприниматься поисковыми системами как попытка манипуляции.
Плохо:
alt="купить кроссовки недорого, кроссовки спортивные, кроссовки мужские, кроссовки женские"
Хорошо:
alt="Кроссовки мужские спортивные Nike Air Max"
Пустой alt у важных изображений
[править]Если оставить alt пустым для содержательного изображения, поисковые системы и незрячие пользователи потеряют важную информацию.
Неинформативный alt
[править]Описания вроде "изображение", "фото", "картинка" не несут пользы. Скринридер и так сообщит, что это изображение, задача alt - сказать, что именно на нём.
Дублирование окружающего текста
[править]Если изображение уже подписано отдельным текстом (figcaption), alt не должен просто копировать этот текст, но может его дополнять.
Игнорирование контекста
[править]Одно и то же изображение может требовать разного alt в зависимости от окружения. Например, фото президента компании в новостной заметке должно иметь alt с именем, а в разделе "Команда" - alt с именем и должностью.
Alt и SEO для изображений
[править]Поиск по картинкам может приносить дополнительный трафик на сайт. Чтобы изображения ранжировались, необходимо:
- Уникальный alt для каждого изображения
- Соответствие alt содержанию и контексту страницы
- Естественное вхождение ключевых слов без переспама
- Дополнительное заполнение названия файла (filename) - тоже желательно осмысленное
Google также учитывает окружающий текст и подпись под изображением, но alt остаётся главным сигналом.
Технические требования
[править]- Alt не должен содержать HTML-теги
- Спецсимволы (кавычки, амперсанды) должны быть экранированы или заменены на аналоги
- Длина alt обычно не ограничена, но слишком длинные описания обрезаются в интерфейсах
<img src="product.jpg" alt="Кроссовки Nike Air Max красные с белой подошвой, артикул AM7890, размеры 40-45">
Alt и доступность (a11y)
[править]Требование наличия alt для содержательных изображений закреплено в международных стандартах веб-доступности WCAG (Web Content Accessibility Guidelines). Сайты, игнорирующие это требование, могут считаться недоступными для людей с ограниченными возможностями, что в некоторых юрисдикциях может иметь юридические последствия.
Инструменты проверки
[править]- Lighthouse - проверяет наличие alt у изображений
- Google Search Console - отчёт "Улучшения для изображений" показывает проблемы с alt
- WAVE Evaluation Tool - оценивает доступность сайта, включая alt
- Браузерные расширения для SEO-аудита
