Google советует оптимизаторам, как правильно выполнять ленивую загрузку

Содержание:

  1. Руководство от Google по ленивой загрузке
  2. Краткий обзор руководства по ленивой загрузке

Руководство от Google по ленивой загрузке

Google предлагает документ для оптимизаторов, в котором руководство для реализации ленивой загрузки изображений и видео на сайтах. Ленивая загрузка — метод отсрочки загрузки изображений, видео, невидимого контента для быстрой загрузки основного контента сайта. Если ее правильно не реализовать, то можно скрыть от Google важный контент. Поэтому был создан данный документ, чтобы рассказать, как правильно скрывать и индексировать ленивый контент. Мартин Сплитт из Google сказал, что это только первая версия руководства, вскоре она дополнится.

Краткий обзор руководства по ленивой загрузке

  1. Загружайте контент, когда он находится в зоне окна просмотра, используя API IntersectionObserver и полифил. Это позволит Google увидеть весь контент на странице.
  2. Поддержка постраничной загрузки для бесконечной прокрутки. Если вы выполняете бесконечную прокрутку, обязательно поддерживайте разбивку по страницам(пагинацию). Paginated load поддерживается путем указания уникальной ссылки на каждый раздел, который пользователи могут совместно использовать и загружать напрямую. Google рекомендует использовать API history для обновления URL-адреса при динамическом загрузке содержимого.
  3. Тестирование ленивой загрузки. SEO-оптимизаторы могут убедиться, что ленивая загрузка работает правильно, используя сценарий Puppeteer для локального тестирования реализации. Google предоставляет сценарий для использования в тесте в справочном документе. Для запуска скрипта потребуется Node.js. Запуск сценария создаст набор изображений, которые могут быть проверены, чтобы убедиться, что все важные материалы видны и могут быть проиндексированы Google.

Если на вашем сайте еще не задействована ленивая загрузка, пора это исправить. А если вы ее уже используете, то, следуя пунктам руководства, стоит проверить корректность ее реализации.

Автор Ирина Старченко
практикующий Seo-специалист
и программист любитель

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *