Технический SEO

Alt-атрибут

alt text · альтернативный текст изображения

Alt-атрибут (alt text) — это текстовое описание изображения в HTML-теге img. Помогает поисковикам понять содержимое картинки и заменяет её, если она не загрузилась.

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

В 2024 году альтернативный текст (alt text) остаётся фактором ранжирования в Google Картинках и обязательным требованием WCAG 2.2 для доступности. Screaming Frog по умолчанию проверяет заполнение alt у всех <img> на сайте — что значит, аудит начинается именно с этого поля.

§ 01Зачем нужен

Альтернативный текст решает 3 задачи: подсказывает Google смысл картинки для индексации, заменяет изображение при ошибке загрузки и зачитывается скринридерами вроде NVDA или JAWS. Джон Мюллер в 2021 году подтвердил: alt-атрибут — главный сигнал для понимания изображения, важнее имени файла. Для интернет-магазинов это значит до 15–20% дополнительного трафика из вкладки Картинки.

§ 02Как настраивается

Синтаксис: <img src='shoes.jpg' alt='Кожаные кроссовки Nike Air Max 90 белого цвета'>. Длина alt — 80–125 символов, без переспама ключами. Декоративные иконки получают пустой alt='', чтобы скринридер их пропустил. В WordPress alt-атрибут заполняется через медиабиблиотеку, в Tilda — в настройках блока, в 1С-Битрикс — в свойствах элемента инфоблока.

Кейс e-commerce

органика +38% — Интернет-магазин детских товаров на Shopify прописал alt у 4200 карточек по шаблону 'модель + цвет + материал'. Органический трафик из Google Картинок вырос на 38% за 5 месяцев. Динамика по GA4 и Search Console (отчёт Изображения).

Замер до и после

показы в Картинках +112% — Медиа о путешествиях на WordPress заполнило alt у 1800 архивных фото через плагин SEOPress, добавив гео и объект съёмки. Показы в Google Images выросли со 9k до 19k в месяц за 4 месяца. Замер через GSC, отчёт по типу поиска.

§ 03Где смотреть результат

Проверка alt-атрибутов делается в Screaming Frog (вкладка Images → Missing Alt Text), Ahrefs Site Audit и расширении Web Developer для Chrome. Google Search Console показывает показы и клики по картинкам в отчёте Эффективность → Поиск по картинкам. Lighthouse в разделе Accessibility снижает балл, если хоть один <img> без alt — порог прохождения аудита 90+.

§ 04Подводные камни

Переспам ключами в alt-атрибуте — частая ошибка: фраза вида ‘купить кроссовки Москва дёшево заказать’ расценивается как манипуляция с 2012 года (апдейт Penguin). Дублирование одинакового alt у 50 фото товара — ещё одна проблема, ломающая индексацию в Google Картинках. CMS типа Shopify подставляют имя файла в alt автоматически — проверяйте через CrUX или ручной аудит, иначе у половины сайта alt будет вида ‘IMG_2847’.

Частые ошибки
01
Подмена alt-текста списком ключевых слов. В alt пишут «купить окна Минск дёшево окна ПВХ» вместо описания. Google с 2012 года расценивает это как keyword stuffing — страница теряет позиции в выдаче и Google Картинках. Как правильно: Описывайте, что реально на картинке: объект, действие, контекст. Ключ вставляйте только если он естественен в описании.
02
Дублирование alt у всех изображений на странице. Шаблон CMS подставляет один и тот же alt вроде «фото товара» ко всем картинкам каталога. Поисковик не различает изображения, релевантность по image search падает, трафик с Google Картинок не растёт. Как правильно: Настройте подстановку уникального alt из названия товара или артикула. Проверяйте дубли через Screaming Frog → Images → Missing/Duplicate Alt.
03
Заполнение alt у декоративных иконок и спейсеров. К буллетам, разделителям и фоновым иконкам пишут alt='иконка' или alt='картинка'. Скринридеры озвучивают мусор — WCAG 2.1 (критерий 1.1.1) требует alt='' для декора, страдает доступность и Trust. Как правильно: Указывайте alt='' для декоративных элементов, либо переносите их в CSS background. Содержательный alt — только для смысловых изображений.
Часто спрашивают

Alt-атрибут изображения: частые вопросы

Alt-атрибут простыми словами — что это и зачем нужен?

+

Alt-атрибут — это текстовое описание картинки внутри тега <img>, которое читают поисковые роботы и скринридеры. Если изображение не загрузилось, браузер покажет именно этот текст вместо битой иконки. Также он помогает попадать в выдачу Google Картинок и Яндекс.Картинок.

Опишите содержимое изображения в 5–12 словах естественным языком, без переспама ключами. Например: alt='красные кроссовки Nike Pegasus 40 вид сбоку'. Для декоративных картинок (фоны, разделители) оставляйте пустое значение alt='' — это сигнал скринридерам пропустить элемент.

Alt показывается при ошибке загрузки и читается ассистивными технологиями, а title — это всплывающая подсказка при наведении курсора. Для SEO значимым является именно alt: Google официально подтвердил это в рекомендациях 2023 года. Title необязателен и часто его вовсе не заполняют.

Да, влияет — но косвенно. Корректный alt улучшает понимание контента страницы, даёт трафик из поиска по картинкам (до 10–15% от общего органического по данным Ahrefs) и повышает доступность сайта. Перепакованный ключами alt, наоборот, может расцениваться как спам.

Атрибут alt обязан присутствовать у всех тегов <img> по стандарту HTML5 и WCAG 2.1. Но значение зависит от роли картинки: для смысловых — описание, для декоративных — пустая строка. Отсутствие атрибута приводит к ошибкам в Lighthouse и снижает балл доступности.

Не нашли ответ?

Спросите Андрея Гусарова — отвечаю в течение 1-2 рабочих дней.

Нажимая, вы соглашаетесь с обработкой данных.