Пагинация – деление контента по страницам, одна из важнейших тем для каждого вебмастера. При наличии немалого количества контента, без разбиения его на страницы практически не обойтись. К тому же, благодаря пагинации контентом удобнее пользоваться, да и есть много моментов SEO, о которых нельзя забывать.
Пронумеровать страницы – это не ракету построить. Но, если рассматривать это со стороны , то следует упомянуть о некоторых нюансах, которые нельзя упускать. Перед тем, как начать разбираться во всех мелочах, стоит уяснить, какие бывают виды пагинации страниц и проблемы, которые могут при этом возникать.
Многие, задумываясь над пагинацией страниц, представляют всего один-два ее типа, однако на самом деле есть намного больше таких методик. По многим критериям они напоминают друг друга, но при этом есть и большая разница между ними, проявляющаяся в удобстве использования и функциональности.
1. Разбивка статей
Один из наиболее популярных типов пагинации. Если у вас имеется довольно длинная статья, которую не хотелось бы выводить на одной страничке, вы можете разбить ее на несколько страниц. Реализовать это очень просто: разбиваете статью на части, публикуете их на разных страницах, а затем внутри каждой из них устанавливаете кнопки «Следующая» и «Предыдущая».
Соответственно, у каждой страницы будет свой URL-адрес, к примеру:
К каждой части вашей статьи может быть применено свое имя. Таким образом, к примеру, вместо vasha_statya-1.html вы легко можете использовать chast_name.html, в котором chast_name будет являться наименованием раздела. Однако, учтите, что это может вызвать некоторые трудности при поисковой оптимизации, поэтому, лучше всего, использовать метод 1,2,3.
1. Пагинация галерей
Для реализации пагинации галереи с картинками нужно, чтобы у каждого изображения в этой галереи была своя страничка. Тут так же, как и с разбивкой статей, вы можете указывать номер изображения после названия серии (1, 2, 3…). Опять же, можно дать каждой странице с изображением свое наименование, но, в таком случае, поисковик не будет видеть, что все иллюстрации принадлежат к одной галерее.
Чтобы организовать навигацию, можно снова использовать кнопки «Следующая» и «Предыдущая».
Для сайтов, которым характерно наличие большого количества категорий с подразделами, для просмотра полного перечня которых необходимо несколько раз пролистывать страницу, довольно часто применяется пагинация категорий. Работать с ресурсом, таким образом, значительно легче.
3. Деление на страницы комментариев в блогах или тем на форумах
На форумах очень часто используют пагинацию, поскольку тема может быть очень длинной, и если все это будет тянуться на одной страничке, то пользоваться будет очень неудобно. То же самое и с записями в блогах, если комментариев много, их нужно разделять на разные страницы и соединять кнопками «Следующая», «Предыдущая».
4. Пагинация бесконечного прокручивания
Это последний и также один из самых популярных способов пагинации. Суть в том, что когда пользователь листает страничку вниз, следующая часть автоматически присоединяется к текущей.
Поскольку все происходить в автоматическом режиме, использовать кнопки «Следующая» и «Предыдущая» тут не нужно. Они заменяются специальным скриптом.
Проблемы, которые могут возникнуть
Тут, как и с любой полезной «фишкой», если вы не разбираетесь во всех нюансах и тонкостях реализации пагинации, у вас могут возникнуть различные неприятности.
Глубина сканирования
Все ссылки пагинации должны быть корректно сформированы, в ином случае, Google-ом в данной серии будут проиндексированы не все страницы. Кроме того, у Google есть лимит сканирования страниц с одного сайта, а это значит, что сканирование может получиться недостаточно глубоким.
Поэтому, лучше создать отдельную страничку «Просмотреть все» и указать поисковому роботу, что индексировать нужно только ее, а остальные страницы из пагинации трогать не нужно. Это мы разберем далее.
Повторение контента
На поисковой оптимизации очень негативно сказывается дублированный контент. А при пагинации, такое явление может возникнуть, если вы применяете разбивку контента по отдельным страничкам и страницу «Просмотреть все». Поэтому, при реализации разбивки страниц рекомендуется применять rel=”nofollow”.
Это позволит вам без опасений использовать страницу «Просмотреть все».
Бедный контент
Когда-то Google нравились сайты, на которых было лишь несколько страничек с одним-двумя изображениями или небольшим кусочком текста. Однако, на данный момент все совсем по-другому. Бедный контент может вызвать немало серьезных проблем.
Наибольшее количество проблем от бедного контента стоит ожидать от пагинации галерей, поскольку в других ее типах на ваших страницах будет хотя бы по несколько абзацев текста.
Если же вы запретите Google проводить индексирование отдельных страниц с изображениями, а обслуживать их будете с помощью одной главной страницы, то таких проблем у вас не возникнет.
К томе же, чтобы ваш контент получился более насыщенным и нравился Google, можно добавлять на странички с изображениями больше информации, к примеру, в виде ссылок на подобные галереи, связанные элементы и прочее. Недостаток такого подхода в том, что может понизиться плотность ключевых слов и соответственно упадет рейтинг.
На практике правильная реализация пагинации не вызывает почти никаких трудностей. Однако, если вы сделаете ее некорректно, то вскоре ощутите все проблемы, к которым это может принести. Если будете следовать данным рекомендациям, сможете их избежать.
В каком месте применять пагинацию
Тут нет каких-либо универсальных норм, однако, можно привести общие советы, которые подойдут в подавляющем большинстве случаев.
При реализации пагинации статьи, можно провести линию в конкретной точке, на ресурсе в целом или в конце главы вашей статьи. Более логичным местом считается именно конец раздела, однако, такой подход чреват тем, что тексты на страницах могут получиться слишком разной длины.
Что касается комментариев в блогах и тем на форумах, то, лучше всего, будет выделять на одну страницу порядка 10-20 сообщений (комментариев). Естественно, сообщения могут быть длинными, в таком случае, если их будет 20, на одном экране они не уместятся. Страшного в этом ничего нет.
Есть пользователи, которые больше предпочитают постоянное прокручивание страницы, нежели кликание по кнопке «Следующая». Поэтому, главное придерживаться правила – не больше 20 сообщений на странице, но и не меньше 10.
В случае с пагинацией категорий, лучше всего, будет создавать новую страницу, когда наберется порядка 50-70 ссылок. Можно также найти рекомендации по использованию 100 ссылок, однако это будет уже перебор. А если еще и с мобильного устройства просматривать, то и подавно.
Для разбитых на страницы статей нужно всегда создавать содержание
Казалось бы, что данный момент все и так понимают, однако, исходя из того, что можно встретить в интернете, это не так. Поэтому, разберем и данный нюанс, когда разбиваете статьи на страницы, не забывайте создавать содержания.
Не все читатели и не всегда будут читать ваши статьи в том порядке, в котором они расположены.
Зачастую посетитель читает вводный материал, а затем сразу же переходит к месту, которое ему наиболее интересно, остальной контент при этом во внимание не берется.
Поэтому, вы должны предоставлять такую возможность, то есть создавать содержание для разделов, чтобы пользователи сразу могли к ним переходить. Если вы этого не сделаете, то, скорее всего, посетитель просто уйдет с вашего сайта.
Содержание должно находиться на видном месте, обычно его размещают сразу же за заголовком либо в поле, недалеко от первого пункта.
Кроме того, содержание должно быть и на каждый страничке вашей статьи, чтобы посетители без проблем могли по ней перемещаться из любого места.
Для пользователей WordPress прекрасно подойдет дополнение WP Table of Paginated Contents. С его помощью можно выполнять все действия, касательно содержания и настраивать его, как вам угодно.
Данный плагин позволяет сделать содержание следующего типа:
Помните о страничке «Просмотреть все»
Выше мы уже говорили о том, что, благодаря странице «Просмотреть все», можно избежать многих проблем с оптимизацией, связанных с пагинацией страниц.
Есть пользователи, которым не нравится постоянно кликать по кнопке «Следующая», поэтому они предпочитают страницу «Просмотреть все». К тому же, она избавит вас от проблем при поисковой оптимизации.
Но, данное правило не касается форумов, потому как на них нет смысла в создании страницы «Просмотреть все». На форуме вы просто должны разбивать темы на страницы и все, пока нет никаких методов обхода этой ситуации.
При создании страницы «Просмотреть все», вы должны указать Google, что индексировать нужно исключительно ее, а другие страницы нет. Это единственный способ избежать санкций за дублирование контента. Чтобы реализовать его, для отдельных страниц применяйте «noindex».
После того, как поисковой робот посетит ваш сайт, вам, вероятнее всего, нужно будет проверить индексацию, чтобы удостовериться, что «Google» сканирует именно общую страницу, а отдельные не трогает.
Не думайте, что это очень хлопотно, да, придется потратить немного сил и времени, но это ничто, по сравнению с наказанием за повторение контента.
При необходимости применяйте rel=“next” и rel=“prev”
Бывает, что условия конкретного проекта не позволяют создать страницу «Просмотреть все». Это также попросту может не допускать используемый вами тип пагинации. В таком случае, чтобы заставить «Google» индексировать полностью все странички из данной серии, вы можете прибегать к использованию rel=“next” и rel=“prev”.
С помощью этих HTML-атрибутов вы сможете указывать «Google» на последовательность индексирования ваших страниц.
Однако, помните, что это указание может быть взято во внимание «Google», а может, и нет. Поэтому, нельзя быть уверенным, что будут проиндексированы все страницы.
Заключение
Пагинация неразрывно связана с определенными проблемами в удобстве использования и оптимизации, однако все из них можно решить. Пагинацию нужно применять правильно, иначе вы рискуете получить серьезные проблемы.
Но, достаточно следовать названным рекомендациям и вы будете получать от пагинации, исключительно, положительный эффект. Не нужно будет переживать, что у сайта станет плохое юзабилити, или упадет рейтинг в поисковиках.
Для начала небольшая справка:
Пагинация – это порядковая нумерация страниц, которая обычно находится вверху или внизу страниц сайта.
В большинстве случаев применяется для главных страниц и разделов. Зачастую выглядит так:
Детально про то, что такое пагинация описано в Википедии .
Мы считаем этот момент важным для внутренней оптимизации сайта, поэтому в данном руководстве по пагинации для SEO рассмотрим главные нюансы и решения.
Ближе к делу!
Давайте рассмотрим некоторые из потенциальных проблем, которые возникают, когда вы используете пагинацию, без учета потенциальных проблем:
Лимит посещение поисковыми роботами для вашего сайта
Когда поисковые роботы будет сканировать ваш сайт, глубина и количество страниц, которые они будут посещать за один раз, будут варьироваться в зависимости от траста сайта, частоты обновления контента и т.д. И, если у вас есть огромное количество страниц с пагинацией, то, вероятность того, что поисковые роботы будут ходить по всем страницам пагинации и проиндексируют все конечные страницы (товары/статьи) существенно падает. Кроме того, лимит будет расходоваться на посещение страниц пагинации, а не на посещении действительно важных страниц сайта.
Проблема с дубликатами
В зависимости от структуры ваших страниц с пагинацией, весьма вероятно, что некоторые страницы могут содержать похожее или идентичное содержание. В дополнение к этому, вы будете часто обнаруживать, что у вас на сайте одинаковые теги title и meta description. В этом случае, дублированный контент может вызвать затруднение у поисковых систем, когда приходит время, чтобы определить, максимально релевантные страницы для определенного поискового запроса.
На данный момент у SEO специалистов есть 4 способа для решения данной проблемы.
В большинстве случаев данный метод есть приоритетным и максимально быстро реализуемым. Его суть в исключении всех страниц пагинации из индекса, кроме первой.
Реализуется он следующим способом: такой мета-тег
добавляется с секцию на все страницы кроме первой. Таким образом мы исключаем из индекса все страницы пагинации, кроме главной страницы каталога и при этом обеспечиваем индексацию всех товаров/страниц которые принадлежат данному каталогу.
Нюансы , которые следуют учесть:
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.
Плюсы
Минусы
Данный способ рекомендует использовать Google: его суть заключается в создании отдельной страницы «Смотреть всё», где выводятся все товары/страницы из данного каталога, а на всех страницах пагинации мы проставляем rel=“canonical” на страницу «Смотреть всё».
Реализация данного метода: после того как вы создали страницу «Смотреть всё» (например, это site.com/catalog/view-all.html), то на всех страницах пагинации необходимо в секцию
разместить:.
Таким образом мы показываем поисковым системам, что каждая страница пагинации, как бы является частью страницы «Смотреть всё».
Нюансы:
Страница «Смотреть всё» должна довольно быстро загружаться , желательно в пределах 1-3 секунды. Поэтому, такой способ идеально подходит для категории у которых кол-во страниц с пагинацией от 5 до 20 и не подходит для каталогов у которых сотни страниц пагинации.
Плюсы:
Минусы:
Наш последний вариант для решения проблемы с пагинацией может быть самым сложным, но это, пожалуй, самый универсальный метод для Google (Яндекс на данный момент не учитывает данные директивы). Поскольку реализация довольно сложная, то вы должны быть очень осторожны при применении этого метода. Давайте посмотрим, как это работает.
Например, вы имеете 4 странице в каталоге:
Используя rel=»prev»/»next» вы, по сути создаете цепочку между всеми страницами в данном каталоге. Данная цепочка начинается с первой страницы : для этого вы добавляете в секцию
:Для первой страницы это единственный атрибут. Для второй страницы необходимо указать как предыдущую страницу, так и следующую:
Для третьей страницы делаем аналогично второй
Когда же мы находимся на последней четвертой странице, то должны указать только предыдущую страницу в цепочке:
.
Используя данные атрибуты rel=»prev»/»next», Google объединяет данные страницы в единый элемент в индексе. Как правило для пользователей, это будет первая страница, так как обычно она является наиболее релевантная страница.
Нюансы:
Плюсы:
Минусы:
Вы вероятно, столкнулся с бесконечными прокруткой товаров на сайтах электронной коммерции, на которых товары постоянно загружаются при прокрутке к нижней части экрана. Хотя это и хорошая возможность улучшить юзабилити, этот метод также необходимо использовать правильно. Желательно, чтобы товары не автоматически загружались при прокрутке, а внизу, под последними товарами, была кнопка «Показать еще N товаров». Хорошую реализацию данного метода вы можете посмотреть на сайте wikimart.ru побродив по конечным веткам каталога.
Правильное использование параметров
В некоторых случаях когда вы используете атрибуты rel=»prev»/»next», то страницы с пагинацией могут содержат параметры, которые не изменяют контент:
В таком случае мы получаем дубли контента. Решением такой проблемы может быть использование сочетания rel=»prev»/»next» и rel=”canonical”.
Для этого, во-первых, вы должны убедиться, что все страницы пагинации с rel=»prev»/»next» используют тот же параметр. Во-вторых, для каждого URL с параметром необходимо прописать его каноническую страницу без этого параметра. Например, у нас есть те же самые 4 страницы пагинации и мы для отслеживания пользователей используем идентификатор сессии sessionid=55:
Правильное использование фильтров и rel=“prev”/“next”
Теперь, рассмотрим пример, когда мы используем параметры, по которым мы можем/хотим выдать уникальное содержании и нам важно держать такие отфильтрованные страницы в индексе. Например, у нас есть категория с кроссовками и мы хотим создать посадочные страницы для поисковой выдачи с разными брендами, использую при этом параметры в URL.
Всем привет! Есть в SEO, как кажутся, элементарные и очевидные вещи, но если немного разобраться в них, возникает много вопросов и нюансов, которые беспокоят владельцев проектов. Сегодня я хочу поговорить про страницы пагинации (или еще их называют страницами листинга). Хочется написать развернутый урок: что, зачем и почему, чтобы все разъяснить, как удалось это сделать с уроком .
Я уже рассказывал на своем блоге, (там же и рассказывал, что такое постраничная навигация). Теперь пришло время показать, что нужно с ними делать с точки зрения SEO. Многих беспокоят следующие вопросы:
Итак, поехали!
Страницы
пагинации
- это страницы, которые создаются, когда список постов или товаров разбиваются на несколько страниц. Вот пример постраничной навигации на моем блоге, эти ссылки ведут на страницы пагинации:
Как вы уже поняли постраничная навигация может быть на страницах, где размещено большое количество:
Лучше страницы пагинации не запрещать от индексирования, чтобы роботы доходили до как можно большего количества товаров/постов (особенно важно, когда у вас очень много товаров). Но опять же, несмотря на то, что страницы открыты для индексирования, я бы рекомендовал сделать так, чтобы они не участвовали в основном поиске. Я противник низкокачественных страниц в индексе и считаю, что в поиске должны быть только нужные страницы, и важность подобных страниц будет выше, нежели будет полно низкосортного контента. Как же тогда быть?
Вся сложность заключается в том, что у двух наиболее крупных поисковиков на нашем рынке (Яндекс и Google) разные требования. Давайте разберем их.
Причем в данном случае проблем с индексацией товаров или постов не будет, так как rel=canonical не запрещает ходить роботам по страницам, но в индексе будет только основная страница в обоих поисковиках.
То есть Гугл не рекомендует, как это делает Яндекс, ставить каноникал на первую страницу, также он говорит, что это неправильно. Но по опыту замечено, что, если ставить rel=canonical на первую страницу, ничего критичного не происходит, сайты хорошо чувствуют себя в обоих поисковых системах.
И да, есть такой момент: Яндексу все равно на теги rel=prev и rel=next, он не понимает их и просто игнорирует.
Мнений на эту тему очень много, приведу парочку.
Кто-то говорит, что каждую страницу пагинации нужно подтачивать под разные запросы. К примеру, первую страницу под "Купить ноутбук", вторую под "Купить ноутбук недорого", третью под "Купить ноутбук в интернет-магазине" и так далее. Не делайте так. Поисковики не настолько тупые, может быть это еще и работало лет 5-8 назад, но сейчас однозначно так не стоит делать.
А кто-то говорит запретить в robots.txt или использовать тег meta name="robots" content="noindex,follow". Я раньше тоже так делал, но это не совсем правильно, так как поведенческие факторы со страниц пагинации не будут передаваться. Да и Яндекс также говорит:
Я не продвигаю страницы категорий на блоге (а зря, я рассказывал про пользу правильной ), все руки не доходят, как-нибудь доберусь обязательно, уберу "noindex, follow". Тем, кто продвигает категории, рекомендую использовать инструкцию выше.
Кстати, если Яндекс считает, что страницы пагинации - это дубли, то Google так не считает, ему главное указать rel=prev и rel=next. Если вы используете тег rel=canonical на основную страницу, то в индексе будет только она. Если же использовать только rel=prev и rel=next, страницы пагинации будут попадать в индекс поисковых систем.
Теги prev и next показывают роботу, что страницы связаны в логической последовательности, как бы это одна большая страница. Именно поэтому одновременно использовать rel prev/next и rel canonical на основную страницу - неправильно. То есть, если вы хотите указать и каноникал, и prev/next, тогда каноникал указываем только на саму страницу (саму на себя).
Текст описания рубрики/категории нужно выводить только на первой странице, на остальных страницах пагинации не выводим. Это чтобы не было сильного дублирования, да и текста в первую очередь все равно выводятся для роботов. И пользователи, уже перешедшие на вторую и др. страницы, уже не заинтересованы в текстах + улучшение юзабилити.
Если у вас интернет-магазин, можно добавить ссылку на страницу "Все товары" данной категории. Это позволит просмотреть страницу сразу, без переходов на другие страницы. В этом случае rel=canonical поисковики рекомендуют ставить rel=canonical на эту страницу со всеми товарами без пагинации. Но здесь нужно быть аккуратным, потому что если выводить много товаров/постов, то страница подгружается дольше, а поисковики любят как можно более быстрые сайты.
И еще, если мы находимся на второй или любой другой странице, ссылка на первую страницу должна идти сразу на основную, а не на /page/1, вот пример:
Повторюсь, закрывать от индексации страницы пагинации не нужно. Опять же скриншот комментария "Платона" и ссылку на него уже приводил выше.
Кто-то делает бесконечный скроллинг (товары/посты подгружаются по мере пролистывания страницы вниз). Если вы делаете это, снова нужно быть аккуратным. Либо кто-то выводит кнопки "Показать еще":
Бесконечный скроллинг и прочие javascript/ajax использовать можно, но чтобы не было проблем, я бы рекомендовал сделать так, чтобы все элементы индексировались и отдавались роботу. И все же, я бы продублировал бесконечный скроллинг цифрами 1,2,3,4, так как некоторым пользователям так удобнее. Вот пример:
Также, когда страниц очень много, можно сделать разбивку по 10 страниц для того, чтобы индексирующему роботу "бегать" по страницам было легче, да и страницы будут располагаться в меньшем количестве кликов. То есть выводим примерно так:
1, 2, 3 ... 10, 20, 30, 40, 50, 60, 70...79.
На мой взгляд есть 3 варианта наиболее правильных развития событий:
Во всех случаях запрета на индексирование не требуется (ни в robots.txt, ни в meta name="robots"). Не забываем, что текст размещаем только на 1-ой странице, чтобы не было дублей с большим количеством совпадений. Вы можете проследить за изменения страниц в индексе в панели вебмастеров Яндекса и Google.
Если делать подобные шаги для оптимизации сайта, результат не заставит себя ждать. Вот свежий пример из последних наших работ (это суммарный трафик с поисковых систем, начали работать в октябре 2017-го года, кликните, чтобы увеличить):
Ребята, кто успел попасть на предзапись моего SEO-марафона, я почти всем ответил на вопросы, осталось еще чуть-чуть, вопросов пришло очень много, разгребаю. 🙂 Если вдруг вы не успели записаться на предзапись марафона, ждите новостей на блоге (подпишитесь на рассылку по почте, чтобы не пропустить старт продаж), в феврале стартуем!
Ну и вопрос: а что вы делаете со страницами пагинации на своих проектах?
Пагинация является важным элементом навигации любого сайта или приложения. Тем не менее, при разработке сайта пагинации уделяется мало внимания, вследствие чего большинство сайтов имеют не совсем пригодную пагинацию.
Пагинация - это метод разбиения содержимого на несколько страниц, предоставляющий ссылки для переходу с текущей части на другие. Зачастую ссылки для перехода на другие части располагаются ниже или выше содержимого, либо используются оба варианта. Зачастую ссылки на другие страницы представляют собой номера этих страниц, но также встречаются сайты, где используются только ссылки вида «Раньше»/«Позже».
Какой метод пагинации использовать и использовать ли вообще зависит от контекста, поэтому всегда нужно исходить из желания сделать сайт удобным для посетителей.
В создании качественной пагинации нет ничего сверхсложного, достаточно лишь следовать перечисленным ниже советам.
Не делайте страницу слишком короткой. Сайт или приложение - это не печатная книга. Размер страницы печатной книги ограничен размером книги и листа, а размер страницы сайта ограничен лишь вычислительной мощностью устройства и терпением пользователя. Приемлемым вариантом является отображение 20-80 записей на страницу, но это лишь приблизительное число, а реальное число зависит от категории сайта. На некоторых сайтах это число равно 10, а где-то и 100, ведь главное в этом деле - обеспечить удобство использования.
Кликабельные элементы пагинации (да и любого другого элемента навигации) должны быть крупными. Это необходимо в первую очередь для людей, использующих мобильные устройства, так как точность нажатия пальцем на сенсорный экран гораздо ниже, чем при использовании курсора на персональном компьютере или стилуса.
У пользователя не должно возникнуть проблем с определением того, на каком номере страницы он находится в данный момент. Поэтому в пагинации необходимо визуально выделить номер страницы, на которой находится пользователь. Причём, желательно, чтобы это было сделано не только с помощью цвета, так как сайт могут просматривать на монохромном экране.
Количество ссылок должно быть не более 10. Также нужно убедиться в том, что размера ссылок и пространства между ними достаточо, чтобы пользователь нажимал на ту ссылку, на которую он действительно хотел нажать.
Зачастую можно увидеть пагинацию, содержащую ссылки на первую и последнюю страницы. Они не такие популярные, но, тем не менее, они нужны пользователям, которые решили начать чтение с самых ранних записей (если новые размещены вверху на первой странице, как часто делают для новостей).
Эти ссылки визуально похожи на ссылки, ведущие на предыдущую и следующую страницы (например, двойная стрелка), что приводит к путанице - пользователи не уверены в том, какая ссылка за что отвечает. Добавление текста редко решает проблему.
Тем не менее, решение простое - обозначить первую и последнюю страницу цифрами, как и остальные ссылки.
Мобильные устройства имеют ограничения размера экрана, поэтому нужно разумно сократить количество элементов и увеличить их размер. Для мобильных устройств можно оставить номер текущей страницы и базовые элементы (первая страница, предыдущая страница, следующая страница, последняя страница).
Дайте пользователям возможность использовать для навигации клавиатуру. Клавиша «Вправо» - следующая страница, клавиша «Влево» - предыдущая страница. Главное - предупредить пользователя о данной возможности. Для предупреждения хватит текста под пагинацией: «Используйте клавиши ← влево и вправо → для навигации по страницам».
Также хорошей практикой считается дать возможность пользователю переходить по ссылкам, используя клавишу «Tab». Когда ссылка выделена, нажатие на клавишу «Enter» должно инициировать переход на соответствующую страницу.
Если страниц мало, увеличивается шанс того, что посетитель пролистает их все. Если у посетителя нет возможности оценить количество записей, его терпение может закончиться раньше, чем он перейдёт на другую страницу.
Хорошая пагинация улучшает читабельность и уменьшает сложность.
Один из самых частых вопросов в профильных блогах и на форумах от новичков связан с публикацией обширных материалов: как лучше размещать контент: на одной странице или на разных? Эта проблема может быть связана как с объемом материала (статьи с большим количеством символов), так и с числом карточек на сайте (например, если товаров много). Самый простой способ решения этого вопроса - пагинация. В сайтостроительстве этим термином называют порядковую нумерацию веб-страниц. И дальше мы поговорим о том, как ее настроить и как она может повлиять на индексацию сайта.
Чаще всего с пагинацией сталкиваются владельцы интернет-магазинов, которые вынуждены нумеровать страницы в каждом разделе каталога. Информационные ресурсы используют пагинацию реже.
Казалось бы, все просто: настраиваем количество отображаемого на одной странице, выводим пагинацию в удобном месте и наслаждаемся результатами своих трудов. Однако все далеко не так легко, поскольку при организации пагинации можно столкнуться с рядом сложностей, влияющих на качество ресурса.
Среди проблем, которые нужно выделить, значатся следующие:
Об их решении мы сегодня и поговорим. Тем более, что способов устранения этих недочетов в работе сайта не так много, а потому приходится не выбирать, а пользоваться вполне конкретным списком инструментов и рекомендаций.
Итак, сначала договоримся о том, что для продвижения сайта в ТОП пагинация, в принципе, ни к чему: нам достаточно было бы и главной страницы (утрирую, но все же). А вот для получения заказов она очень даже важна - пока все товары не будут проиндексированы роботом, найти их пользователь вряд ли сможет. Большую роль играет она и в юзабилити - пользователю должно быть удобно при перемещении между категориями/каталогами/карточками.
Один из самых спорных способов избавления от негативных последствий использования пагинации - создание дополнительных каталогов. То есть, если ваш интернет-магазин испытывает проблемы с тем, что все модели чайников разместить на одной странице не удается, стоит создать новые вложенные каталоги, а не раскидать их по страницам.
Например, самый частый вариант организации каталога на продающих сайтах сегодня выглядит так: Главная > Чайники > Список моделей с пагинацией.
Можно представить это по другому: Главная > Чайники > Производители > Список моделей. Если и этого недостаточно, добавляем еще уровни каталогов: Главная > Чайники > По объему > Список моделей. Но это - не выход для магазинов, у которых таких каталогов придется создать массу, даже далее 2 и 3 уровня. Зато такой подход решает вопрос с динамическими страницами, поскольку фильтры создавать бессмысленно.
А вот самый простой способ состоит в использовании элемента
Также долго будут индексироваться страницы магазина или сайта, если воспользоваться возможностями файла rosots.txt: «Disallow: /catalog/pagе» оставит в индексе только первую страницу листинга. Соответственно, карточки на второй и далее страницах пауком будут изучены позже, т.к. ссылок на них получить роботу фактически неоткуда.
Некоторые оптимизаторы предпочитают использовать атрибут rel=»canonical». Для Google - это лучший вариант, а вот Яндекс, процитирую, «читает ссылку с атрибутом rel=»canonical» не строгой директивой, а предлагаемым вариантом, который учитывается, но может быть проигнорирован». То есть, если контент на страницах отличается, робот все равно проиндексирует их, не обращая внимания на атрибут (хотя Платон рекомендует использовать этот атрибут). Кроме того, потребуется создание страницы, на которой будет выводиться весь товар. Она-то и должна быть указана в качестве канонической. Ну и та же проблема, что с
Еще один вариант для Google - использование rel=»prev»и rel=»next». Яндекс с ними, к сожалению, не работает. Суть данного метода состоит в том, что робот ПС при индексации страниц объединяет те, на которых прописан код с использованием данных тегов. При этом создается «единая» страница со списком всех карточек, а контент из индекса не исключается.
Ну и напоследок вспомним об AJAX, методами которого можно обеспечить загрузку карточек при прокрутке страниц. Пожалуй, один из оптимальных методов, которым пользуются многие сайты (например, так организованы каталоги ДНС.ру).
Несмотря на то, что большинство методов, о которых я рассказал в предыдущем разделе, направлены на исключение контента из индекса, это не значит, что со страницами пагинации вообще не стоит работать. Тем более, что многие предпочитают все же эти страницы для робота открывать, чтобы ускорить индексацию товаров. Какие же рекомендации можно дать тем, кто решил, что сокращение количества страниц в поиске - не выход? Я вижу следующие варианты:
Все описанное выше подходит, в основном, для . Пагинация на форумах, например, обладает своей спецификой - от нее никуда не деться и лучше не трогать. Правда, если есть возможность организовать общение и комментирование как на «Пикабу» или «Хабрахабр», это будет отлично. Ну и для разных типов отображения страниц (только текст, порядок и т.д.) не забываем про rel=»canonical».
