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+→

Интересные новости
Google Ads тестирует новый рекламный блок с трейлерами фильмовGoogle Ads тестирует новый рекламный блок с трейлерами фильмов
В Болгарии по запросу из США арестовали роSSийского хакераВ Болгарии по запросу из США арестовали роSSийского хакера
Google и Facebook поддержали договор о свободном интернетеGoogle и Facebook поддержали договор о свободном интернете
Google: не используйте разные теги Title для мобильных и десктопных страницGoogle: не используйте разные теги Title для мобильных и десктопных страниц
YouTube выплатил правообладателям более $3 млрд через систему Content IDYouTube выплатил правообладателям более $3 млрд через систему Content ID
Блок рекламы


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

Google запустил новый ресурс для комплексной оценки сайтовGoogle запустил новый ресурс для комплексной оценки сайтов
Google начал показывать рейтинги продавцов на уровне страныGoogle начал показывать рейтинги продавцов на уровне страны
В Google обсудили обратную связь по сниппетам, полученную от вебмастеровВ Google обсудили обратную связь по сниппетам, полученную от вебмастеров
Google: пробелы в файле Disavow не приводят к падению позиций сайтовGoogle: пробелы в файле Disavow не приводят к падению позиций сайтов
Google Ads тестирует новый рекламный блок с трейлерами фильмовGoogle Ads тестирует новый рекламный блок с трейлерами фильмов
Google: не используйте разные теги Title для мобильных и десктопных страницGoogle: не используйте разные теги Title для мобильных и десктопных страниц
Google и Facebook поддержали договор о свободном интернетеGoogle и Facebook поддержали договор о свободном интернете
Google: как объединять страницы, чтобы улучшить позиции в ранжированииGoogle: как объединять страницы, чтобы улучшить позиции в ранжировании
Google тестирует «многоаспектные» блоки с ответами в десктопной выдачеGoogle тестирует «многоаспектные» блоки с ответами в десктопной выдаче
Google приступил к запуску панели Search Console в результатах поискаGoogle приступил к запуску панели Search Console в результатах поиска
Последние новости

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