Пагинация: как сделать правильно, инструкция по настройке
Как сделать постраничную пагинацию, оставлять ли страницы пагинации в индексе или закрывать их от индексации страницы пагинации, требования к страницам пагинации поисковых роботов Яндекс и 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 РАЗ
👇 Пишите в личные сообщения кодовое слово: «ПагинацияТМ»
☝ Уточню кое какие вопросы, определим дату и время созвона по видео связи.
ЧТО ВЫ ПОЛУЧИТЕ ОТ КОНСУЛЬТАЦИИ?
1) За 10-15 минут проведу БЕСПЛАТНУЮ диагностику вашего бизнеса и отвечу на все ваши вопросы.
2) Расскажу, как увеличить прибыль в 2-5 раз за 30 дней и сделать стабильную систему привлечения клиентов.
3.) Подарю SEO-аудит сайта стоимостью 5900 рублей — Берите, исправляйте технические ошибки, получай рост позиций в Яндекс/Google и продаж.
4) Расскажу, кто ваши конкуренты, сколько они получают посетителей. Сравните цифры со своими показателями сайта, поймете туда ли вы движетесь и какой потенциал роста бесплатного трафика еще есть.
5) Проанализирую платную рекламу, укажу на ошибки, которые сливают ваш рекламный бюджет в трубу — Берите, исправляйте, снижайте стоимость заявки (лида).
Всё это по записи в личных сообщениях.
По кодовому слову: «ПагинацияТМ»
☝ В месяц на продвижение беру не более пяти новых проектов.Количество бесплатных диагностик: 10 шт на месяц. Есть ли места, уточняйте в личных сообщениях.
КАКИЕ ОТМАЗКИ ПРИДУМЫВАЮТ КЛИЕНТЫ ПРЕЖДЕ ЧЕМ ПРИЙТИ НА КОНСУЛЬТАЦИЮ
📍 Да и так вроде все нормально
А могло бы быть и лучше, просто вы не знаете об этом и вам никто не говорил, что может быть лучше. Просто вы не сможете проверить компетенции нанятого специалиста самостоятельно, если вы не практик.
📍 Нет времени
На бесплатной диагностике за 10-15 минут укажу на ошибки мешающие росту продаж. Берите исправляй, получай больше заказов.
📍 Дорого
Да, услуги продвижения можно найти дешевле. Однако, Вы сейчас упускаете прибыли гораздо больше, чем могли бы заработать. Посчитайте сами сколько бы вы заработали при тех же показателях посещаемости сайта, если внедрить определенные элементы, которые увеличат количество заказов (конверсию сайта) в 2-3 раза?
📍 Нет денег
Потому и нет, что:— сайт не продающий (9 из 10 маркетологов запускают рекламу на сайт и не дают рекомендации по улучшению, чтобы заказов было больше)— реклама настроена с ошибками и вы сливаете свой бюджет,— подобраны не те каналы привлечения клиентов,— не правильно сделана SEO-оптимизация сайта в Яндекс/Google…
📍 Я подумаю
Хорошо, подумайте, пока вы будете думать, вы будете тратить денег больше, чем зарабатывать. Например при текущих показателях сайта, при помощи конверсии сайта (внедрения специальных кнопок и блоков) можно увеличить количество заказов в 2-3 раза. Сами посчитайте на сколько больше Вы сможет заработать.
👇 Не откладывайте! Пишите пока есть места: «ОшибкиСайтаТМ»
☝ Уточню кое какие вопросы, определим дату и время созвона по видео связи. Расскажу про ошибки и как выстроить стабильную систему привлечения клиентов.
—
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/
ЧАСТО ЗАДАВАЕМЫЕ ВОПРОСЫ
Все ли проекты берете на продвижение?
Нет, не работаем с «серыми» нишами и сомнительными проектами.
Всегда рады понятному и твердому бизнесу.
Нужно ли мне постоянно быть включенным в процесс?
Нет, не нужно. Мы способны с командой самостоятельно решить любой вопрос. От вас требуется только оперативное выполнение моих рекомендаций, основные из которых обычно в самом начале работы. А после 1-2 месяцев работы ваша включенность практически не требуется. Только обсуждение предложений и небольшие корректировки.
Работаете ли вы по договору?
Да, заключаем официальный договор с подробным техническим заданием. Техническое задание согласовывается и подписывается каждый месяц работ.
Как можно оплатить Ваши услуги?
Работаем с юридическими и физическими лицами. Предоплата происходит по договору на расчетный счет юридического лица.
В течение месяца нужно будет понести определенные расходы. Например: заказать тексты, купить ссылки, привлечь других специалистов и т.д.
Что нужно для начала работ?
Написать в личные сообщения или оставить заявку на сайте.
Затем выйдем с вами на связь и зафиксируем все ключевые моменты для дальнейшей работы. Дальше мы работаем над задачами и фиксируем результаты в общем с вами чате.
Как я буду понимать, что идет работа над моим проектом?
Мы создаем чат по проекту, в ходе работ обсуждаем все рабочие вопросы, вы видете ход работ. В конце месяца, присылаем отчет по выполненным задачам.
Какие гарантии вы даете?
Даем гарантию на качество своих работ. Все сроки и задачи мы фиксируем в дороговоре и придерживаемся его.

