Пагинация от А до Я: как не убить SEO и сделать удобно пользователю. Полный гайд 2025
Привет! С вами Александр Лунегов, основатель «Онегин-Эксперт». За 14 лет в SEO я видел сотни сайтов, которые собственноручно «закапывали» свой трафик из-за одной детали — неправильной пагинации. Да, вот эти маленькие циферки «1, 2, 3…» внизу каталога могут либо стать трамплином для роста, либо превратиться в черную дыру для вашего краулингового бюджета.
Если у тебя интернет-магазин, блог или любой сайт, где больше 20–30 элементов в списке, эта статья — твой обязательный мануал. Мы разберем все: от выбора типа пагинации (спойлер: бесконечная прокрутка — зло для SEO в 90% случаев) до конкретных настроек в админке. Поехали!
Что такое пагинация и зачем она нужна?
Если по-простому, пагинация — это когда ты делишь один длинный список товаров, статей или чего-либо еще на несколько отдельных страниц. Вместо того чтобы вываливать на пользователя 500 товаров разом и вешать ему браузер, ты показываешь первые 30 и говоришь: «хочешь еще — жми на страницу 2».
Это не просто «удобство», это критически важный механизм, который стоит на трех китах:
UX (Пользовательский опыт). Дает пользователю чувство контроля, снижает когнитивную нагрузку и ускоряет загрузку страницы. Человек понимает, где он находится и сколько еще контента впереди.
SEO (Поисковая оптимизация). Помогает поисковым роботам находить и индексировать все твои товары или статьи, а не только то, что влезло на первую страницу. Правильная настройка пагинации напрямую влияет на краулинговый бюджет и предотвращает появление технических ошибок.
Архитектура и нагрузка. Позволяет контролировать нагрузку на сервер. Отдавать 30 элементов из базы данных куда быстрее и дешевле, чем 3000.
Думай о пагинации как о содержании в большой книге. Без нее найти нужную главу (товар) было бы почти нереально.
Виды пагинации: что выбрать, чтобы не прогадать?
Выбор типа пагинации — это не вкусовщина, а стратегическое решение. Зависит от типа твоего сайта и целей: ты хочешь максимального вовлечения или управляемости и конверсии?
1. Числовая пагинация (1, 2, 3…)
Классика. Блок с номерами страниц, часто с кнопками «Вперед/Назад» и «В начало/В конец».
Плюсы: предсказуемость — пользователь точно знает, сколько всего страниц и где он; доступ к футеру; самый понятный для поисковиков вид.
Минусы: требует клика для загрузки каждой новой порции контента; на мобильных мелкие цифры могут быть неудобны.
Кому подходит: идеально для интернет-магазинов, каталогов услуг, больших блогов. Везде, где важен контроль и возможность быстро перейти к нужной странице.
2. Кнопка «Показать еще» (Load More)
Гибрид между классикой и бесконечной прокруткой. Пользователь видит порцию контента и кнопку, при нажатии на которую подгружаются новые элементы без перезагрузки страницы.
Плюсы: нет резкой перезагрузки, контент появляется плавно; меньше усилий для пользователя.
Минусы: сложный доступ к футеру; при подгрузке контента URL страницы должен меняться, иначе для поисковика новые товары останутся невидимыми.
Кому подходит: хороший компромисс для блогов, новостных сайтов, галерей. Часто используется как мобильная версия каталогов.
3. Бесконечная прокрутка (Infinite Scroll)
Как в ленте соцсетей: скроллишь вниз, а контент все появляется.
Плюсы: создает «чувство потока», максимальное вовлечение.
Минусы: SEO-кошмар без сложной доработки — поисковик увидит только первую порцию контента; пользователь не может вернуться на определенную позицию и никогда не увидит футер; с каждой подгрузкой страница становится тяжелее.
Кому подходит: только для лент контента, где цель — максимальное удержание (соцсети, новостные агрегаторы). Для e-commerce — почти всегда плохой выбор.
Александр Лунегов: «Я всегда говорю клиентам: не гонитесь за "модной" бесконечной прокруткой. В 9 из 10 случаев для коммерческого сайта это выстрел себе в ногу. Лучшая связка — числовая пагинация на десктопе и кнопка "Показать еще" на мобильных. Это дает и контроль, и удобство, и полную управляемость для SEO».
Сравнительная таблица видов пагинации
КритерийЧисловаяПоказать ещеБесконечная прокруткаУдобство (UX)СреднееВысокоеВысокое (но теряется контроль)SEO-дружелюбностьВысокаяСредняяНизкаяДоступ к футеруДаНетНетПроизводительностьВысокаяСредняяНизкая (со временем)Рекомендовано дляМагазины, каталогиБлоги, галереи, мобайлСоциальные ленты
Влияние пагинации на SEO: риски и возможности
Если настроить пагинацию «абы как», можно создать себе кучу проблем, которые убьют все старания по продвижению.
1. Дублирование контента
Самая частая и губительная ошибка. Если у тебя на всех страницах пагинации одинаковые мета-теги Title, Description и заголовки H1, поисковик считает их дублями. Яндекс и Google не понимают, какую из этих страниц показывать в поиске.
Решение: уникализируй мета-теги, добавляя номер страницы — например: «Купить смартфоны — Страница 2 из 15». И используй rel="canonical": на каждой странице пагинации он должен указывать на саму себя. Ни в коем случае не ставь каноникал со всех страниц на первую — так ты выкинешь из индекса все товары, кроме тех, что на первой странице.
2. Размытие ссылочного веса
Если в блоке пагинации у тебя 50 ссылок на номера страниц, ссылочный вес «размазывается» по ним, и в итоге ни одна не получает достаточной мощи.
Решение: используй сокращенный вид пагинации — «1, 2, 3, …, 10, …, 50». Добавляй на страницы пагинации блоки «Популярные товары», чтобы передавать вес на важные сущности, а не на номера страниц.
3. Проблемы с краулинговым бюджетом
У поискового робота есть лимит на количество страниц за один обход. Если он вынужден ползать по сотням страниц пагинации, он может просто не добраться до важных карточек товаров.
Решение: не закрывай пагинацию в robots.txt — это грубая ошибка. Используй meta name="robots" content="index, follow" на всех страницах пагинации. Пагинация вида «1, 2, … 50, … 100» позволяет роботу «прыгнуть» вглубь каталога, не проходя все страницы по порядку.
Пошаговая настройка пагинации для идеального SEO
Шаг 1: rel="canonical" — самое важное
Каждая страница пагинации должна иметь самоссылающийся каноникал. На странице /catalog/page/2/ каноникал ведет на /catalog/page/2/. На третьей — на третью. И так далее.
Шаг 2: Уникальные Title, Description, H1
Используй шаблоны с подстановкой номера страницы:
- Title: «[Название категории] — Страница N из M»
- Description: «Страница N. Широкий выбор [Название категории] в интернет-магазине. Доставка по России»
- H1: «[Название категории] — Страница N»
Шаг 3: Правила для роботов
В robots.txt ничего не запрещай — робот должен иметь доступ ко всем страницам. На всех страницах пагинации ставь index, follow.
Шаг 4: Понятные URL
Хорошо: site.com/catalog/page/2/ или site.com/catalog?page=2.
Плохо: site.com/catalog/index.php?PAGEN_1=2&sort=date — куча мусорных параметров.
Шаг 5: Про rel="next/prev" забудь, но не совсем
С 2019 года Google их официально не использует. Можно оставить — вреда нет, другие системы могут их читать. Но надеяться на них не стоит. Главное — rel="canonical" и прямые ссылки в блоке пагинации.
Пагинация и JavaScript: как подружить Infinite Scroll с SEO?
Если ты все-таки решил использовать «Показать еще» или бесконечную прокрутку, нужно сделать три вещи.
Во-первых, прогрессивное улучшение: в коде страницы изначально должны быть обычные ссылки на /catalog/page/2/. JavaScript перехватывает клик и подгружает контент без перезагрузки, но если JS отключен (как у робота) — ссылка просто работает как ссылка.
Во-вторых, History API: при подгрузке нового контента URL в адресной строке должен меняться на /page/2, /page/3 и т.д.
В-третьих, серверный рендеринг: каждая страница пагинации должна быть доступна по своему URL и отдавать роботу готовый HTML. Робот не скроллит и не нажимает кнопки — он ходит по прямым ссылкам.
Александр Лунегов: «Запомни простое правило: если твой контент не виден в исходном коде страницы при переходе по прямой ссылке без JavaScript — для SEO этого контента не существует. Вся JS-магия без серверного рендеринга — прямой путь в песочницу Яндекса».
Техническая реализация на популярных CMS
WordPress. Большинство тем и плагинов (включая WooCommerce) имеют корректную встроенную пагинацию. Главное — проверить настройки каноникалов и шаблоны мета-тегов через SEO-плагин (Yoast, Rank Math).
1C-Битрикс. За пагинацию отвечает системный компонент system.pagenavigation. Достаточно гибкий, но требует внимательной настройки. Важно проверить, что правильно формируются канонические URL и нет лишних параметров. Для автоматизации мета-тегов часто нужны доработки или специализированные SEO-модули.
Самописные CMS. Тут все в руках разработчиков. Просто дай им эту статью как техническое задание.
FAQ
Что лучше для интернет-магазина: пагинация или бесконечная прокрутка? Однозначно числовая пагинация на десктопе, возможно с кнопкой «Показать еще» на мобильных.
Нужно ли добавлять страницы пагинации в Sitemap.xml? Первую страницу категории — обязательно. Остальные — опционально. Если сайт большой и медленный, лучше оставить в sitemap только основные страницы, а до остальных робот доберется по внутренним ссылкам.
Как пагинация работает с фильтрами? Каждая уникальная и полезная комбинация фильтров должна иметь свой URL и быть самоканонической. Страницы пагинации отфильтрованного списка (…&page=2) должны быть каноничны сами себе.
Чек-лист: проверь свою пагинацию прямо сейчас
- ✅ На страницах пагинации стоит rel="canonical", указывающий на них самих?
- ✅ Мета-теги (Title, Description) и H1 уникализированы номером страницы?
- ✅ Страницы пагинации не закрыты в robots.txt?
- ✅ На страницах пагинации стоит index, follow?
- ✅ URL страниц пагинации чистые и понятные?
- ✅ Блок пагинации содержит прямые ссылки <a href="...">?
- ✅ Если используется JS-пагинация, каждый «шаг» имеет свой уникальный URL?
- ✅ На мобильных элементы пагинации достаточно крупные для нажатия?
Если хоть на один вопрос ответ «нет» — у тебя есть проблемы. Но теперь ты знаешь, как их исправить.
Александр Лунегов, основатель и Head of SEO агентства «Онегин-Эксперт». Telegram-канал: t.me/AlexandrLunegov
Личный Telegram: @lunegovas
YouTube: @oneginexpert