Пагинация

Пагинация: как длинный список режут на страницы

Пагинация (от латинского pagina — «страница») — разбиение длинного списка на порции, каждая из которых показывается отдельно: «страница 1 из 20», кнопка «Показать ещё» или подгрузка при прокрутке. Google в документации называет типичные места: каталоги и категории интернет-магазина, результаты внутреннего поиска, архивы блога и рассылок, отзывы и комментарии.

Зачем она нужна, понятно из арифметики: страница с 2 400 товарами тяжело грузится и неудобна для глаза, а страница с 24 товарами открывается быстро. Но для поисковых систем нарезка создаёт вопросы: каждая порция получает свой адрес, шаблоны и заголовки у порций одинаковые, а ссылок на глубокие страницы может быть слишком мало. Настройка пагинации в SEO — это ответы на эти вопросы.

Виды пагинации: страницы, «показать ещё» и бесконечная лента

Выбор зависит от содержимого. Каталог, где человек сравнивает товары и возвращается назад, лучше работает на нумерованных страницах. Лента новостей или фото подходит под подгрузку. А вот поисковый робот в обоих случаях сначала смотрит в код и ищет там ссылки.

Настройка пагинации для SEO: ссылки, canonical и фильтры

Требования Google к сериям страниц собраны в его документации, ниже — то, что из них следует на практике.

• Уникальный адрес у каждой страницы. Подойдёт параметр вида ?page=2 или раздел /page/2/. Нельзя использовать фрагмент после решётки: Google игнорирует фрагменты и может не перейти по ссылке, которая отличается от текущей только ими.
• Обычные ссылки. Каждая страница должна ссылаться на следующую через a href. Полезно добавить ссылку на первую страницу из каждой страницы серии.
• Свой canonical у каждой страницы. Google советует не делать первую страницу каноническим адресом для всей серии: у страниц разное содержимое, и каждой нужен свой адрес. В справке Яндекса о каноническом адресе пагинация не упоминается, а сотрудник Яндекса в комментариях 2019 года допускал и canonical на саму страницу, и canonical на первую страницу каталога, предупреждая, что страницы с заметно разным содержимым всё равно могут попасть в поиск. Про сам атрибут — в разделе о каноническом URL.
• Одинаковые title и description допустимы. Google подтверждает: для всех страниц серии можно оставить одни и те же. Добавлять «страница 2» ради различия не обязательно.
• Старые теги rel=next и rel=prev. Google ими больше не пользуется, другие поисковые системы могут. Если они уже стоят, убирать их ради Google не нужно, а новые добавлять нет смысла.
• Фильтры и сортировка. Они создают варианты того же списка с другим порядком или отбором. Google советует закрывать такие адреса тегом noindex или правилами в файле robots.txt.

Бесконечная лента без потерь: как оставить товары видимыми роботу

Google объясняет: подгрузка по кнопке и бесконечная прокрутка обычно строятся на JavaScript, а робот переходит по ссылкам a href, но не нажимает кнопки и не запускает скрипты, рассчитанные на действия пользователя. Значит, содержимое должно быть доступно по обычным ссылкам. Рабочий компромисс выглядит так: в коде есть ссылки на страницы ?page=n, скрипт подгружает порции для людей и обновляет адрес в строке браузера, а при выключенном JavaScript остаётся классическая навигация.

Если перестроить ленту сразу нельзя, Google советует подстраховаться: все товары собрать в карте сайта или передать в Merchant Center через товарный фид. Это страховка, а не замена ссылкам. Такие доработки закладывают на этапе разработки каталога, чтобы не переписывать готовый интерфейс.

Пример расчёта: каталог на 480 товаров

Допустим, в разделе 480 товаров. При 24 на странице получится 20 страниц, при 48 — 10. Теперь главный вопрос: сколько переходов нужно от первой страницы до последней. Если внизу только «вперёд» и «назад», до 20-й страницы придётся пройти 19 переходов, и товары с последних страниц оказываются очень глубоко. Яндекс отмечает в рекомендациях по структуре сайта: чем глубже страница, тем больше времени может пройти до её включения в индекс.

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

Чем пагинация отличается от фильтров, сортировки и дублей

Эти понятия легко перепутать, потому что все они плодят адреса. Пагинация режет один список на части, и страницы серии содержат разные товары, поэтому они не считаются дублями друг друга. Фильтры и сортировка меняют отбор или порядок того же списка: страница «по цене» повторяет содержимое основной. Первые оставляют в индексе со своим canonical, вторые обычно закрывают. Перепутать их дорого: закроете серию — потеряете товары, оставите открытыми фильтры — получите тысячи близких страниц.

Частые вопросы