Что такое пагинация и зачем она нужна

Что такое пагинация

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

Зачем нужна пагинация

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

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

Виды пагинации

Можно выделить несколько видов пагинаций: числова, буквенная и ajax-пагинация.

1. Числовая – это классическая пагинация с номерами страниц (как на скриншоте выше).

2. Буквенная – это когда страницы группируются в алфавитном порядке и вместо чисел в пагинации у нас буквы (а, б, в, г и т.д.).

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

3. Ajax-пагинация – это когда товары динамически подгружаются на страницу в реальном времени. Например, на странице отображается десять товаров, и когда мы пролистываем до низа (где ряд из последних товаров), у нас появляются еще товары и потом еще, и так пока товары в базе данных не кончатся. Ajax-пагинация самая красивая, но у нее есть ряд минусов: пользователь после перезагрузки страницы снова вернется на “старт” к первым десяти товарам, поисковые роботы плохо индексируют сайты с таким вариантом пагинации, и если товаров очень много, то придется скролить “бесконечно долго”.

Как сделать пагинацию

Это уже вопрос сугубо технического характера. Пагинацию необходимо делать программисту, и делается это на языке программирования движка сайта. Если это WordPress, тогда это PHP, если это самопис, тогда это может быть любой веб ориентированный язык программирования: Node.js, Java, Kotlin, C# и т.д.

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

Проблемы с SEO

При создании пагинации в SEO продвижении сайта появляется несколько проблем. Во-первых, время индексации сайта увеличивается. Из-за резкого увеличения количества страниц на сайте, поисковая система не может правильно определить их степень важности, поэтому индексация становится неравномерной: в выдаче может быть 2,3, и 6 страница категории минуя 4 и 5. Особых рекомендаций по решению такой проблемы нет, можно попытаться добавить страницы пагинации в карту сайта (sitemap.xml).

Также, иногда страницы пагинации могут признаваться дублями. Но этого легко избежать если страницы составлены качественно. Например, если Вы разбиваете категорию, то сделайте так чтобы у товаров было уникальное название, фото, цена и описание, и про метатеги самой категории (с учетом пагинации) не забудьте. Можно еще добавить продуктовую микроразметку на саму карточку товара в категории. Но если лень этим заниматься…

Удалить все с помощью noindex

Можно решить все вышеописанные проблемы одним простым способом: закрыть страницы пагинации от индексирования. Попросите программиста добавить следующий код на все страницы пагинации в раздел head:

<meta name="robots" content="noindex, nofollow" />


Но у этого метода есть свои минусы – теряются из индекса абсолютно все страницы пагинации, сайт становится менее релевантным для поисковых систем. И еще, часть товаров (будущих) тоже может быть не проиндексирована из-за того что поисковая машина их попросту не найдет.

Можно попытаться и это решить, добавить в пагинацию кнопку “Смотреть все” где будут отображаться все товары и там не будет тега noindex. Но опять же, если товарных позиций несколько тысяч, то данный способ не подходит из-за огромной нагрузки на сервер и браузер пользователя. Поэтому лучше добавить пагинацию в карту сайта (sitemap.xml) и попытаться уникализировать внешний вид страниц, чтобы их не признавали дублями.