для чего нужна пагинация

Зачем нужна пагинация и как ее оптимизировать

Когда на сайте появляется большое количество однотипных страниц, возникает необходимость структурировать их с помощью пагинации. Это упрощает навигацию по ресурсу для пользователя, но может создать проблемы в процессе SEO-продвижения. В этой статье вместе со специалистами по SEO-продвижению агентства интернет-маркетинга «Директ Лайн» подробно разберем, для чего нужна пагинация, а также ее типы и принципы создания.

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

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

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

Для чего нужна пагинация

Типы пагинаций

Рассмотрим наиболее распространенные варианты типов пагинаций на примерах.

Постраничная нумерация

В этом случае данные выводятся в определенном количестве на одной странице (например, 20 статей блога), а другие имеют порядковые номера. Это наиболее часто встречающийся вариант, который знаком и удобен большинству пользователей.

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

Пагинация галереи изображений

При реализации навигации для галереи изображений необходимо, чтобы каждая такая веб-страница имела свой URL-адрес. Этот вариант можно встретить на фотостоках.

Загрузка с помощью кнопки «Еще»

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

Бесконечная лента

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

Навигация по алфавиту

Если веб-ресурс носит вид каталога, то навигация по алфавиту может стать идеальным решением. Например, подобное часто встречается на медицинских ресурсах, в которых содержатся перечни лекарственных средств или терминов.

Комбинация вариантов

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

Юзабилити

SEO-оптимизация и пагинация

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

Рекомендации Яндекса

Со стороны Яндекса имеется рекомендация о том, что со всех страниц пагинации следует проставлять атрибут rel=»canonical» на первую. Т. е. первая будет являться главной – канонической, а последующие второстепенными, при этом в поисковой выдаче будет участвовать только первая. Это не влияет на индексацию контента (например, карточек товара), при этом не создаются дубли в поисковой выдаче.

Кроме этого, канонической можно установить ту, которая будет содержать весь перечень URL-адресов товаров (если говорить про интернет-магазины). При этом надо понимать, что атрибут rel=»canonical» в ссылке не является прямым указанием для поискового робота, а выступает в качестве рекомендации и может быть проигнорирован.

Поэтому, учитывая все рекомендации Яндекса, идеальным вариантом будет определить в качестве канонической страницы первую в списке пагинации.

Рекомендации Google

Начнем с того, что подходящий для Яндекса вариант с rel=»canonical» Google считает ошибкой. До 2019 года в официальной справке фигурировали директивы rel=»next» и rel=»prev», но после этого информация была удалена и данные атрибуты более не учитываются Google.

Google рекомендует создать отдельную веб-страницу, на которой будет собран весь ассортимент, но, как показали примеры выше, этот вариант не подходит для объемных веб-сайтов.

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

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

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

Источник

Что такое пагинация и как ее сделать на страницах сайта

Пагинация — это необходимость для каждого большого сайта. Сколько статей или карточек товара может быть на крупном веб-ресурсе? Десятки, сотни, тысячи… Ориентироваться в таком количестве страниц пользователю очень трудно. И тут без пагинации не обойтись.

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

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

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

Пагинацией называется разделение большого массива данных, имеющихся на сайте, на отдельные страницы для удобства использования.

Существуют следующие виды пагинации:

Ни один из этих типов не имеет особых преимуществ перед другими. Какой применить на своём сайте — дело вкуса веб-мастера.

Модуль е-коммерс

Зачем нужна пагинация

На сайте она решает несколько задач:

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

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

Чтобы выполнить настройку пагинации самостоятельно, потребуются определённые навыки. Чаще всего веб-мастера сталкиваются с необходимостью сделать её на языке PHP. Перед началом работы важно точно узнать, какое количество элементов (статей, карточек товара и т. п.) представлено в системе и во сколько страниц пагинации они будут объединяться.

При настройке этого механизма используются параметры:

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

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

На каждую пагинационную страницу посередине нужно вставить:

На последней, соответственно, будет код:

Другой вариант — использовать специальный скрипт. Например, для этой цели подойдёт simplePagination. Его необходимо скачать и установить на сайт. Предварительно на последнем потребуется подключить фрэймворк jQuery.

Пагинация страниц в WordPress

К счастью, чтобы настроить пагинацию, необязательно осваивать работу с кодом. Например, в WordPress эта задача решена по умолчанию. Если вы не выполняете никаких настроек, в нижней части каждой страницы появляются ссылки Next post (Следующий пост) и Previous Post (Предыдущий пост). Это тоже своеобразная пагинация, но можно представить её и в другом виде.

Для этого понадобится специальный плагин. Чтобы их найти, достаточно воспользоваться поиском WordPress.

Несколько примеров плагинов для WordPress:

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

Настройка пагинации

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

При настройке обратите внимание на следующие моменты:

Особенности настройки пагинации WordPress

Прежде, чем активировать и настраивать нужный плагин, требуется выполнить настройки самой системы. Здесь нужно задать сколько постов выводить на одной странице. Для этого:

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

Проблемы с пагинацией при SEO

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

Типичные сложности поисковой оптимизации сайтов с пагинацией:

Решение для всех проблем с SEO на сайте в этом случае будет одно — закрыть страницы с пагинацией от индексирования поисковыми роботами. Этого эффекта можно достичь несколькими способами.

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

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

Этот тег добавляют на все страницы каталога, исключая первую. Прописать его нужно в раздел вручную и именно на это на многостраничном сайте уйдёт много времени. Важно, чтобы ссылка (URL ) первой страницы не повторялась.

Преимущества данного способа:

Недостатки также есть:

“ Смотреть все” и rel=”canonical”

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

Rel=”prev”/”next”

Выше уже упоминался способ «Предыдущая публикация» и «Следующая публикация», который по умолчанию используется для WordPress. Однако воспроизвести данное решение можно на любом сайте. Для небольших веб-ресурсов это весьма удобный вариант.

Эти конструкции нужно добавить на каждую страницу. Однако в зависимости от её места в пагинации они будут выглядеть по-разному:

AJAX и прокрутка Javascript

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

Это может происходить по двум сценариям:

С точки зрения SEO более предпочтительным будет второй вариант с любой формулировкой.

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

Выход: использовать совместно ссылки вида r el=”prev”/”next” и rel=”canonical”. Для каждой страницы, которая служит адресом ссылки в другом звене цепочки, создаётся каноническая для перенаправления.

С уточнениями такой метод нужно использовать там, где есть множество страниц с уникальным содержанием, которые необходимо индексировать. Например, если взять товарные карточки несколько брендов кроссовок, ошибкой будет формировать их в единую цепь ссылок с использованием rel=”canonical”, так как в этом случае они не попадут в индекс.

Оптимальным решением будет разделить эти бренды и создать для каждого из них уникальную цепочку ссылок типа r el=”prev”/”next”. Важно также прописать для товаров каждой из них уникальный Title и Description.

Сквозная аналитика

Заключение
Пагинация на многостраничном сайте повышает уровень комфорта его использования и помогает пользователям быстрее найти нужную информацию.
Существует несколько видов пагинации и способов реализации этого механизма на веб-ресурсе. Можно отдать предпочтение как внесению изменений в HTML-код, так и установке специальных плагинов — это не играет особой роли.
Но к вопросу SEO-оптимизаци сайта с пагинацией нужно подойти серьёзно. Какой из четырёх способов предпочесть зависит от приоритетной поисковой системы (Яндекс или Google), количества элементов и многих других параметров. Правильно настроенная пагинация только повысит позиции сайта в поисковой выдаче, но любые ошибки в настройках могут стоить веб-мастеру дополнительных усилий и времени.

Источник

Правильная оптимизация страниц пагинации

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

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

Далеко не все сайты располагают всем контентом на одной странице. Зачастую мы натыкаемся на мультистраничные ресурсы. Так устроены каталоги интернет-магазинов типа Ozon, Wildberries и Комус.

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

Поэтому нужна пагинация — деление сайта на отдельные страницы с похожим наполнением ради удобства и сокращения времени загрузки. Проще говоря, это кнопки с цифрами 1, 2, 3, 4… в меню. Каждая из них ассоциируется с определенной страницей, а на каждой странице отображается определенный набор элементов.

В случае с интернет-магазинами — одежда одного бренда или товары из одной категории.

На некоторых ресурсах пагинация реализуется через скрипты AJAX. Новые элементы подгружаются по ходу скроллинга. Пока пользователь листает страницу вниз, скрипт загружает новые единицы товара и показывает их ему. При этом появляющаяся «пачка» контента все еще может быть идентифицирована как та же страница.

Зачем использовать пагинацию?

Есть как минимум 2 веских повода изучить эту сущность и реализовать ее на своем ресурсе.

Чтобы посетители были довольны

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

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

Вебмастерам и пользователям проще будет понимать, где и какая информация находится, а также иметь представление о том, насколько большая база данных используется на посещаемом сайте. Еще удобнее, когда есть цифры. Это дополнительный ориентир.

Пагинация воспринимается как норма на новостных ресурсах и в электронной коммерции, поэтому пренебрегать ею не стоит. Посетители не поймут отсутствия пагинации.

Как пагинация влияет на параметры SEO?

Пагинация — не просто удобный способ организовать информацию и облегчить жизнь посетителям веб-сайта. Это механизм влияния на SEO. Его нужно обуздать, чтобы возможность правильно категоризовать товары не стала проблемой для показателей SEO и взаимодействия страницы с поисковиками.

Индексация

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

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

То есть сократить количество индексируемых элементов и расставить приоритеты.

Дублирование контента

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

Дубли будут замечены и в уже выставленных параметрах SEO. Поэтому роботу дублированные материалы не понравятся. Он начнет занижать позиции в поисковиках и портить репутацию ресурса.

Появление бесполезного контента

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

Некорректное ранжирование

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

Гораздо лучше это сработает, если будет одна страница, захватывающая больше внимания, чем много страниц, захватывающих минимум внимания Гугл- и Яндекс-ботов. Это будет более качественная SEO-стратегия.

Как правильно настроить пагинацию?

Далее поговорим об оптимизации пагинации. А в конце дам пару советов по поводу правильной настройки.

Можно ли оставить эти параметры без оптимизации? Такое поведение рекомендует Google, но я бы не советовал этого делать. Вы уже в курсе, как корявая пагинация влияет на SEO-показатели сайта. Все три проблемы с большой долей вероятности возникнут, если никак не участвовать в оптимизации. Так что вариант для ленивых рассматривать не будем.

Да, необязательно тратить время на настройку. Да, и так все должно работать. Вопрос в эффективности. Если не волнует, то можно забить и дальше не читать статью. Если волнует, то будем оптимизировать.

Настроить тег rel=«canonical»

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

Второй вариант предпочтительнее. Робот будет чаще «просматривать» одну из частей ресурса, положительно влияя на ее ранжирование. Вместе с этим на ранжирование сайта в целом.

Для этого используется HTML-атрибут rel=«canonical», сообщающий Гуглу и Яндексу, что страницы пагинации привязаны к одному каноничному адресу. Его и надо индексировать.

Инструкция по настройке каноничного URL-адреса

Настроить тег rel=«canonical» с кнопкой show-all

Минусы сведения пагинации к каноничному адресу

При попытке оптимизировать через show-all вы наткнетесь на следующие недостатки метода:

Настроить теги rel=«next» и rel=«prev»

Я не буду рассматривать этот вариант, потому что в прошлом году Google скорректировала работу алгоритмов поискового робота. Теги rel=«next» и rel=«prev» теперь бесполезны. Гуглу на них плевать.

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

Инженер Google Илья Григорик сказал, что их робот больше не ориентируется на сигналы в духе prev и next для индексирования сайтов. Но рекомендует их использовать, чтобы адаптировать ресурс для людей с ограниченными возможностями. На SEO это влияние не окажет.

Скрыть части пагинации от поисковых роботов

Этот метод тоже не рекомендуется использовать. Но можно вообще убрать всю пагинацию из страниц, доступных для индексации. Для этого в head вставляется метатег noindex или nofollow.

Настройка под поисковики

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

Под Google

Описанные выше методы подходят Гуглу в полной мере. Никакие дополнительные настройки не нужны. Можно сказать, что инструкция заточена как раз под американский поисковик.

Под Яндекс

Яндекс работает по тому же принципу, но игнорирует канонические адреса в ряде случаев:

А еще представители Яндекса рекомендуют прописывать метатеги noindex, чтобы избегать дублирования контента.

Другие советы по настройке пагинации

На этом все. Организуйте данные красиво, убирайте дубликаты и настраивайте канонические адреса. Этого хватит, чтобы оба поисковика полюбили настройки пагинации на вашем сайте.

Источник

Правильная индексация страниц пагинации

Пагинация (pagination, пейджинг, листинг) происходит от слов «page» и «navigation» и в буквальном смысле означает «постраничную навигацию». Вывод массива данных (например товаров в категории интернет-магазина) с разбиением на несколько страниц.

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

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

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

Google же предлагает три варианта реализации:

Первый вариант отметаем сразу, так как в Яндексе будет полный беспорядок.

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

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

Чтобы найти компромисс между рекомендациями Яндекса и Google, мы в своей работе придерживаемся следующих правил:

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

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

Ждите новые заметки в блоге или ищите на нашем сайте.

Источник