Зачем нужна пагинация и как ее оптимизировать

Само слово происходит от двух английских «page» и «navigation», что переводится как «страница» и «навигация». Пагинация представляет собой принцип вывода большого массива данных на многостраничных сайтах. Таким образом устроены большинство современных ресурсов, в рамках которых содержатся однотипные интернет-страницы, например карточки товаров или статьи в блоге.

Реализовано это может быть разными способами, к наиболее распространенным относятся:

• Использование порядковой нумерации (1-2-3).
• Выбор диапазона позиций данных в общем массиве (1-20, 20-40).
• Вывод содержимого в обратном порядке с применением нумерации («новое», 40-20, 20-1).
• Постраничная навигация, когда в конце имеются ссылки на предыдущую и последующую веб-страницы.

Если представить ситуацию, когда пагинация не реализована, а данные подаются пользователю единовременно, то в этом случае загрузка заняла бы гораздо больше времени и замедлила работу сайта.

Для чего нужна пагинация

Правильно реализованная пагинация позволяет:

• Увеличить скорость загрузки ресурса. Иначе весь контент будет загружаться одновременно, а если его много, то загрузка может замедлиться значительно. Это приведет к росту процента отказов на сайте и к прочим негативным последствиям.
• Улучшить юзабилити. Со структурированной информацией пользователям гораздо проще взаимодействовать.
• Улучшить внешний вид ресурса. Содержимое подается в лаконичном и понятном виде.

Типы пагинаций

Рассмотрим наиболее распространенные варианты типов пагинаций на примерах.

Постраничная нумерация

В этом случае данные выводятся в определенном количестве на одной странице (например, 20 статей блога), а другие имеют порядковые номера. Это наиболее часто встречающийся вариант, который знаком и удобен большинству пользователей.

При реализации этого типа необходимо выделять номер той странички, на которой пользователь находится в настоящий момент. При этом, если имеется большое количество информации, то выводить следует лишь ограниченное их количество, например 10. Также рекомендуется добавить кнопки «Предыдущая» и «Следующая» для последовательного просмотра.

Пагинация галереи изображений

При реализации навигации для галереи изображений необходимо, чтобы каждая такая веб-страница имела свой URL-адрес. Этот вариант можно встретить на фотостоках.

Загрузка с помощью кнопки «Еще»

При достижении пользователем конца веб-страницы ему предлагается прогрузить данные путем нажатия на кнопку. Это создает эффект бесконечной прокрутки.

Бесконечная лента

Подобное часто встречается в социальных сетях, когда пользователь просто листает контент вниз, при этом материалы постепенно подгружаются. Создается эффект бесконечной ленты, что повышает вовлеченность посетителей, особенно на мобильных устройствах. Однако в случае с товарными сайтами такая пагинация часто является неудобной для пользователей.

Навигация по алфавиту

Если веб-ресурс носит вид каталога, то навигация по алфавиту может стать идеальным решением. Например, подобное часто встречается на медицинских ресурсах, в которых содержатся перечни лекарственных средств или терминов.

Комбинация вариантов

На некоторых веб-сайтах встречается пагинация, реализованная двумя и более типами.

Юзабилити

При организации юзабилити рекомендуется придерживаться следующих правил:

• Кнопки пагинации при переходе на другие разделы сайта должны располагаться в одном месте. Другими словами, блок кнопок и его содержимое должны быть статичными.
• Надписи на кнопках помогают пользователям понять их назначение.
• Не следует выводить в блок навигации большое количество ссылок, например 10 будет вполне достаточно, остальное рекомендуется «спрятать» под кнопками «Дальше» или «Еще».
• Оптимизируйте отображение кнопок под мобильные устройства. Не стоит выводить все 10 ссылок, лучше заменить это на загрузку следующего контента по кнопке «Еще».

SEO-оптимизация и пагинация

На эту тему ходит множество споров. Главная проблема здесь с точки зрения SEO-оптимизации заключается в том, что подобное решение может создавать на сайте дубликаты документов. Разберем этот вопрос подробнее.

Рекомендации Яндекса

Со стороны Яндекса имеется рекомендация о том, что со всех страниц пагинации следует проставлять атрибут rel="canonical" на первую. Т. е. первая будет являться главной – канонической, а последующие второстепенными, при этом в поисковой выдаче будет участвовать только первая. Это не влияет на индексацию контента (например, карточек товара), при этом не создаются дубли в поисковой выдаче.

Кроме этого, канонической можно установить ту, которая будет содержать весь перечень URL-адресов товаров (если говорить про интернет-магазины). При этом надо понимать, что атрибут rel="canonical" в ссылке не является прямым указанием для поискового робота, а выступает в качестве рекомендации и может быть проигнорирован.

Что нужно учитывать:

• Следуя рекомендациям Яндекса и создав отдельный документ, содержащий весь перечень внутренних веб-страниц, его необходимо будет разместить в главном меню ресурса. Т. е. он должен быть доступен для пользователя наравне с остальными пунктами. Реализовать подобное на большинстве сайтов проблематично, но если не сделать, то данный документ будет иметь низкий ссылочный вес, соответственно, его будет сложнее продвигать.
• Если подобный документ продвинуть в поисковой выдаче, то теряются все преимущества системы навигации: удобство и юзабилити серфинга для пользователей.
• Если на сайте представлено большое количество ассортимента, то это увеличит нагрузку на сервер и значительно снизит скорость загрузки документа.

Поэтому, учитывая все рекомендации Яндекса, идеальным вариантом будет определить в качестве канонической страницы первую в списке пагинации.

Рекомендации Google

Начнем с того, что подходящий для Яндекса вариант с rel="canonical" Google считает ошибкой. До 2019 года в официальной справке фигурировали директивы rel="next" и rel="prev", но после этого информация была удалена и данные атрибуты более не учитываются Google.

Google рекомендует создать отдельную веб-страницу, на которой будет собран весь ассортимент, но, как показали примеры выше, этот вариант не подходит для объемных веб-сайтов.

Нужно ли закрывать страницы пагинации от индексации

Итак, специалисты Яндекса говорят о том, что логичнее будет закрыть их, а оставить открытой только первую. Пользователь из поисковой выдачи должен попадать туда, где удобнее всего начинать серфинг по листингу. Google же, напротив, рекомендует оставить их открытыми для индексации его роботами. Суть утверждения основывается на том, что алгоритмы ранжирования способны самостоятельно определить целевой URL, который следует показывать в органической выдаче.

Мы склоняемся к тому, что индексацию таких страниц все же необходимо регулировать, для этого, как правило, используем атрибут rel="canonical". Но даже с данной настройкой периодически можно заметить некорректное индексирование пагинации в Яндексе, несмотря на указание канонического адреса. Что касается определения релевантов в Google, то, судя по наблюдениям, rel="canonical" ему никак не мешает.

Что нужно учитывать, если пагинация не закрыта от поисковых роботов:

• Если эти веб-страницы не закрыть от индексации, то периодически они могут появляться в выдаче, особенно это актуально для Яндекса.
• Также они могут создавать конкуренцию друг другу, что негативно может сказаться не только на их ранжировании, но и на основной категории.
• Могут сбиваться удобные сортировки товаров, предусмотренные заранее, что приведет к ухудшению пользовательского опыта и поведенческих факторов.

Читайте также

Поведенческие факторы в поисковых системах

Полный список поведенческих факторов известен только разработчикам и создателям поисковых систем, но многие известны тем, кто давно работает с веб-ресурсами. Да...

Подробнее →

Все способы реализации пагинации

Рассмотрим самые популярные способы, которые встречаются при настройке пагинации с учетом SEO-оптимизации.

Запрет на индексацию

Данный способ подразумевает удаление всех страниц пагинации из индекса, кроме первой. Т. е. на все внутренние интернет-страницы листинга накладывается тег noindex или накладывается запрет на их индексацию в файле robots.txt. Сделать это можно вручную, просто перечислив URL-адреса в директиве Disallow. На многих CMS ссылки страниц пагинации имеют однотипное содержимое, что позволит закрыть их от индекса одной строчкой в robots.txt, например: Disallow: /*page=

Также следует проверить отсутствие дублей у первой страницы. Если подобные есть, то с них настраивается 301-редирект на основной адрес.

К минусам способа относится возможное ухудшение индексации внутренних документов (товаров, статей и т. д.), ссылки которых будут находиться на второстепенных страницах пагинации.

Первая страница в роли канонической

В этом случае на всех второстепенных страницах пагинации указывается атрибут rel="canonical" с ссылкой на первую. К преимуществам способа относится то, что второстепенные интернет-страницы не закрываются от индексации и доступны для поисковых роботов, что в теории должно улучшать индексацию товаров. Также они не влияют на ранжирование остальных документов.

При этом надо учитывать тот факт, что атрибут rel="canonical" является рекомендательным и странички все-таки могут попадать в индекс по усмотрению алгоритмов поисковиков.

Создание канонической страницы со всеми товарами

Как отмечалось выше, этот вариант предпочтителен для Google. Кроме очевидного минуса в виде уменьшения скорости загрузки появляется еще один – сложность реализации подобного функционала в некоторых CMS.

Вывод один: если ассортимент большой и расположить его на одной страничке проблематично, то способ неактуален.

Метод бесконечного листинга

Напомним, что этот способ представляет собой загрузку содержимого по мере прокрутки. Реализовывается он с помощью технологий AJAX и Javascript.

Если говорить про SEO-оптимизацию и метод бесконечного листинга, то поисковики не любят такую реализацию пагинации. Связано это с тем, что робот не всегда может получить доступ к скрытому контенту, хотя специалисты Google утверждают обратное. Может возникнуть ситуация, когда при индексации видимой части веб-страницы последующие скрытые будут требовать взаимодействия робота со скриптами.

Для корректной индексации, помимо динамической загрузки, можно добавить другой способ создания пагинации, например постраничную нумерацию.

Использование директивы prev/next

Этот способ относится к неактуальным. С 2019 года Google отменил поддержку, а алгоритмы Яндекса его никогда не поддерживали.

Заключение

К вопросу пагинации контента на сайте следует подходить со всей ответственностью, так как ошибки могут повлечь за собой череду проблем:

• Снизится глубина индексации ресурса поисковыми роботами. Часть целевых посадок из-за этого может остаться в тени и не попасть в органическую выдачу.
• Появление дубликатов. В этом случае поисковик самостоятельно постарается определить каноническую страницу, но часто в индекс попадают нецелевые документы. А это, в свою очередь, может привести к росту процента отказов и прочим неприятностям.

Также надо понимать, что каждый из поисковиков относится к страницам пагинации по-разному. Рекомендуем регулярно отслеживать индексацию сайта, чтобы вовремя среагировать на возможную проблему.

***

Купить контент для продвижения любого бизнеса вы можете на Бирже eTXT, став заказчиком. Регистрация займет всего несколько минут.