Ответ
При настройке lazy load используйте атрибуты атрибуты loading= «lazy» & decoding= «async»
Атрибут decoding= «async» сообщает браузеру, что декодирование изображения можно выполнить позже, чтобы браузер мог продолжать отображать контент, даже если изображения загружены не полностью.
Однако рекомендуем таким образом настраивать изображения за первым экраном. Замечено, что пользовательский опыт заметно проседает, если на первом экране не подгружаются сразу изображения.
Чтобы при реализации ленивой загрузки не допустить ошибок, которые могут впоследствии создавать препятствия для сканирования и индексирования поисковыми роботами, проверьте готовый результат.
В рекомендации Google для разработчиков рекомендуется использовать скрипт Puppeteer. Ссылка на рекомендации: https://developers.google.com/search/docs/advanced/javascript/lazy-loading#test — скрипт позволит проверить как отрисовывается контент на странице и все ли изображения видны роботу.
Подробнее о настройке lazy load читайте у нас в статье.
Хотите получить ответ на свой вопрос? Задайте его нам через телеграм-бота!↓
Еще по теме:
- Может ли Lazy loading помешать индексации картинок на сайте? Есть мнение, что Lazy loading может помешать индексации картинок на сайте. Сталкивались ли вы с таким? Как в таком случае обеспечить 100% индексацию картинок? Можно...
o.titarenko@siteclinic.ru
Оцените мою статью:
(Пока оценок нет)Есть вопросы?
Задайте их прямо сейчас, и мы ответим в течение 8 рабочих часов.
Отзывы клиентов:
"Помогли усилить позиции и убрать не точности в структуре магазина"
Вадим Соломенцев
Sportique.ru"Санкции были сняты. Весь процесс занял полтора месяца"
Сергей Протасов
Svem.ru"Мы увидели рост по целому пулу запросов"
Деревянко П.Н.
Expertology.ru
