Исправление ошибок, связанных с отложенной загрузкой
Отложенная загрузка несущественного или невидимого контента позволяет сделать ваш сайт более удобным и привлекательным для посетителей. Чтобы узнать больше, изучите ресурсы web.dev об отложенной загрузке изображений и видео. Если неправильно использовать такую загрузку, доступ Google к вашему контенту может быть ограничен. Ниже описано, как убедиться в том, что контент с отложенной загрузкой доступен для сканирования и индексирования.
Загружайте контент, когда он находится в области просмотра
Убедитесь, что все материалы на вашей странице доступны роботам Google. Для этого проверьте, загружается ли весь нужный контент по мере появления в области просмотра. Чтобы реализовать отложенную загрузку, можно использовать:
- встроенную в браузер функцию отложенной загрузки контента в окнах iframe и изображений;
- IntersectionObserver API и полифилы;
- библиотеку JavaScript, которая поддерживает загрузку контента при появлении в области просмотра.
Эти варианты предусматривают загрузку контента, не полагаясь на действия пользователей, такие как прокрутку и клики. Это важно, так как Google Поиск не взаимодействует с вашими страницами.
Не рекомендуется использовать отложенную загрузку для контента, который показывается сразу при открытии страницы. В подобном случае для загрузки и показа контента в браузере может потребоваться больше времени, и это будет заметно пользователю.
Обязательно проверьте результат своей работы.
Обеспечьте поддержку постраничной загрузки для бесконечной прокрутки
Бесконечная прокрутка позволяет загружать больше контента с разбивкой на сегменты, когда пользователь прокручивает длинную страницу. Подобная сегментация может применяться, например, к одной большой статье или подборке элементов. Чтобы страницу с бесконечной прокруткой можно было проиндексировать, убедитесь, что сайт поддерживает постраничную загрузку подобных сегментов. Следуйте нашим рекомендациям:
- Назначьте каждому сегменту уникальный собственный URL.
- Контент, предназначенный для показа в браузере по каждому подобному URL, должен оставаться неизменным.
Для этого можно использовать в URL точные номера страниц, например добавив параметр запроса
?page=12
. - Не добавляйте в URL элементы относительной адресации, например
?date=yesterday
для отбора вчерашних публикаций. Тогда и поисковые системы, и пользователи смогут переходить по определенному URL к одному и тому же контенту. В результате первые будут корректно индексировать контент, а последние – повторно взаимодействовать с ним и делиться им. - Назначьте имеющимся URL последовательные номера страниц, чтобы поисковые системы могли распознавать каждый из них в рамках набора с разбивкой по страницам. Ознакомьтесь с нашими рекомендациями по разбивке на страницы.
- Установите настройки так, чтобы в случаях, когда при прокрутке страницы появляется очередной сегмент и становится основным элементом на экране, обновление отображаемого URL выполнялось с помощью History API. Это позволит пользователям обновлять текущий URL, отображаемый в браузере, а также делиться им и ссылаться на него.
Проверьте, как работает отложенная загрузка
Реализовав отложенную загрузку, проверьте, все ли функционирует корректно.
С помощью инструмента проверки URL в Search Console можно узнать, был ли загружен весь контент.
Попробуйте найти обработанный HTML-код страницы в этом инструменте и убедитесь в наличии нужного контента. Если URL ваших изображений или видео указаны в атрибуте src
элементов <img>
или <video>
обработанного HTML-кода, то все реализовано без ошибок.