Контент и семантика

SEO изображений: alt, размеры, форматы и LCP

Сделайте изображения понятными, лёгкими и полезными для пользователей с разными устройствами.

Проблема и признаки

Большие файлы и отсутствие размеров вызывают медленную загрузку и сдвиги; бессмысленный alt ухудшает доступность.

Что искать при диагностике

Пошаговое решение

  1. Выявите крупные изображения и картинки без width/height.
  2. Проверьте responsive srcset/sizes и современные форматы при поддержке браузера.
  3. Для смысловых изображений напишите содержательный alt; декоративным используйте пустой alt.
  4. Для изображения LCP избегайте неоправданного lazy-loading и оцените приоритет загрузки.

Чек-лист перед завершением

Отметки сохраняются только на этой открытой странице.

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

Практический пример

<img src="/photo.webp" width="800" height="600" alt="Фасад магазина со входом с улицы">

Как убедиться, что исправлено

Размеры не прыгают, LCP и общий объём изображений измерены до и после изменений.

Частый вопрос

Нужно ли всем изображениям писать alt?

Атрибут alt нужен, но декоративным изображениям подходит пустое значение alt="".

Инструменты и материалы

По этой же теме

Материал носит прикладной характер. Для проверки индексации используйте данные соответствующей поисковой консоли.