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

Интересные новости
Украинский стартап AxDraft привлек $1,1 млн инвестиций с оценкой $10 млнУкраинский стартап AxDraft привлек $1,1 млн инвестиций с оценкой $10 млн
Microsoft сообщил о взломе Outlook. Компания советует сменить пароли
Facebook представил новую стратегию управления ставкамиFacebook представил новую стратегию управления ставками
Facebook «ненамеренно» сохранил email-контакты 1,5 млн пользователейFacebook «ненамеренно» сохранил email-контакты 1,5 млн пользователей
В коде Instagram обнаружена функция, позволяющая скрывать лайкиВ коде Instagram обнаружена функция, позволяющая скрывать лайки
Блок рекламы


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

Google может полностью убрать поддержку директивы noindex в robots.txtGoogle может полностью убрать поддержку директивы noindex в robots.txt
Google открыл доступ к AI-инструменту для анализа изображенийGoogle открыл доступ к AI-инструменту для анализа изображений
В Google Таблицах появились новые функции для работы с объектамиВ Google Таблицах появились новые функции для работы с объектами
Google решил проблему с индексацией новостного контентаGoogle решил проблему с индексацией новостного контента
Google тестирует новую кнопку для обновления результатов поискаGoogle тестирует новую кнопку для обновления результатов поиска
Google: кавычки не спасут от дублированного контентаGoogle: кавычки не спасут от дублированного контента
Баг с индексацией страниц в Google привёл к сбоям в работе Search ConsoleБаг с индексацией страниц в Google привёл к сбоям в работе Search Console
Google прокомментировал старые даты в кешеGoogle прокомментировал старые даты в кеше
В Google Docs можно будет напрямую редактировать файлы Microsoft OfficeВ Google Docs можно будет напрямую редактировать файлы Microsoft Office
Google решил проблему с деиндексацией страницGoogle решил проблему с деиндексацией страниц
Последние новости

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