Alt-теги

Автор

Что такое Alt-теги?

Alt-теги (альтернативный текст, атрибут alt) — это обязательные HTML-атрибуты элементов <img>, которые предоставляют текстовое описание содержимого изображения для скринридеров, поисковых роботов и отображаются при сбое загрузки файла, являясь критическим компонентом веб-доступности (Accessibility, A11y) и фактором ранжирования в визуальном поиске.

По стандартам веб-доступности WCAG 2.2 AA и данным аудитов Lighthouse за 2026 год, наличие заполненного атрибута alt у всех контентных изображений повышает итоговый показатель Accessibility Score на 15–20 баллов, а полнота и релевантность описаний увеличивают органический трафик из Google Картинок на 20–30% по сравнению со страницами, где изображения оставлены без альтернативного текста.

Как это работает?

Атрибут alt встраивается непосредственно в HTML-тег <img> и содержит строку текста, которая семантически заменяет изображение. Браузер выводит этот текст в пустом прямоугольнике, если файл не может быть загружен. Скринридеры (например, NVDA, VoiceOver) озвучивают содержимое alt, позволяя незрячим и слабовидящим пользователям понять, что изображено на странице.

Поисковые роботы анализируют атрибут alt для понимания тематики изображения и контекста страницы, используя эти данные как сигнал релевантности в обычном поиске и как основной фактор для ранжирования в Google Картинках. Декоративные изображения, не несущие смысловой нагрузки, должны иметь пустой атрибут (alt=»»), что корректно скрывает их от вспомогательных технологий и не перегружает интерфейс.

Метрики и стандарты

Основной измеримый KPI — доля контентных изображений с заполненным и уникальным атрибутом alt. Целевой ориентир — 100%. Наличие даже 5% пропущенных описаний ведёт к снижению оценки Lighthouse Accessibility и потере потенциального трафика из визуального поиска. Стандарт WCAG 2.2 AA требует, чтобы все нетекстовые элементы имели текстовую альтернативу, а инструменты вроде WAVE и axe-core немедленно фиксируют пустые или отсутствующие alt как ошибки.

Длина альтернативного текста не должна превышать 125 символов, чтобы избежать обрезания скринридерами. Семантическая точность описания напрямую коррелирует с CTR из Google Картинок: страницы с детализированными alt-тегами получают на 18–25% больше переходов из визуального поиска, чем изображения с общими фразами типа «картинка» или «фото».

Почему это важно для бизнеса?

Alt-теги открывают дополнительный канал целевого трафика из поиска по картинкам, который в таких нишах, как интерьер, мода и электронная коммерция, может генерировать до 10% всех органических посещений. Пользователи, пришедшие из визуального поиска, уже имеют сформированную потребность и конвертируются в покупателей на 12–15% чаще.

Соблюдение требований к альтернативному тексту делает сайт доступным для людей с нарушениями зрения, расширяя аудиторию на 15% и снижая юридические риски, связанные с исками о цифровой дискриминации. Кроме того, точные описания изображений, включающие ключевые слова, усиливают общую релевантность страницы и улучшают её поведенческие метрики.

Пример применения

Интернет-магазин светотехники провёл аудит и выяснил, что все изображения люстр имеют alt-теги вида «img_1234.jpg» или пустые. После замены на описания вроде «Подвесная хрустальная люстра на 8 ламп в интерьере гостиной» и добавления ключевых характеристик в текстовые альтернативы трафик из Google Картинок вырос на 42%. Конверсия посетителей, пришедших через визуальный поиск, оказалась на 1,8 процентных пункта выше средней по сайту.

Как это реализуется в WordPress?

При загрузке изображения в медиабиблиотеку WordPress предлагает заполнить поле «Атрибут alt» в правой колонке редактора. Плагины Rank Math SEO и Yoast SEO контролируют наличие заполненных alt-тегов и выводят предупреждения в интерфейсе редактирования, а также проверяют наличие ключевого слова в описаниях для целевых страниц.

Автоматическая генерация alt-текстов по шаблону (например, из заголовка изображения или названия товара) реализуется плагинами SEO Optimized Images и Auto Image Alt Text. Массовое редактирование сотен и тысяч изображений выполняется через Media Library Assistant или Bulk Image Alt Text. Разработчики могут динамически подставлять alt через функцию wp_get_attachment_image() и фильтры wp_get_attachment_image_attributes. Кеширующие плагины, такие как WP Rocket и LiteSpeed Cache, не должны модифицировать или удалять атрибуты alt из готового HTML-кода при минификации.

Связанные понятия

Accessibility (A11y) — цифровая доступность, неотъемлемой частью которой являются текстовые альтернативы изображений.
Google Image Search — поиск по картинкам, источник трафика, напрямую зависящий от alt-тегов и контекста страницы.
WCAG (Web Content Accessibility Guidelines) — международные стандарты доступности, требующие альтернативного текста для всех нетекстовых элементов.
Lighthouse Accessibility Score — метрика, снижающаяся при пропущенных или пустых alt-тегах.
Schema.org (ImageObject) — структурированные данные, дополняющие alt-теги для расширенных результатов поиска и визуальных сниппетов.
Title-тег изображения — атрибут title, отображающий всплывающую подсказку при наведении и не имеющий влияния на SEO или доступность.