Alt-тексты изображений для SEO и доступности

Как писать alt для картинок: SEO, доступность, типичные ошибки и влияние на поиск по изображениям.

Alt-тексты помогают доступности и поиску по картинкам. Для кейсов и товаров это дополнительный трафик и контекст для ранжирования страницы.

Зачем alt

Озвучка для screen reader. Текст при ошибке загрузки.

Контекст для поиска по картинкам.

Как писать

  • опишите что на изображении
  • ключ уместно, без спама
  • декоративным — alt=""
  • не дублируйте подпись 1:1

Имя файла

work-lstkmk.jpg лучше IMG_4521.jpg. Латиница, дефисы.

Скорость + alt

Сжатие и WebP не отменяют alt. Lazy loading для ниже fold.

Скорость.

Чеклист

Проверьте alt у логотипов, кейсов, баннеров в CMS перед публикацией.

Кейсы

Alt: «Скриншот CRM для производителя металлоконструкций».

Иконки

Декоративные SVG — role=presentation или пустой alt.

Ключ в каждом alt?

Только если уместен. Опишите изображение для человека.

Пустой alt?

Только для декоративных картинок: alt="".

Title у img?

Опционально, не заменяет alt.