Alt текст (альтернативный текст, alt-атрибут) — текстовое описание изображения в атрибуте alt тега <img>. Поисковые роботы не «видят» картинки — они читают alt. Также обеспечивает доступность для незрячих пользователей.

Как работает

Alt текст даёт поисковику контекст о содержании изображения. Хорошо заполненные alt помогают изображениям появляться в Google Images, дают дополнительные ключевые слова странице и отображаются, если картинка не загружается.

Где используется

  • Все изображения на сайте: товары, фото, иллюстрации, инфографика
  • SEO продвижение через Google Images — дополнительный источник трафика
  • Веб-доступность (a11y) — скринридеры читают alt незрячим

Пример

<!-- Хорошо — описательно и с ключевым словом -->
<img src="noutbuk-hp.jpg" alt="Ноутбук HP 15s-eq серый 15.6 дюйм">

<!-- Плохо — пустой alt -->
<img src="noutbuk-hp.jpg" alt="">

<!-- Плохо — keyword stuffing -->
<img src="img.jpg" alt="ноутбук купить ноутбук цена ноутбук Москва">

Частые ошибки

  • Оставлять alt пустым или не указывать атрибут
  • Писать «изображение», «фото», «картинка» — не несёт информации
  • Одинаковый alt для всех изображений на странице
  • Перебор ключевых слов в alt — фильтр за спам