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 все изображения?