Контент и семантикаSEO изображений: alt, размеры, форматы и LCP
Сделайте изображения понятными, лёгкими и полезными для пользователей с разными устройствами.
Проблема и признаки
Большие файлы и отсутствие размеров вызывают медленную загрузку и сдвиги; бессмысленный alt ухудшает доступность.
Что искать при диагностике
- Необжатые изображения на карточках
- Главный баннер lazy-loaded
Пошаговое решение
- Выявите крупные изображения и картинки без width/height.
- Проверьте responsive srcset/sizes и современные форматы при поддержке браузера.
- Для смысловых изображений напишите содержательный alt; декоративным используйте пустой alt.
- Для изображения LCP избегайте неоправданного lazy-loading и оцените приоритет загрузки.
Типичные ошибки
- Не набивайте alt ключевыми фразами.
- Не лениво загружайте главное изображение первого экрана без проверки.
Практический пример
<img src="/photo.webp" width="800" height="600" alt="Фасад магазина со входом с улицы">
Как убедиться, что исправлено
Размеры не прыгают, LCP и общий объём изображений измерены до и после изменений.
Частый вопрос
Нужно ли всем изображениям писать alt?
Атрибут alt нужен, но декоративным изображениям подходит пустое значение alt="".
Материал носит прикладной характер. Для проверки индексации используйте данные соответствующей поисковой консоли.