Поделитесь чек-листом по правильной настройке ленивой загрузки...

❓Вопрос 2443

Поделитесь чек-листом по правильной настройке ленивой загрузки. Суть в том, чтобы ленивая загрузка не мешала индексации.

❗️Ответ

💡При настройке lazy load используйте атрибуты атрибуты loading="lazy" & decoding="async"

Атрибут decoding="async" сообщает браузеру, что декодирование изображения можно выполнить позже, чтобы браузер мог продолжать отображать контент, даже если изображения загружены не полностью.

⚠️Однако рекомендуем таким образом настраивать изображения за первым экраном. Замечено, что пользовательский опыт заметно проседает, если на первом экране не подгружаются сразу изображения.

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

👉 В рекомендации Google для разработчиков рекомендуется использовать скрипт Puppeteer. Ссылка на рекомендации: https://developers.google.com/search/docs/advanced/javascript/lazy-loading#test — cкрипт позволит проверить как отрисовывается контент на странице и все ли изображения видны роботу.

🔗 Подробнее о настройке lazy load читайте у нас в статье.

‼️Прокомментировать ответ или задать уточняющий вопрос можно у нас в блоге. Делитесь мнением и опытом в комментариях!

🚨 via @siteclinic_doctor 🚨

Источник новости https://t.me/siteclinic_doctor...