Alt-теги на изображениях

Что это

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

<img src="catalog/chair-oak-100.jpg" alt="Деревянный стул из дуба, модель 100">

Почему это важно для SEO

Поисковые роботы не «видят» изображения в буквальном смысле. Яндекс и Google анализируют alt, имя файла и окружающий текст, чтобы определить тематику картинки. Заполненный alt напрямую влияет на попадание изображений в Яндекс.Картинки и Google Images — отдельный канал трафика, который на e-commerce-сайтах может давать 5–15% от общего числа переходов.

С точки зрения ранжирования страницы alt работает как дополнительный текстовый сигнал. Если на карточке товара 150 слов основного текста и 8 изображений без alt, страница теряет десятки релевантных «слов» для ранжирования. Google прямо учитывает alt при определении тематической близости страницы к поисковому запросу. Яндекс использует alt в том числе при формировании ответов в Я.Нейро — правильно описанный образовательный или медиаконтент получает шансы попасть в блок с генеративными ответами. Кроме того, незаполненный alt ухудшает доступность сайта (WCAG), что косвенно влияет на поведенческие факторы у пользователей с ограниченными возможностями.

Как проверить вручную

1. Открыть DevTools в браузере. Нажмите F12, вкладка Elements, найдите тег <img>. Проверьте, есть ли атрибут alt и не пустой ли он: alt="" и отсутствие атрибута — разные ситуации (пустой alt допустим для декоративных изображений, но недопустим для смысловых).

1. Screaming Frog SEO Spider. Запустите краулинг сайта, перейдите во вкладку Images. Столбцы Missing Alt Text и Alt Text покажут все изображения без атрибута или с пустым значением. Экспортируйте в CSV и фильтруйте по статусу.

1. Google Search Console. Раздел Enhancements не показывает alt напрямую, но в разделе Search Results → Queries можно отфильтровать трафик с типом поиска «Картинки» — это даст понять, индексируются ли изображения вообще.

1. Яндекс.Вебмастер. Раздел «Индексирование» → «Страницы в поиске». Отдельно проверьте, попадают ли страницы сайта в Яндекс.Картинки: введите site:ваш-домен в поиске Яндекса и переключитесь на вкладку «Картинки».

Как исправить

Базовое правило: alt должен описывать, что изображено, кратко и по существу. Оптимальная длина — 5–12 слов, без стаффинга ключевых слов.

WordPress. Заполняется в медиабиблиотеке (поле «Альтернативный текст») или через плагин Yoast SEO / Rank Math, которые подсвечивают изображения без alt прямо в редакторе.

Tilda. В настройках блока с изображением есть поле Alt. Для SEO-блоков заполняйте вручную; Tilda не генерирует alt автоматически.

1C-Bitrix. В компоненте каталога alt прописывается в свойствах инфоблока. Для массового заполнения используйте импорт через CSV или API:

CIBlockElement::SetPropertyValues($elementId, $iblockId, [
    'PREVIEW_PICTURE' => ['alt' => 'Описание изображения товара'],
]);

Webflow. В настройках элемента Image есть поле Alt Text. Если изображение декоративное — активируйте чекбокс «Decorative», тогда Webflow проставит alt="".

Для декоративных изображений (фоны, разделители, иконки без смысловой нагрузки) правильное решение — именно пустой alt, а не его отсутствие:

<img src="divider.svg" alt="" role="presentation">

Типичные ошибки

• Дублирование alt и title. Alt и title изображения — разные атрибуты с разными задачами. Копировать один в другой бессмысленно.
• Keyword stuffing. alt="купить стул стул деревянный дешево Москва" — поисковики расценивают это как спам и могут понизить страницу.
• Пустой alt у смысловых изображений. Скриншоты интерфейса, фото товара, инфографика — всё это требует заполненного описания.
• Одинаковый alt для всех изображений страницы. Особенно распространено в каталогах, где CMS подставляет название товара как alt ко всем его фотографиям. Описывайте ракурс или деталь: «вид сбоку», «деталь отделки».
• Отсутствие alt у изображений в письмах и AMP-страницах. Турбо-страницы Яндекса и AMP Google также сканируются, и правила применяются там же.

Влияние на разные типы сайтов

Для интернет-магазинов alt — критически важный параметр. Тысячи карточек товаров с пустыми alt означают тысячи упущенных точек входа через Яндекс.Картинки и Google Images. Особенно это ощутимо в нишах мебели, одежды, украшений, где пользователи активно ищут товары через визуальный поиск. Автоматическая генерация alt на основе названия товара и характеристик — минимально необходимое решение при большом каталоге.

Для контентных сайтов и блогов alt усиливает тематические сигналы статьи и помогает картинкам попадать в Google Images, откуда идёт долгосрочный трафик. Лендинги и SaaS-сайты обычно содержат скриншоты интерфейса и схемы — их описание в alt закрывает информационные запросы вроде «как выглядит X» и дополнительно объясняет Я.Нейро и AI Overviews контекст страницы.