Alt-атрибут (alternative text) изображений — это небольшой текстовый блок, который большинство веб-мастеров либо оставляет пустым, либо заполняет неправильно. Между тем, это прямой сигнал релевантности для поисковых роботов.
Что такое alt-тег и зачем он нужен
Атрибут alt в теге <img> выполняет три функции:
- Доступность — читается экранными дикторами для слабовидящих пользователей
- Резерв — отображается если изображение не загрузилось
- SEO — текстовое описание изображения для поисковых роботов (которые не «видят» картинки)
Яндекс использует alt при:
- Ранжировании страницы по запросам (alt добавляет семантику)
- Индексации в Яндекс.Картинках
- Определении релевантности контента
Правила заполнения alt для SEO
Правило 1: Alt должен описывать изображение
Пишите alt так, будто объясняете картинку незрячему человеку.
<!-- Плохо -->
<img src="photo.jpg" alt="фото">
<!-- Хорошо -->
<img src="kitchen-renovation.jpg" alt="Кухня после ремонта с белыми фасадами и деревянной столешницей">Правило 2: Включайте ключевое слово естественно
Один целевой запрос в alt — допустимо. Несколько — спам.
<!-- Спам — плохо -->
<img src="sofa.jpg" alt="диван купить диван дёшево диван Москва диван с доставкой">
<!-- Правильно -->
<img src="sofa.jpg" alt="Угловой диван серый в современном интерьере">Правило 3: Длина 5–15 слов
Короткий alt не информативен. Слишком длинный воспринимается как спам.
- Слишком короткий:
alt="кресло"— нет контекста - Оптимально:
alt="Кресло для компьютера с поясничной поддержкой чёрное"— 8 слов - Слишком длинный: alt из 30+ слов воспринимается Яндексом как попытка манипуляции
Правило 4: Каждый alt уникален
Одинаковый alt у разных изображений на странице — ошибка. Яндекс не сможет различить картинки.
Правило 5: Декоративные изображения — пустой alt
Для иконок, разделителей, фоновых паттернов нужен пустой alt (не отсутствующий, а именно пустой):
<!-- Декоративная иконка — правильно -->
<img src="arrow.svg" alt="">
<!-- Отсутствие alt полностью — ошибка -->
<img src="arrow.svg">Типичные ошибки с alt-тегами
Ошибка 1: alt = имя файла
<img src="IMG_5432.jpg" alt="IMG_5432">Это хуже пустого alt — засоряет семантику бессмысленным текстом.
Ошибка 2: Пустой alt у информативных изображений
<img src="product-photo.jpg" alt="">Упущенная возможность добавить семантику.
Ошибка 3: Alt = title страницы Копировать title во все alt теги страницы — это техника прошлого, сейчас это скорее сигнал низкого качества.
Ошибка 4: Отсутствие alt полностью HTML-валидатор даёт ошибку, поисковики получают неполную информацию.
Alt для разных типов страниц
Страница услуги:
Фото сотрудника → alt="Мастер по ремонту квартир выравнивает стену штукатуркой"
Карточка товара:
Основное фото → alt="Ноутбук ASUS VivoBook 15 серебристый вид спереди"
Дополнительное → alt="Ноутбук ASUS VivoBook 15 — вид сбоку с разъёмами"
Статья в блоге:
Иллюстрация → alt="Схема структуры SEO-аудита сайта"
Главная страница:
Логотип → alt="Логотип компании НазваниеКомпании"
Alt в Яндекс.Вебмастере
Яндекс.Вебмастер иногда отображает предупреждения об изображениях без alt. Проверить можно в разделе «Проблемы» → «Содержимое сайта».
Влияние alt на поведенческие факторы
Правильные alt-теги косвенно влияют на поведенческие факторы:
- Изображения с понятными alt лучше индексируются в Яндекс.Картинках
- Трафик из Яндекс.Картинок улучшает поведенческий профиль сайта
- Быстрая загрузка картинок (в связке с оптимизацией) снижает процент отказов
Для усиления поведенческих факторов профессиональные SEO-специалисты используют ClickFlow.
Автоматизация заполнения alt
Для сайтов с большим числом изображений:
- WordPress + Yoast SEO — авто-генерация alt из названия вложения
- Python-скрипты — генерация alt на основе имени файла и контекста страницы
- AI-инструменты — автоматическое описание изображений через API (GPT-4 Vision, Yandex Vision)
Автоматически сгенерированные alt нужно проверять — они часто требуют правки.
Чек-лист по alt-тегам
- [ ] Все информативные изображения имеют непустой alt
- [ ] Декоративные элементы имеют
alt="" - [ ] Alt описывает изображение, а не страницу целиком
- [ ] Ключевой запрос присутствует в alt (1 раз, естественно)
- [ ] Нет дублирующихся alt на одной странице
- [ ] Длина alt — 5–15 слов
Заполнение alt-тегов занимает час-два на большинстве сайтов и даёт измеримый прирост видимости в Яндексе без дополнительных затрат.