Google опубликовал справочное руководство по lazy loading

Google опубликовал справочное руководство по lazy loading

Google опубликовал первую версию справочного руководства по «ленивой загрузке» (lazy loading) для SEO-специалистов. Об этом сообщил сотрудник компании Мартин Сплитт (Martin Splitt) в Twitter.

Документ получил название «Make sure Google can see lazy-loaded content» («Убедитесь, что Google видит контент с отложенной загрузкой»). Он пока доступен только на английском языке.

Техника «ленивой загрузки» позволяет ускорить загрузку страницы, существенно снизить нагрузку на сервер, а также сэкономить трафик пользователю. Однако при некорректном внедрении lazy loading может скрывать контент от Google.

Чтобы избежать таких проблем, в Google советуют придерживаться следующих рекомендаций:

  • Загружайте контент, когда он попадает в область просмотра. Чтобы убедиться, что Googlbot видит весь контент на странице, проверьте, чтобы в вашей реализации lazy loading весь релевантный контент загружался каждый раз, когда он становится видимым в области просмотра. Используйте для этого IntersectionObserver API и полизаполнение.
  • Обеспечьте поддержку постраничной загрузки при бесконечной прокрутке. Для этого нужно предоставить уникальную ссылку на каждый раздел, чтобы пользователи могли ею делиться и повторно вовлекаться во взаимодействие с контентом. Для обновления URL при динамической загрузке контента Google рекомендует использовать History API.
  • Протестируйте реализацию lazy loading. После того, как вы внедрили lazy loading, убедитесь, что всё работает правильно. Один из способов – это использовать скрипт Puppeteer, чтобы локально протестировать реализацию. Puppeteer – это Node.js-библиотека для управления Headless-режимом в Google Chrome и Chromium.

Напомним, о том, что Google работает над документацией по «ленивой загрузке», стало известно на прошлой неделе.

Редактор-переводчик. Специализируется на западном интернет-маркетинге и SEO. Освещает события в этой области с 2014 года.

Источник