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

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

????? Psst, hey, you… wanna get a glimpse on the first version of the lazy-loading SEO docs we've been brewing? Here yo gou: https://t.co/bhy1E4MYxB

?? There's more to follow! ?

— Martin Splitt @ ?? #SF (@g33konaut) November 5, 2018

Документ получил название «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 работает над документацией по «ленивой загрузке», стало известно на прошлой неделе.




!

Если для Вас конкретно эта новость оказалась важной или интересной - пожалуйста, поделитесь ею в своей любимой социальной сети с помощью кнопок, расположенных под этим текстом. Это поможет нам в будущем делать более качественную подборку материалов, исходя из Ваших потребностей\интересов.




Коды для вставки в блог\форум

blog comments powered by Disqus


Вспомним другие новости из этого раздела?


Internet и сети

←+Ctrl+→

Интересные новости
Киберполиция задержала двух мужчин, ломавших украинские сайты DDoS-атакамиКиберполиция задержала двух мужчин, ломавших украинские сайты DDoS-атаками
Google пожертвует ещё $3,1 млн Wikimedia
Facebook введет ограничения на политическую рекламу в УкраинеFacebook введет ограничения на политическую рекламу в Украине
YouTube запретил публиковать флешмобы, угрожающие жизни и здоровьюYouTube запретил публиковать флешмобы, угрожающие жизни и здоровью
Google поднимает стоимость подписки на G Suite по всему мируGoogle поднимает стоимость подписки на G Suite по всему миру
Блок рекламы


Похожие новости

Google пожертвует ещё $3,1 млн Wikimedia
Google потратил на лоббирование $21,2 млн в 2018 году, Facebook – $12,62 млн
Google: мы знаем, когда у домена меняется владелец
Google News может прекратить работу в Европе
Google: почему rel=canonical может игнорироваться на сайтах, использующих JS
Google начал создавать блоки с ответами из PDF-файлов
Французский регулятор оштрафовал Google на 50 млн евро за нарушение GDPR
Microsoft больше не видит Cortana в качестве конкурента Google Assistant и AlexaMicrosoft больше не видит Cortana в качестве конкурента Google Assistant и Alexa
Microsoft не рассматривает Cortana, как конкурента Google Assistant и Amazon AlexaMicrosoft не рассматривает Cortana, как конкурента Google Assistant и Amazon Alexa
Еврокомиссия готовится оштрафовать Google по делу AdSenseЕврокомиссия готовится оштрафовать Google по делу AdSense
Последние новости

Подгружаем последние новости