Lazy loading экономит трафик и ускоряет загрузку, но может скрыть контент от поискового робота. Вот как совместить без потерь.
Как Google обрабатывает lazy load
Googlebot рендерит JavaScript, но с ограничениями:
- Нативный
loading="lazy"- Google поддерживает и индексирует такие изображения - IntersectionObserver - Google рендерит viewport и немного ниже, но не бесконечно
- Кастомные JS-решения - зависит от реализации
Безопасные практики
- Используйте нативный lazy load:
<img loading="lazy">- самый безопасный вариант - НЕ ставьте lazy load на LCP-изображение: first viewport должен грузиться без задержек
- Оставьте src: даже с lazy load -
srcдолжен содержать реальный URL изображения, а не placeholder - Не прячьте текст за lazy load: только изображения и видео
Для товаров в каталоге
Первые 6-8 карточек (first viewport) - без lazy load. Остальные - с lazy load. Google проиндексирует все товары, если их URL есть в HTML (не подгружаются через AJAX).
Проверка
GSC → Проверка URL → «Просмотр просканированной страницы». Видит ли Google все изображения?