Вы можете улучшить взаимодействие пользователей с вашим сайтом, отображая подмножество результатов для повышения производительности страницы, но вам, возможно, придется принять меры, чтобы гарантировать, что поисковый робот Google сможет найти весь контент вашего сайта.
Например, вы можете отобразить подмножество доступных продуктов в ответ на использование пользователем поля поиска на вашем сайте электронной коммерции — полный набор совпадений может быть слишком большим для отображения на одной веб-странице или его получение может занять слишком много времени.
Помимо результатов поиска, вы можете загружать частичные результаты на своем сайте электронной коммерции для:
- Страниц категорий, где отображаются все продукты категории
- Записей в блоге или заголовков рассылок, которые сайт публиковал с течением времени
- Отзывов пользователей на странице продукта
- Комментариев к записи в блоге
Инкрементальная загрузка контента на вашем сайте в ответ на действия пользователя может принести пользу вашим пользователям за счет:
- Улучшения пользовательского опыта, так как начальная загрузка страницы происходит быстрее, чем загрузка всех результатов сразу.
- Снижения сетевого трафика, что особенно важно для мобильных устройств.
- Улучшения производительности бэкенда за счет уменьшения объема контента, извлекаемого из баз данных или аналогичных источников.
- Повышения надежности за счет исключения чрезмерно длинных списков, которые могут привести к ограничению ресурсов, вызывая ошибки в браузере и бэкенд-системах.
Выбор лучшего UX-паттерна для вашего сайта
Чтобы отобразить подмножество большого списка, вы можете выбрать один из различных UX-паттернов:
- Пагинация: Где пользователь может использовать ссылки, такие как “следующая”, “предыдущая”, и номера страниц для навигации между страницами, отображающими по одной странице результатов за раз.
- Загрузить еще: Кнопки, на которые пользователь может нажать, чтобы расширить начальный набор отображаемых результатов.
- Бесконечная прокрутка: Где пользователь может прокрутить страницу до конца, чтобы вызвать загрузку дополнительного контента. (Узнайте больше о
рекомендациях по бесконечной прокрутке, удобных для поиска.)
Рассмотрите следующую таблицу при выборе наиболее подходящего пользовательского опыта для вашего сайта.
| UX-паттерн | |||
|---|---|---|---|
| Пагинация |
| ||
| Загрузить еще |
| ||
| Бесконечная прокрутка |
| ||
Как Google индексирует различные стратегии
После того как вы выбрали наиболее подходящую UX-стратегию для вашего сайта и SEO, убедитесь, что поисковый робот Google может найти весь ваш контент.
Например, вы можете реализовать пагинацию, используя ссылки на новые страницы на вашем сайте электронной коммерции или используя JavaScript для обновления текущей страницы. Функционал “Загрузить еще” и бесконечная прокрутка обычно реализуются с помощью JavaScript. При сканировании сайта для поиска страниц для индексации Google обычно сканирует URL-адреса, найденные в href атрибуте
<a> элементов. Поисковые роботы Google не “нажимают” на кнопки и обычно не запускают функции JavaScript, требующие действий пользователя для обновления текущего содержимого страницы.
Если ваш сайт использует JavaScript, следуйте этим
лучшим практикам SEO для JavaScript. В дополнение к лучшим практикам, таким как обеспечение доступности ссылок на вашем сайте для сканирования, рассмотрите возможность использования файла
sitemap
или
фида Google Merchant Center
, чтобы помочь Google найти все продукты на вашем сайте.
Лучшие практики при реализации пагинации
Чтобы убедиться, что Google может сканировать и индексировать ваш пагинированный контент, следуйте этим лучшим практикам:
- Связывайте страницы последовательно
- Используйте URL-адреса правильно
- Избегайте индексации URL-адресов с фильтрами или альтернативными порядками сортировки
Связывайте страницы последовательно
Чтобы поисковые системы понимали связь между страницами пагинированного контента, включайте ссылки с каждой страницы на следующую, используя теги <a href> . Это может помочь Googlebot (веб-сканеру Google) находить последующие страницы.
Кроме того, рассмотрите возможность создания ссылок со всех отдельных страниц коллекции обратно на первую страницу коллекции, чтобы подчеркнуть начало коллекции для Google. Это может дать Google подсказку, что первая страница коллекции может быть лучшей целевой страницей, чем другие страницы в коллекции.
Используйте URL-адреса правильно
- Дайте каждой странице уникальный URL-адрес. Например, включите параметр запроса
?page=n, так как URL-адреса в пагинированной последовательности обрабатываются Google как отдельные страницы. - Не используйте первую страницу пагинированной последовательности в качестве канонической страницы. Вместо этого дайте каждой странице свой собственный
канонический URL. - . Не используйте идентификаторы фрагментов URL (текст после
#в URL) для номеров страниц в коллекции. Google игнорирует идентификаторы фрагментов. Если Googlebot видит URL следующей страницы, который отличается только текстом после#, он может не перейти по ссылке, полагая, что страница уже получена. - Рассмотрите возможность использования
preload, preconnect или prefetch
для оптимизации производительности для пользователя, переходящего на следующую страницу.
Избегайте индексации URL-адресов с фильтрами или альтернативными порядками сортировки
Вы можете поддерживать фильтры или различные порядки сортировки для длинных списков результатов на вашем сайте. Например, вы можете поддерживать ?order=price в URL-адресах для возврата того же списка результатов, отсортированного по цене.
Чтобы избежать индексации вариаций одного и того же списка результатов, заблокируйте индексацию нежелательных URL-адресов с помощью
noindex robots meta тега
или запретите сканирование определенных
шаблонов URL-адресов с помощью файла robots.txt.
Как мы это применяем
Infinite scroll and load-more patterns are the most common reason a client’s product pages are missing from the index. We test how each pagination pattern renders without JavaScript before approving it for a catalogue.
Связанные услуги