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

Один из самых частых вопросов в профильных блогах и на форумах от новичков связан с публикацией обширных материалов: как лучше размещать контент: на одной странице или на разных? Эта проблема может быть связана как с объемом материала (статьи с большим количеством символов), так и с числом карточек на сайте (например, если товаров много). Самый простой способ решения этого вопроса - пагинация. В сайтостроительстве этим термином называют порядковую нумерацию веб-страниц. И дальше мы поговорим о том, как ее настроить и как она может повлиять на индексацию сайта.

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

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

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

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

• возникновение дублей страниц;
• долгая индексация при большом количестве карточек;
• появление «бедного контента»;
• повтор заголовков;
• наполнение сайта малозначительными страницами;
• нежелание клиента посещать все страницы;
• включение пагинации в дизайн.

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

Итак, сначала договоримся о том, что для продвижения сайта в ТОП пагинация, в принципе, ни к чему: нам достаточно было бы и главной страницы (утрирую, но все же). А вот для получения заказов она очень даже важна - пока все товары не будут проиндексированы роботом, найти их пользователь вряд ли сможет. Большую роль играет она и в юзабилити - пользователю должно быть удобно при перемещении между категориями/каталогами/карточками.

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

Например, самый частый вариант организации каталога на продающих сайтах сегодня выглядит так: Главная > Чайники > Список моделей с пагинацией.

Можно представить это по другому: Главная > Чайники > Производители > Список моделей. Если и этого недостаточно, добавляем еще уровни каталогов: Главная > Чайники > По объему > Список моделей. Но это - не выход для магазинов, у которых таких каталогов придется создать массу, даже далее 2 и 3 уровня. Зато такой подход решает вопрос с динамическими страницами, поскольку фильтры создавать бессмысленно.

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

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

Некоторые оптимизаторы предпочитают использовать атрибут rel=»canonical». Для Google - это лучший вариант, а вот Яндекс, процитирую, «читает ссылку с атрибутом rel=»canonical» не строгой директивой, а предлагаемым вариантом, который учитывается, но может быть проигнорирован». То есть, если контент на страницах отличается, робот все равно проиндексирует их, не обращая внимания на атрибут (хотя Платон рекомендует использовать этот атрибут). Кроме того, потребуется создание страницы, на которой будет выводиться весь товар. Она-то и должна быть указана в качестве канонической. Ну и та же проблема, что с - нужно прописать атрибут на динамических страницах при наличии фильтров для вывода товаров.

Еще один вариант для Google - использование rel=»prev»и rel=»next». Яндекс с ними, к сожалению, не работает. Суть данного метода состоит в том, что робот ПС при индексации страниц объединяет те, на которых прописан код с использованием данных тегов. При этом создается «единая» страница со списком всех карточек, а контент из индекса не исключается.

Ну и напоследок вспомним об AJAX, методами которого можно обеспечить загрузку карточек при прокрутке страниц. Пожалуй, один из оптимальных методов, которым пользуются многие сайты (например, так организованы каталоги ДНС.ру).

Страницы пагинации SEO

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

• на каждой странице увеличиваем количество отображаемых элементов (это позволит сократить общее число страниц - пусть у вас будет 15 карточек, а не 10 на одной странице);
• title для каждой страницы (кроме первой) должен содержать номер;
• description оставляем только для первой страницы, а keywords не используем на страницах пагинации вообще;
• продающий текст с ключами не должен дублироваться: или пишем отдельно для каждой страницы, или выводим только на первой;
• старайтесь не разбивать статьи, если это делается средствами сайта, а не вручную с учетом необходимости продвижения каждой страницы по ключу (canonical, конечно, подойдет, но только для Google);
• не забывать про ссылку на страницу «посмотреть все»;
• позвольте пользователю самому определять количество товаров, выводимых на странице.

Все описанное выше подходит, в основном, для . Пагинация на форумах, например, обладает своей спецификой - от нее никуда не деться и лучше не трогать. Правда, если есть возможность организовать общение и комментирование как на «Пикабу» или «Хабрахабр», это будет отлично. Ну и для разных типов отображения страниц (только текст, порядок и т.д.) не забываем про rel=»canonical».

Мы выпустили новую книгу «Контент-маркетинг в социальных сетях: Как засесть в голову подписчиков и влюбить их в свой бренд».

Подписаться

Что такое pagination ?

Различается несколько видов:

• прямой с нумерацией (1,2,3)
• прямой с указанием позиций в списке (1−20, 21−40)
• обратный с указанием позиций в списке (новое, 600−31, 30−1)

Основные минусы

Временной лимит посещения сайта поисковыми роботами

Да, не только людям свойственна нехватка такого тягучего и вечно ускользающего вещества как время. Пребывание бота на страницах сайта строго лимитировано. Количество проведённого времени определяется за счёт соотношения частоты обновления контента, траста и некоторых других показателей. Естественно, что отведённого временного интервала на индексацию всех необходимых страниц ресурса боту не хватит. Особенно если он потратит его на проверку огромного количества вкладок пагинации (товаров, статей, видео и т. д.).

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

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

Человеческий фактор

Большинство пользователей обычно просматривают не более 2−3 страниц из предложенного списка. Следовательно, с позиции ниже 10-той - трафика можно не ждать.

Неудобство юзабилити

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

Не нужно, но… необходимо

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

Способы решения проблем SEO оптимизации постраничного пейджинга

1. Расширение навигации сайта

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

2. Устранение постраничной навигации страниц пагинации посредством noindex

Плюсы:

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

Минусы:

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

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

Данная процедура осуществляется посредством добавления в мета-тега:

Советы:

• Размещая оптимизированный текст-описание для главной каталога, позаботьтесь о том, чтобы он выводился только на первую страницу.
• Проследите за тем, чтобы URL для главной не дублировался.
• Создайте XML карту сайта.

3. Запрет индексации сайта при помощи файла robots. txt

Просто прописываем директиву: Disallow: /category/pagе

Минус: Исключает контент со всех страниц листинга, кроме первой.

4. Тег canonica l и страница «Смотреть всё» для страниц пагинации

Плюсы:

• Понимает как Google, так и Яндекс (для Google является приоритетным способом исключения из индексации).
• Вся информация индексируется через веб-страницу «Смотреть всё».

Минусы:

• Качество картинок и общий объем контента будет под определёнными ограничениями.
• Увы, для поисковой системы Яндекса canonical не является директивой. Если контент на страницах пейджинга не будет идентичен, то поисковой бот обязательно проигнорирует этот тег.
• Благодаря большому количеству фильтров и страниц, возрастает количество динамических страниц на которых нужно прописать данный тег.

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

Достаточно прописать в следующую строку:

Совет:

• Уменьшите разрешение объема товаров. Это исключит проблему долгой прогрузки страниц.

5. Asynchronous Javascript and XML

Плюсы:

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

Главная идея данного варианта SEO оптимизации - при прокрутке страницы вниз, автоматически подгружается новый контент. Достигнуть такого результата можно при помощи AJAX (Asynchronous Javascript and XML), позволяющей осуществлять обмен данными между сервером и браузером в фоновом режиме.

6. Решение проблемы пагинации при помощи тегов rel="prev"и rel="next"

Плюсы:

• Индексации подвергается весь контент.
• Не требует сложного ПО.

Минусы:

• Данный тег не воспринимает Яндекс.
• HTML код прост, но создается большой объем работы для прописывания всех необходимых цепочек.

Принцип достаточно лёгок: при помощи тегов Google получает команду при индексировании объединить все страницы, на которых прописан данный код, в одно целое.

Пример для трёх страниц каталога:

• для первой

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

Общее

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

Первоначальное определение

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

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

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

Автоматическая

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

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

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

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

Раздельная

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

Вместе с этим термином появляется понятие "фолиация". Оно толкуется как нумерация, но не каждой страницы, а каждого листа. Отсюда и подобная терминология (в переводе с латинского folio это - «страница»).

Развитие

Далее наш термин появляется в основах веб-программирования. Пагинация используется дизайнерами, которые толкуют её по-другому. Для них этот термин означает показ определенного количества информации на одной веб-странице. К примеру, в результатах поиска показывают 10 страниц. На форуме может быть использовано 20-30 тредов и т. д.

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

Поисковая оптимизация

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

Итак, на русском эта аббревиатура звучит как «поисковая оптимизация». В английском она расшифровывается как search engine optimization. Если не вникать в специализированную терминологию, то перед нами - специализация, которая занимается внешней и внутренней оптимизацией сайта для того, чтобы он поднял свои позиции в поисковой выдаче.

Можно это объяснить на примере. Итак, вы решили открыть магазин детских игрушек. Для этого создали сайт, а что дальше? Ведь самостоятельно без вашей помощи он не станет появляться сразу у всех людей, которые ищут детские игрушки.

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

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

Проблемы

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

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

• Ограниченная работа поискового робота.
• Дубликаты.

Ограничения

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

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

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

Дубликаты

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

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

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

Решение

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

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

Вручную

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

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

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

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

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

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

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

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

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

Универсальный

Следующий метод борьбы с пагинацией - это использование Rel=“prev”/“next”. Считается, что это хотя и универсальный вариант для Google, все же очень непростой, а для новичков еще и опасный.

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

Оптимизация пагинации

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

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

Выводы

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

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

К примеру, могут использовать прямую нумерацию (1, 2, 3, 4…). Есть вариант прямой нумерации, но с указанием количества товаров в списке. К примеру, на каждой странице по 10 товаров, тогда пагинация будет выглядеть так: 1-10, 11-20, 21-30 и т.д. Есть в веб-программировании и использование обратной пагинации.

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

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

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

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

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

Бесконечный скроллинг

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

Достоинства:

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

Недостатки:

• Нет возможности добавить свое местоположение в закладки, если нужно вернуться позже;
• После закрытия сайта, чтобы попасть в эту точку снова, приходится проделать весь путь с самого начала;
• Невозможно определить свое положение и в результате испортится весь опыт взаимодействия с продуктом;
• Не отражает реального объема доступных данных;
• Тяжело (невозможно) добраться до футера.

Классическая пагинация

механизм, который делит контент на отдельные страницы.

Достоинства:

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

Недостатки:

Прерывание состояния «потока» при поиске информации.

Новоизобретенная пагинация

Проанализировав достоинства и недостатки двух топовых видов, изобрела третий, который включает достоинства и выключает недостатки первых двух.

Надеюсь, на картинке все понятно, но, на всякий случай, даю пошаговый рецепт блюда:

1. Берем постраничную пагинацию и «клеим» ее к правому краю сайта;
2. Фиксируем. При прокрутке страниц пагинация остается, а страницы меняются. Как вариант, можно «клеить» внизу экрана.

Стрелки вниз/вверх - начало/конец страницы;
Высота, ширина, внешний вид - на свой вкус. Если страниц много - опять используем прием классической пагинации: 1 2 3 4 5… 10

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

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

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

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

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

P.s. при написании статьи был использован материал и картинки из

Для начала небольшая справка:

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

В большинстве случаев применяется для главных страниц и разделов. Зачастую выглядит так:

Детально про то, что такое пагинация описано в Википедии .

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

Ближе к делу!

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

Лимит посещение поисковыми роботами для вашего сайта

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

Проблема с дубликатами

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

На данный момент у SEO специалистов есть 4 способа для решения данной проблемы.

Вариант 1. Удаление постраничной пагинации из индекса с помощью noindex

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

Реализуется он следующим способом: такой мета-тег

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

Нюансы , которые следуют учесть:

• если вы размещаете текст описания главной страницы каталога, то его все равно желательно размещать только на первой странице .
• следует проверить чтобы при не дублировался URL первой страницы. Например, если пагинации у вас реализована таким образом:

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.

Плюсы

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

Минусы

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

Вариант 2. «Смотреть всё» и rel=“canonical”

Данный способ рекомендует использовать Google: его суть заключается в создании отдельной страницы «Смотреть всё», где выводятся все товары/страницы из данного каталога, а на всех страницах пагинации мы проставляем rel=“canonical” на страницу «Смотреть всё».

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

.

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

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

Нюансы:

Страница «Смотреть всё» должна довольно быстро загружаться , желательно в пределах 1-3 секунды. Поэтому, такой способ идеально подходит для категории у которых кол-во страниц с пагинацией от 5 до 20 и не подходит для каталогов у которых сотни страниц пагинации.

Плюсы:

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

Минусы:

• не подходит если много страниц или много качественных картинок для товаров/статей.
• довольно сложная реализация на большинстве стандартных CMS.

Вариант 3. Rel=“prev”/“next”

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

Например, вы имеете 4 странице в каталоге:

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

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

Для третьей страницы делаем аналогично второй

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

.

Используя данные атрибуты rel=»prev»/»next», Google объединяет данные страницы в единый элемент в индексе. Как правило для пользователей, это будет первая страница, так как обычно она является наиболее релевантная страница.

Нюансы:

• rel=»prev» и rel=»next» являются для Google вспомогательными атрибутами, а не директивами.
• в качестве значений могут использоваться как относительные, так и абсолютные URL (в соответствии с допустимыми значениями тега
• если указать в документе ссылку , относительные пути будут определяться на основе базового URL
• если Google обнаружит ошибки в вашей разметке (например, если отсутствует ожидаемое значение атрибута rel=»prev» или rel=»next»), дальнейшее индексирование страниц и распознавание содержания будет выполняться на основе собственного эвристического алгоритма Google.
• следует проверить чтобы при не дублировался URL первой страницы

Плюсы:

• позволяет решить проблему пагинации без использования «Смотреть всё»
• реализация происходит лишь с незначительными изменениями в HTML

Минусы:

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

Вариант 4. AJAX и Javascript прокрутка

Вы вероятно, столкнулся с бесконечными прокруткой товаров на сайтах электронной коммерции, на которых товары постоянно загружаются при прокрутке к нижней части экрана. Хотя это и хорошая возможность улучшить юзабилити, этот метод также необходимо использовать правильно. Желательно, чтобы товары не автоматически загружались при прокрутке, а внизу, под последними товарами, была кнопка «Показать еще N товаров». Хорошую реализацию данного метода вы можете посмотреть на сайте wikimart.ru побродив по конечным веткам каталога.

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

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

• сесионные переменные,
• сортировки,
• изменение кол-ва элементов на страницу.

В таком случае мы получаем дубли контента. Решением такой проблемы может быть использование сочетания rel=»prev»/»next» и rel=”canonical”.

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

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

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