Пагинация

Оригинальное название: pagination

Коротко

Разбиение длинного списка — товаров, статей, результатов поиска — на страницы с навигацией «1, 2, 3… дальше», чтобы не загружать всё сразу.

Что такое «Пагинация»

Каталог из двух тысяч товаров нельзя показать одной страницей: она будет грузиться десятки секунд, а человек всё равно не долистает до конца. Поэтому выдачу делят на порции по 20–50 элементов, у каждой порции свой адрес, а внизу ставят блок со ссылками на соседние страницы. Это пагинация — один из самых старых и понятных приёмов навигации.

У неё есть две альтернативы. Бесконечная прокрутка подгружает следующую порцию, когда пользователь доходит до низа. Кнопка «Показать ещё» делает то же по нажатию. Обе удобнее на телефоне, но хуже для поиска: роботы не прокручивают страницу и не нажимают кнопки. Надёжный вариант — кнопка «Показать ещё», под которой остаётся обычная пагинация со ссылками.

Как вывести в WordPress и Битриксе

<?php
// в шаблоне архива или категории, после цикла записей
the_posts_pagination( [
    'mid_size'  => 2,
    'prev_text' => '← Назад',
    'next_text' => 'Дальше →',
] );

WordPress сам формирует адреса вида /category/news/page/2/ и учитывает число записей на странице из настроек чтения. В 1С-Битриксе постраничная навигация встроена в компоненты списков, например bitrix:news.list: её включают параметрами компонента и выбирают шаблон навигации.

Что важно для поиска

  • Каждая страница должна иметь свой постоянный адрес и открываться по прямой ссылке, а не только через скрипт.
  • Ссылки на страницы — обычные теги a с href, чтобы робот мог по ним пройти.
  • Канонический URL страницы 2, 3 и далее обычно указывают на неё саму. Если направить его на первую страницу, товары с дальних страниц могут хуже находиться поисковиком.
  • Страница ?page=1 или /page/1/ не должна существовать отдельно от основного адреса раздела — это дубль.
  • Заголовок и описание дальних страниц стоит немного менять, например добавлять «— страница 3».

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

Удобство для людей

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

Обновлено:

Все термины раздела «Frontend»

Что будем искать? Например,Продвижение