Пагинация страниц и способы её реализации на сайте

page_watches 262634 page_stars
img-border Checking pagination with Sitechecker

Содержание

 

 

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

 

Пагинация (Pagination) – это порядковая нумерация страниц, которая в основном размещается вверху либо внизу страниц сайта.

Преимущественно пагинацию используют на основных страницах либо разделах. Всё это выглядит вот так:

 

img-border
Pprevnext implementing of pagination on Ahrefs blogimg-close

 

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

 

Лимит посещаемости вашего сайта поисковой системой

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

 

Проблема дублирования

Структура пагинации страниц вашего сайта может также вызвать эффект дублирования, вследствие чего на некоторых страницах сайта появится дублированное (идентичное) содержание. Кроме того, вы увидите, что на сайте присутствуют повторяющиеся мета-теги title и description. В такой ситуации дубли контента усложнят индексирование вашего сайта поисковыми системами. Они не смогут определять наиболее релевантный контент по текущим поисковым запросам.
Решить эту проблему можно 4 основными способами.

 

Решение 1. Удаление страницы пагинации из индекса с помощью noindex

 

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

Это делается следующим способом:

Мета-тег

 

<meta name="robots" content="noindex,follow" />

 

добавляется в раздел HEAD на всех страницах, за исключением первой. Благодаря этому мы сможем исключить полный набор страниц пагинации из индекса, кроме главного раздела каталога, а также обеспечим индексирование полного списка элементов / страниц, которые относятся к указанной директории. Также стоит отметить некоторые нюансы:

site.com/catalog?page=2
site.com/catalog?page=3

site.com/catalog?page=N

Стоит добавить ссылку на первую страницу, если вы находитесь за ее пределами

site.com/catalog

а с этой страницы

site.com/catalog?page=1

должны быть проставлены 301 редиректы на site.com/catalog.

 

Плюсы

 

Минусы

 

Решение 2. “Смотреть все” и rel=”canonical”

 

Такой способ требует использования Google, чтобы создать отдельную директорию «Просмотреть все», где будут располагаться ссылки на все продукты / страницы из этого каталога. А на любой из страниц пагинации мы проставляем rel=”canonical” на страницу «Просмотреть все».

Внедрение такого способа: после создания страницы «Просмотреть все» (например, это site.com/catalog/view-all.html), разметите на всех страницах пагинации в секции HEAD следующий код:

 

<link rel="canonical" href="http://site.com/catalog/view-all.html" />

 

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

 

Нюансы

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

 

Преимущества

 

Недостатки

 

Решение 3. Rel=”prev”/”next”

 

Последний предложенный вариант решения проблемы может показаться наиболее запутанным. Но он является самой универсальной методикой для Google (Yandex не принимает во внимание эти инструкции). В силу сложности реализации техники, нужно проявить максимальную осторожность при внедрении текущего метода. Давайте разберемся, как это работает.

Например, в вашем каталоге имеется четыре страницы. Применяя атрибуты rel=”prev”/”next”, вы сможете создать цепочку, связывающую все составляющие директории. Такая цепочка берет начало на первой странице. Для этого вставьте в секцию HEAD такой код:

 

<link rel="next" href="http://site.com/page2.html">

 

Для первой страницы он должен быть единственным атрибутом. А для каждой последующей страницы следует указывать как предыдущую и следующую с помощью кода. Так делаем для второй страницы:

 

<link rel="prev" href="http://site.com/page1.html">
<link rel="next" href="http://site.com/page3.html">

 

Для третьей страницы используем тот же алгоритм:

 

<link rel="prev" href="http://site.com/page2.html">
<link rel="next" href="http://site.com/page4.html">

 

А в случае, если мы на 4-й странице, которая является последней, то указывается лишь предыдущая в последовательности:

 

<link rel="prev" href="http://site.com/page3.html">

 

Google использует атрибуты rel=”prev”/”next”, чтобы объединить страницы цепочки в одно целое в своем индексе. В основном репрезентативной становится первая страничка последовательности, поскольку она подходит больше всего.

 

Нюансы

 

Преимущества

 

Недостатки

 

Решение №4. AJAX и прокрутка Javascript

 

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

Эксперты считают, что новые элементы не должны загружаться в автоматическом режиме. В этом контексте подойдет кнопка «Показать больше».

 

Правильное использование параметров

В случае применения атрибутов rel=”prev”/”next”, пагинация может включать параметры, которые не меняют контент:

В этом случае мы получим дублированный контент. Для исправления ситуации следует комбинировать rel=”prev”/”next” и rel=”canonical”. Чтобы сделать это, сперва следует убедиться, что все страницы страниц с rel=”prev”/”next” пользуются одинаковым параметром. Во-вторых, для каждого URL с параметром следует зафиксировать отдельную каноническую страницу без этого параметра.

 

Правильное использование фильтров и rel=”prev”/”next”

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

 

В таком случае

 

Заключение

 

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

1 Star2 Stars3 Stars4 Stars5 Stars (11 votes, average: 5.00 out of 5)
Loading...

Interesting now

Как провести анализ ссылочного профиля конкурентов с помощью Ahrefs и Linkstrategy?

Один из мифов, который Google успешно распространяет среди веб-мастеров и SEO-специалистов последние годы - это

Значение микроразметки Schema.org для SEO и примеры её внедрения

Что такое микроразметка Schema? И что такое структурированные данные? Можете ли вы дать определение

Что такое посадочная страница и как правильно её создать?

Сегодня многие веб-мастера начинают спрашивать себя, как самостоятельно создать посадочную страницу на Joomla,

Правила создания страницы благодарности

С детства нас учат благодарить наших родителей за то, что они делают для нас. Когда ты говоришь спасибо это

Какой должна быть плотность ключевых слов на странице?

Плотность ключевых слов или тошнота ключевых слов - это частота повторения целевых запросов. Как вычислить

Что такое возраст домена и как он влияет на позиции сайта в поиске?

Сегодня множество SEO менеджеров и веб-мастеров в работе регулярно используют программы и инструменты для

Show more

sent-mail

Ссылка на пароль была отправлена вам на e-mail

Пароль изменен