Пагинация и SEO интернет-магазина: настройка и проверка
Как настроить страницы каталога и кнопку «Показать ещё»: URL, canonical, ссылки, индексация, фильтры и проверка на примере последовательности товаров.
Пагинация — разделение длинного списка товаров на страницы. Для SEO каждая порция должна иметь собственный адрес, открываться напрямую и быть доступна по ссылкам из каталога. Если на второй странице показаны другие товары, направлять её canonical на первую как на дубль не следует. Кнопка «Показать ещё» и бесконечная прокрутка могут дополнять такую последовательность, но не заменяют адреса и переходы между её частями.
Главная задача — проверить, что покупатель и поисковый робот могут добраться до товаров на следующих страницах категории. Наличие красивых кнопок с номерами ещё не подтверждает этого. Ниже разберём последовательность для условной категории из 61 кружки и покажем, что проверять в адресах, ответах сервера и содержимом страниц.
Какой способ просмотра каталога выбрать
Постраничная навигация позволяет открыть конкретную часть списка и вернуться к ней по адресу. «Показать ещё» добавляет товары без явного перехода на другую страницу, а бесконечная прокрутка загружает их автоматически. Выбор интерфейса зависит от того, как покупатели ищут товар; сам по себе он не гарантирует рост позиций или продаж.
| Способ просмотра | Когда удобно | Что проверить |
|---|---|---|
| Страницы с номерами | Нужно переходить между частями большого списка и сохранять адрес | Видны текущая страница и переходы; открытие товара и возврат сохраняют место |
| «Показать ещё» | Покупатель хочет продолжать сравнение в одном списке | Понятно, что происходит после нажатия; есть отдельные адреса порций и доступные ссылки |
| Бесконечная прокрутка | Полезен непрерывный просмотр подборки | Можно вернуться к прежнему месту, добраться до подвала и открыть конкретную часть списка |
Не выбирайте размер порции по универсальному «правильному» числу товаров. Он зависит от веса карточек, скорости загрузки и удобства выбора. Проверьте каталог на телефоне: сколько карточек загрузилось, можно ли быстро открыть товар, вернуться назад и продолжить просмотр без потери позиции. Для большого ассортимента категории и фильтры часто полезнее, чем требование пролистать сотни страниц.
У каждой части списка должен быть свой URL
Адрес второй страницы должен открывать вторую порцию даже в новой вкладке, без предварительного нажатия «Показать ещё». Например, /catalog/mugs/ показывает первую страницу, а /catalog/mugs/?page=2 — вторую. Допустим и другой формат, если магазин использует его последовательно.
Не кодируйте номер только после символа #, как в /catalog/mugs/#page=2. Фрагмент адреса не подходит для обозначения самостоятельной страницы списка в Google. Также не используйте для постоянного адреса указания вроде «следующая порция»: результат такого URL не должен зависеть от того, что посетитель уже загрузил.
Первая страница без лишнего дубля
Если /catalog/mugs/ и /catalog/mugs/?page=1 показывают одно и то же, выберите один основной адрес. Удобный вариант — чистый URL категории: на него ведут меню, хлебные крошки и кнопка «Первая». Для действительно равноценного адреса ?page=1 можно настроить постоянный редирект на чистый URL.
Если изменить ответ сервера нельзя, укажите для дубля canonical на чистую первую страницу и исправьте внутренние ссылки. Не создавайте одновременно противоречащие друг другу адреса в навигации, canonical и карте сайта. Подробности выбора основного URL разобраны в статье о canonical для интернет-магазина.
Canonical второй страницы
Canonical указывает предпочтительный адрес для одинакового или очень похожего содержимого. Когда страница 1 показывает товары 1–24, а страница 2 — товары 25–48, это разные части каталога. Для второй страницы укажите её собственный основной URL, сохранив page=2. Это называют self-canonical — ссылкой страницы на саму себя.
В демонстрационном магазине с доменом shop.example значение выглядело бы так:
<link rel="canonical" href="https://shop.example/catalog/mugs/?page=2" />
Это учебный адрес, его нужно заменить адресом своего магазина. Проверьте, что выбранный URL действительно открывает вторую порцию, а не перенаправляет на первую. Canonical служит сигналом выбора основного адреса; он не обещает включения страницы в поиск и не заменяет правильное содержимое.
Переходы должны работать как ссылки
Google обычно находит адреса через ссылки с атрибутом href. Поэтому у перехода «Следующая» должен быть адрес следующей страницы, а не только обработчик JavaScript. Проверьте исходный или отрисованный HTML: видимый номер страницы и ссылка — разные вещи.
Минимальный учебный пример перехода с первой страницы на вторую:
<a href="/catalog/mugs/?page=2">Следующая страница</a>
Внутри последовательности обеспечьте переход к следующей и предыдущей порции, а также к первой странице. Показывать сразу все сотни номеров не требуется: навигация должна оставаться понятной. Если последовательность настолько глубокая, что нужные товары трудно найти, пересмотрите деление на категории и полезные подборки.
Атрибуты rel="next" и rel="prev" не закрывают эту задачу. Google больше не использует их для определения пагинации, а Яндекс прямо сообщает, что игнорирует эти значения. Их наличие в шаблоне не доказывает, что страницы доступны по переходам или правильно индексируются.
Как сделать подгружаемые товары доступными роботам
Поисковый робот не обязан нажимать кнопку или прокручивать страницу так, как это делает человек. Если товары появляются только после такого действия, часть списка может остаться не обнаруженной. При этом JavaScript сам по себе не запрещён: нужно проверить, какой контент и какие ссылки доступны без пользовательского действия.
Независимо от способа показа товаров, у каждой части списка должен оставаться свой URL. Такие страницы можно открыть отдельно, а ссылки последовательно связывают их. Кнопка может подгружать те же порции в текущий список; при прямом открытии второй страницы должен воспроизводиться соответствующий ей набор товаров.
Проверьте три ситуации: новый посетитель сразу открывает ?page=2; посетитель нажимает «Показать ещё», открывает товар и возвращается; робот получает страницу без нажатия кнопки. В первом случае должна появиться нужная порция, во втором — сохраниться понятное место просмотра, в третьем — быть доступен путь к дальнейшим страницам. Если доступность зависит от рендеринга JavaScript, проверяйте отрисованный HTML в поисковых инструментах, а не только в своём браузере.
Держите порядок товаров предсказуемым. Например, при одинаковой цене можно дополнительно сортировать по постоянному идентификатору товара. Это уменьшит риск, что при переходе на следующую страницу часть позиций повторится, а часть будет пропущена. Изменение наличия всё равно способно сдвинуть список; адрес должен обозначать конкретную порцию текущего каталога, а не персональную случайную выдачу.
Нужно ли закрывать страницы после первой от индексации
Для обычной последовательности с разными товарами не применяйте автоматически запрет ко всем page=2 и далее. Эти страницы помогают пройти к карточкам. Решение об исключении требует отдельной причины и проверки, что товары остаются доступны другими надёжными путями.
Различайте три задачи. Робот должен найти URL, суметь получить его содержимое и затем решить, включать ли страницу в поиск. Успешная загрузка не гарантирует индексацию, а отсутствие страницы в выдаче ещё не означает, что робот её не видел.
Disallow в robots.txt ограничивает обход. Он не гарантирует удаления уже известного адреса из результатов поиска. Директива noindex исключает страницу из индекса, но робот должен иметь возможность её прочитать. Поэтому одновременно закрыть URL в robots.txt и ждать, что робот увидит на нём noindex, — противоречивое решение.
Карта sitemap помогает сообщить адреса карточек и выбранных страниц каталога, однако не заменяет ссылки внутри магазина. Если все товары есть в карте, но покупатель не может перейти к ним из категории, проблема навигации остаётся.
Фильтры и сортировка — отдельное решение
Адрес /catalog/mugs/?color=blue&page=2 описывает вторую страницу уже отфильтрованного списка. Сначала решите, нужна ли самостоятельная страница «Синие кружки» для поиска, затем применяйте правила к её последовательности. Не удаляйте color=blue из canonical автоматически: без этого параметра набор товаров может стать другим.
Сортировка тоже способна изменить состав порции. Вторая страница по цене и вторая страница по популярности не обязательно содержат одни и те же товары. Разберите, какие адреса являются настоящими дублями, а какие представляют другой список; не канонизируйте их по одному шаблону только из-за совпадения page=2. Оценка полезных подборок и ограничений рассмотрена в статье о фильтрах интернет-магазина.
Как оформить заголовки страниц пагинации
Google допускает одинаковые title и description у страниц одной последовательности. Добавить «Страница 2» можно ради понятного названия вкладки и диагностики, но не как обязательный способ избежать санкций.
Видимый заголовок H1 должен ясно называть категорию или подборку. Например, «Кружки» сохраняет смысл на всех страницах этой категории. Номер текущей страницы можно показать рядом с заголовком или в навигации; отдельно оптимизировать H1 под запрос «кружки страница 2» не требуется. Это рекомендация по понятному интерфейсу, а не специальное правило Google о H1 пагинации.
Длинное описание категории необязательно повторять на каждой странице. Если оно объясняет выбор всей группы товаров, можно оставить его на первой, а на остальных сохранить краткое название, фильтры и навигацию. Это редакционное решение: оно не должно удалять сведения, которые нужны для понимания товара или покупки.
Что показывать для несуществующего номера
Для адреса за пределами списка, например ?page=999 при трёх существующих страницах, обычно уместен статус HTTP 404. Он означает, что такой страницы нет. Покажите понятное сообщение и переход к категории, а не пустую сетку с успешным ответом 200. Не перенаправляйте каждый неверный номер на первую страницу: это скрывает ошибку адреса.
Отличайте несуществующую страницу от сбоя загрузки. Если сервер временно не получил товары из базы, нельзя объявлять все страницы удалёнными; нужно исправить ошибку и корректно отразить временную недоступность. Когда меняется ассортимент, пересчитайте число страниц и уберите переходы к порциям, которых больше нет.
Сквозная проверка категории из 61 товара
Возьмём учебную категорию кружек: 61 товар, по 24 на странице, фиксированная сортировка. Фильтров и персональных рекомендаций в примере нет. Получаются три страницы: 24, 24 и 13 товаров. Проверка состоит в том, чтобы сопоставить ожидаемую порцию с адресом и фактическим ответом сайта.
| Проверяемый адрес | Ожидаемые товары | Что должно получиться |
|---|---|---|
/catalog/mugs/ | 1–24 | 200, основной адрес первой страницы, переход на вторую |
/catalog/mugs/?page=1 | Дубль 1–24 | При выбранной схеме — постоянный редирект на чистый URL; внутренние ссылки дубль не создают |
/catalog/mugs/?page=2 | 25–48 | 200, собственный canonical с page=2, переходы к первой и третьей |
/catalog/mugs/?page=3 | 49–61 | 200, собственный canonical, нет перехода к четвёртой |
/catalog/mugs/?page=999 | Такой порции нет | При выбранной схеме — 404, понятное сообщение и ссылка к категории |
Сначала откройте адреса напрямую и выпишите идентификаторы товаров. В неизменном учебном каталоге объединение трёх наборов должно дать ровно 61 позицию без повторов. Совпадение числа карточек недостаточно: на второй странице могут ошибочно выводиться первые 24 товара.
Затем проверьте ответы сервера во вкладке Network инструментов разработчика: статус, перенаправления и конечный адрес. В HTML найдите canonical, директивы robots и адреса переходов. Если JavaScript меняет содержимое, сравните исходный документ с отрисованным результатом. В нём должна присутствовать обычная ссылка с href на следующую страницу без необходимости нажимать кнопку: рендеринг JavaScript и действие посетителя — разные этапы.
Наконец, повторите путь на телефоне: откройте третью страницу, выберите товар, вернитесь назад, измените фильтр. При изменении списка номер страницы нужно обработать осмысленно: например, начать новый список с первой страницы, чтобы старый номер не отправил покупателя в пустую порцию.
Как подтвердить результат в поисковых инструментах
В Google Search Console проверьте URL первой, второй и одной глубокой страницы. Посмотрите возможность индексирования, доступность содержимого и, в отчёте об индексированной версии, заявленный и выбранный Google canonical. Проверка опубликованного URL показывает текущую доступность; данные индекса могут отражать более ранний обход.
В Яндекс Вебмастере проверьте ответ сервера, статистику обхода и состояние страниц в поиске. Если после исправления страница ещё не появилась, сначала выясните, обходил ли робот новый вариант и видит ли он необходимые ссылки. Не оценивайте всю последовательность по одному запросу в поисковой строке.
Для большого каталога полезен выборочный обход краулером или анализ серверных логов. Проверяйте несколько категорий разной длины, последнюю порцию и сочетания с разрешёнными фильтрами. Успешный пример одной категории не подтверждает, что шаблон правильно работает для остальных.
Частые вопросы
Можно ли оставить только кнопку «Показать ещё» без номеров страниц?
Можно выбрать такой видимый интерфейс, если за ним сохраняются отдельные адреса порций и доступные переходы между ними. Проверьте прямое открытие этих адресов и HTML со ссылками. Кнопка, которая только получает очередной набор через запрос и не даёт роботу пути к нему, сама по себе задачу не решает.
Все страницы пагинации должны появиться в поиске?
Нет. Правильные адреса, ссылки и canonical обеспечивают техническую основу, но поисковик сам решает, какие страницы включить в результаты. Для магазина также важно, чтобы робот мог обнаружить карточки товаров. Разбирайте отсутствие URL через данные обхода и индексирования, а не закрывайте всю последовательность ради уменьшения числа страниц.