Пагинация: как сделать правильно, инструкция по настройке

Практическое руководство по правильной настройке пагинации для улучшения юзабилити и SEO вашего сайта
me
block

Как сделать постраничную пагинацию, оставлять ли страницы пагинации в индексе или закрывать их от индексации страницы пагинации, требования к страницам пагинации поисковых роботов Яндекс и Google.

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

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

Употребляя слово: Пагинация, всегда подразумевают страницы листингов товаров или услуг. Т.е. те страницы, где очень много карточек.

Примеры:

  • https://site.ru/noutbuki/?page=2 — с гет параметром, вариант 1
  • https://site.ru/category/cat1/?PAGEN_1=2 — с гет параметром, вариант 2
  • https://site.ru/noutbuki/page=2 — с ЧПУ урлом, вариант 1
  • https://site.ru/blog/page/2 — с ЧПУ урлом, вариант 2

📍 Варианты исполнения могут быть разные, зависит от реализации программиста, суть от этого не меняется. Будет страница пагинации с ЧПУ или нет — для робота не важно.

Для чего делается показ контента по частям

С помощью страниц пагинация, можно снизить нагрузку на сервер, увеличить скорость загрузки страницы, сделать просмотр больших листингов товаров/услуг более комфортным. По словам Гугл — это позволит повысить позиции оптимизированного сайта в результатах поиска.

Какой способ реализации лучше выбрать

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

Какой конкретно выбрать, каждый решает сам. При продвижении клиентских проектов, я использую классический метод реализации. Из опыта, могу сказать, что если настраивать rel=canonical на страницу категории, ничего критичного не происходит, сайты хорошо чувствуют себя в обоих Яндекс и Google.

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

Существует несколько методов реализации

1) Схема rel=prev и rel=next + canonical (Универсальный способ для Яндекс/Google)

Пагинация: как сделать правильно, инструкция по настройке

Это классическая схема реализации. Правда rel=prev и rel=next сейчас игнорируются Google (Яндекс — никогда, не поддерживал).

Нужно ли использовать атрибуты <link rel=»prev» href=»…»/> и <link rel=»next» href=»…»/> в html коде? — В справке Google, написано, что можно, т.к. могут использоваться другими поисковыми роботами.

Требования к настройке для программистов

1.1.) У каждой страницы должен быть уникальный URL. Пример: ?page=n

1.2.) Страницы пагинации НЕ закрыты от индексации в robots.txt или мета-тегом robots

1.3.) С первой страницы пагинации, в .htaccess желательно настроить 301 редирект на основную категорию (Рекомендуется, но обычно не парюсь по этому пункту)
Пример редиректа в .htaccess:

301 https://site.ru/catalog/category?page=1 -> https://site.ru/catalog/category​​

1.4.) Со второй, третьей и т.д. страниц, настраивается тег каноникал на категорию
Пример атрибута canonical в head на странице пагинации:

<link rel=»canonical»href=»http://site.ru/catalog/category»/>

1.5.) Если на странице категории размещен текст, он не должен быть на других страницах пагинации

1.6.) title, description и h1 на страницах пагинации оставляем такой же как на главной, чтобы страницы пагинации никак не мешали первой странице категории

1.7.) Не используем идентификаторы фрагментов URL (символ #) для нумерации страниц пагинации с результатами поиска. Поисковые роботы могут не сканировать пагинацию.

2) Пагинация с AJAX подгрузкой контента при нажатии на кнопку «Показать еще»

Для того чтобы увидеть больше результатов, пользователю понадобится нажать кнопку: Показать ещё

У данного способа есть технические нюансы внедрения.

Google бот при первом посещении сайта просканирует его без включенного js, т.е. он не увидит кнопку и ссылку на следующую страницу пагинации. У Яндекса нет таких мощностей, отрендирить страницу.

Если вы хотите избавиться от страниц пагинаций на сайте, реализуйте работу кнопку на js.

Если есть нужно «скормить» роботу ссылку на следующую страницу пагинацию в кнопке: «Показать еще», разместите ссылку на следующую страницу пагинации в теге <a href=»…»>, зашив ее физически в html.

Т.е. если, открыть сайт в браузере без отключенного js, в html коде должна быть ссылка на следующую страницу пагинации.

Требования к настройке, при данном способе реализации, такие же как в п.1

3) Бесконечная загрузка контента при прокручивании списка (ленивая загрузка)

У данного способа, с технической точки зрения еще больше нюансов в реализации. Описывать все не буду, не обзорная статья, кому интересно — погуглите справку. В справке гугла, подробно об этом написано.

Отличие от п.2 — при прокрутке контента, автоматически подгружается следующая часть результатов, до тех пор, пока результаты не закончится. Ссылки на пагинацию, не выводятся.

4) rel=prev и rel=next + canonical + кнопка «Показать еще», с AJAX подгрузкой контента

Пагинация: как сделать правильно, инструкция по настройке

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

При нажатии по кнопки: «Показать еще» — без перезагрузки страницы показывают результаты следующей страницы пагинации, без изменения адреса в url

При нажатии на цифрах пагинации — работает классическая схема реализации из п.1

Часто задаваемые вопросы

1) Использовать ли ЧПУ-адреса для пагинации?

Нет, это не обязательно. Робот найдет ссылку и просканирует страницу

2) Что делать со страницами пагинации и сортировки товаров?

Если на такие страницы нет трафика из поисковых систем и их контент во многом идентичен, рекомендуется настраивать атрибут rel=»canonical» тега <link>

3) Что делать, если один товар находится в нескольких категориях с разным url?

Настроить атрибут rel=»canonical», указав какой именно товар оставить в результатах поиска поисковой машине (посмотрите перед этим популярность категории и на какую страницу идет больше трафика в Яндекс.метрике).

4) Как можно закрыть от индексации страницы пагинации?

Страницы пагинации можно закрыть через:
1) robots.txt (низкий приоритет),
2) meta robots (чуть по выше),
3) canonical (рекомендуемый для склеивания страниц)
4) X-Robots-Tag HTTP header (при обращении к url пагинации, робот не будет запрашивать ее содержимое, он получит данные из заголовка от сервера и пропустит ее. Данный метот сложный в реализации, но позволяет не сжирать краулинговый бюджет сайта.)

5) Нужно ли закрывать от индексации страницы пагинации?

Нет. В этом нет необходимости, если настроен атрибут rel=»canonical» в теге <link>

На этом все, спасибо за внимание.

ХОТИТЕ УВЕЛИЧИТЬ ПОЗИЦИИ САЙТА и ПРИБЫЛЬ В 2-5 РАЗ

👇 Пишите в личные сообщения кодовое слово: «ПагинацияТМ»

https://t.me/tolstenkoaa

☝ Уточню кое какие вопросы, определим дату и время созвона по видео связи.

ЧТО ВЫ ПОЛУЧИТЕ ОТ КОНСУЛЬТАЦИИ?

1) За 10-15 минут проведу БЕСПЛАТНУЮ диагностику вашего бизнеса и отвечу на все ваши вопросы.

2) Расскажу, как увеличить прибыль в 2-5 раз за 30 дней и сделать стабильную систему привлечения клиентов.

3.) Подарю SEO-аудит сайта стоимостью 5900 рублей — Берите, исправляйте технические ошибки, получай рост позиций в Яндекс/Google и продаж.

4) Расскажу, кто ваши конкуренты, сколько они получают посетителей. Сравните цифры со своими показателями сайта, поймете туда ли вы движетесь и какой потенциал роста бесплатного трафика еще есть.

5) Проанализирую платную рекламу, укажу на ошибки, которые сливают ваш рекламный бюджет в трубу — Берите, исправляйте, снижайте стоимость заявки (лида).

Всё это по записи в личных сообщениях.

👉 https://t.me/tolstenkoaa

По кодовому слову: «ПагинацияТМ»

☝ В месяц на продвижение беру не более пяти новых проектов.Количество бесплатных диагностик: 10 шт на месяц. Есть ли места, уточняйте в личных сообщениях.

КАКИЕ ОТМАЗКИ ПРИДУМЫВАЮТ КЛИЕНТЫ ПРЕЖДЕ ЧЕМ ПРИЙТИ НА КОНСУЛЬТАЦИЮ

Пагинация: как сделать правильно, инструкция по настройке

📍 Да и так вроде все нормально

А могло бы быть и лучше, просто вы не знаете об этом и вам никто не говорил, что может быть лучше. Просто вы не сможете проверить компетенции нанятого специалиста самостоятельно, если вы не практик.

📍 Нет времени

На бесплатной диагностике за 10-15 минут укажу на ошибки мешающие росту продаж. Берите исправляй, получай больше заказов.

📍 Дорого

Да, услуги продвижения можно найти дешевле. Однако, Вы сейчас упускаете прибыли гораздо больше, чем могли бы заработать. Посчитайте сами сколько бы вы заработали при тех же показателях посещаемости сайта, если внедрить определенные элементы, которые увеличат количество заказов (конверсию сайта) в 2-3 раза?

📍 Нет денег

Потому и нет, что:— сайт не продающий (9 из 10 маркетологов запускают рекламу на сайт и не дают рекомендации по улучшению, чтобы заказов было больше)— реклама настроена с ошибками и вы сливаете свой бюджет,— подобраны не те каналы привлечения клиентов,— не правильно сделана SEO-оптимизация сайта в Яндекс/Google…

📍 Я подумаю

Хорошо, подумайте, пока вы будете думать, вы будете тратить денег больше, чем зарабатывать. Например при текущих показателях сайта, при помощи конверсии сайта (внедрения специальных кнопок и блоков) можно увеличить количество заказов в 2-3 раза. Сами посчитайте на сколько больше Вы сможет заработать.

👇 Не откладывайте! Пишите пока есть места: «ОшибкиСайтаТМ»

https://t.me/tolstenkoaa

☝ Уточню кое какие вопросы, определим дату и время созвона по видео связи. Расскажу про ошибки и как выстроить стабильную систему привлечения клиентов.

Telegram: https://t.me/tolstenkoaa

WhatsApp: https://wa.me/79112996909

TG «Толстенко PRO Маркетинг»: https://t.me/+V6SQiv8gcwoyMmUy

ВК: https://vk.com/tolstenkoaa

Рутуб https://rutube.ru/channel/37807177/

Ютуб https://www.youtube.com/channel/UCP9el99pUCTNIZwc0O_6FlQ/

ЧАСТО ЗАДАВАЕМЫЕ ВОПРОСЫ

Профессионально и прозрачно отвечаем сразу на ваши вопросы. Если не нашли ответ на свой вопрос - с радостью проконсультируем по телефону:
Вы работаете с любыми бизнесами?
+
-

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

Мне нужно постоянно контролировать процесс и быть вовлеченным?
+
-

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

Вы работаете по договору?
+
-

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

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

А что, если у нас пока нет бюджета на продвижение?
+
-

Я работаю гибко — всегда можно подобрать решение под реальные возможности бизнеса. Когда мы увидим рост трафика и заявок в Метрике, сможем пересмотреть объем работ и масштабировать поток заявок.

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

Часто проблема не в бюджете, а в том, что текущий маркетинг работает неэффективно.

Как я буду понимать, что над проектом идет работа?
+
-

При старте работ, создам рабочий чат по вашему проекту.

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

В конце месяца отправляем отчет с реальными данными из Метрики: трафик, количество заявок и ключевые показатели. Так вы полностью контролируете процесс и видите результат продвижения.

Какие гарантии вы даете, а если не сработает?
+
-

Единственная гарантия, которая 100% срабатывает — мы все рано или поздно умрем 🙂

А если серьезно: гарантий результата в маркетинге не существует.

Есть несколько факторов, которые влияют на конечный результат:

  • качество и объем работ продвижения;
  • скорость учета изменений поисковыми системами;
  • скорость внедрения рекомендаций со стороны бизнеса;
  • качество обработки заявок и продаж (узкое место многих проектов).

Но мы гарантируем качество работы: все задачи и сроки фиксируются в договоре, и мы их соблюдаем.

Сколько времени нужно, чтобы получить заявки?
+
-

Все зависит от инструментов и объема работ.

Реклама. Дает заявки сразу после запуска.

Через 2–4 недели можно оценить эффективность, когда накопится статистика и алгоритмы обучатся.
Стоимость заявки зависит от ниши, региона и конкуренции — в среднем от 1000 рублей и выше.

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

SEO. Работает дольше, но в перспективе это самый стабильный и дешевый канал привлечения клиентов.

Первые результаты обычно видны через 2–3 месяца, устойчивый поток заявок формируется через 6–12 месяцев.

Главное преимущество SEO — стабильный поток клиентов, который не зависит от рекламы
и со временем снижает стоимость каждой заявки.

Разберем реальные кейсы

Где SEO, реклама и маркетинг работают, как система и дают рост заявок и продаж до 5 раза
slider
Сэндвич панели на Авито
Авито
slider
Продвижение аграрного бизнеса
Таргет
slider
Реклама офтальмологической клиники
Контекст
slider
Разработка бьюти маркетплейса
Разработка
slider
SEO-продвижение центра коррекции зрения
SEO
Проконсультироваться можно бесплатно
Чтобы мы поняли какие услуги вам нужны и какое решение будет актуально для вас - мне необходимо с вами связаться и (или) встретиться

    Можете заполнить форму и я вам позвоню
    [telegram]
    Или свяжитесь с нами:
    me
    bg