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


Решение проблем с контентом при настройке пагинации

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

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

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

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


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

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

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


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

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

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

arazuvaev.ru

Что такое страницы пагинации и зачем они нужны?

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

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

Как выглядят страницы пагинации?


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

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

Как оптимизировать страницы пагинации?

Google советует любой из трех вариантов:

  • ничего не делать;
  • настроить rel=»canonical» со всех страниц пагинации, включая первую, на страницу со всеми товарами — pageall;
  • использовать атрибуты next, prev, чтобы показать связь между страницами пагинации. На самом деле этот метод поисковик указывает как приоритетный.

SEO-специалисты практикуют и другие методы:

  • закрывают от сканирования с помощью размещения <meta name=”robots” content=”noindex, follow” /> либо запрещают к индексированию в файле robots.txt (при этом robots не является директивой).
  • на всех страницах пагинации указывают rel=»canonical» на первую (основную) страницу.

Не рекомендую использовать два варианта:

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

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

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

Но в остальных случаях:

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

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

Рассмотрим три популярных варианта.

1. Настройка rel=»canonical» на страницу со всеми товарами (pageall)

1.1. В случае наличия страницы со всеми товарами — pageall — необходимо настроить rel=»canonical» со всех страниц пагинации, включая первую, на эту страницу.

Например, со страницы https://site.com/category/page-2/ должен быть настроен <link rel=»canonical» href=»https://site.com/category/page-all/» />.


Так вы покажете поисковикам (и Google, и Яндекс), что существует страница, которая содержит все страницы пагинации, и нужно индексировать именно её.

1.2. Оптимизированные тексты стоит размещать на странице со всеми товарами, но не дублировать на других страницах пагинации.

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

Кроме того, на большинстве CMS реализовать этот метод практически невозможно.

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

2. Настройка rel=»canonical” со всех страниц пагинации на первую (основную) страницу

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

Например, на сайте есть страницы пагинации:

  • site.com/category/;
  • site.com/category/page-2/;
  • site.com/category/page-3/.

Но при этом со страниц site.com/category/page-2/, site.com/category/page-3/ и других при возвращении на первую, вместо site.com/category/ ссылка ведет на site.com/category/page-1/.


Страница site.com/category/page-1/ в таком случае будет дублем site.com/category/.

Необходимо убрать из ссылок на основную страницу элемент page-1, а также настроить 301 редирект со страниц с таким параметром на первую страницу категории.

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

2.3. Настроить со всех страниц пагинации rel=”canonical” на основную страницу пагинации. Например, на странице https://site.com/category/page-2/ должен быть <link rel=»canonical» href=»https://site.com/category/» />.

2.4. Сгенерировать уникальные метатеги (Title, Description, Keywords) для страниц пагинации на основе шаблона.

Например:

Title страниц пагинации = [Title основной страницы пагинации] — страница [N],

где N — номер страницы пагинации.

Этот метод практически полностью решает проблему дублирования страницами пагинации основных страниц, рекомендуется Яндексом, а в списке рекомендуемых Google его нет.


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

3. Использование атрибутов rel=»prev» и rel=»next»

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

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

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

Например, если на сайте есть пагинация:

  • https://site.com/category/ — первая страница;
  • https://site.com/category/page-2/ — вторая страница;
  • https://site.com/category/page-3/ — третья страница.

То на странице https://site.com/category/ в <head> следует добавить: <link rel=»next» href=»https://site.com/category/page-2/» />.


На странице https://site.com/category/page-2/ в <head> добавить: <link rel=»prev» href=»https://site.com/category/» />, <link rel=»next» href=»https://site.com/category/page-3/» />.

На странице https://site.com/category/page-3/ в <head> добавить: <link rel=»prev» href=»https://site.com/category/page-2/» />

То есть на первой странице пагинации должен быть только атрибут next, а на последней только prev.

Затем следует внедрить на все страницы пагинации, кроме первых, метатег <meta name=»yandex» content=»noindex, follow» />, так как Яндекс не распознает next, prev, и для него лучше закрывать от индексации все страницы пагинации, начиная со второй.

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

В обновленном Яндекс.Вебмастере вы можете также это мониторить в отчете «Индексирование»  — «Страницы в поиске»:

В обновленном Яндекс.Вебмастере вы можете также это мониторить в отчете «Индексирование» — «Страницы в поиске»

В данном примере как раз были настроены canonical на основные страницы пагинации, а не noindex для Яндекса, но все равно из поиска были удалены страницы пагинации.

Последний шаг — сгенерировать уникальные метатеги (Title, Description, Keywords) для страниц пагинации на основе шаблона.

Дополнительные рекомендации от Google:


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

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

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

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

Выводы


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

Рекомендуем использовать один из методов:

  • использование next, prev (этот способ — приоритетный);
  • проставлять canonical со всех страниц пагинации на основную страницу сайта.

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

netpeak.net

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

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

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

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

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

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

Отношение к пагинации у Яндекса и Google

В своем блоге Яндекс советует использовать атрибут rel=»canonical» тега <link>, в котором в качестве канонического адреса необходимо указывать первую страницу. В поиске будет участвовать только она одна, но остальные страницы будут посещаться поисковым роботом, с которых он перейдет на страницы товаров.

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

  • Ничего не делать и положиться на алгоритм Google — он сам выберет страницу с наиболее релевантным содержимым.
  • В атрибуте rel=»canonical» в качестве канонической указать страницу «Показать все», на которой выводились бы все товары категории.
  • Указать логическую связь между страницами пагинации с помощью атрибутов rel=»next» и rel=»prev» для тега <link>.

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

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

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

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

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

  • Страницы пагинации открыты для индексации (исключение составляют страницы вида пагинация+сортировка и пагинация+фильтрация, если для фильтрации не предусмотрен корректно реализованный функционал смарт-фильтра).
  • Текст с описанием категории выводится только на первой странице. На второй, третьей и так далее страницах он не выводится (не скрывается в display:none, а именно не выводится). Это актуально для интернет-магазинов и неактуально, например, для раздела статей или новостей — в этом случае у разделов не бывает описаний, а в качестве контента выступают превью статей/новостей.
  • Первая страница должна быть доступна только по адресу без префикса пагинации. Например, в Bitrix пагинация по умолчанию строится с помощью GET-параметров, которые имеют вид PAGEN_1=N, где N — номер страницы пагинации. Допустим, первая страница категории имеет вид /catalog/category/, вторая — /catalog/category/?PAGEN_1=2, третья — /catalog/category/?PAGEN_1=3 и так далее. В этом случае важно, чтобы первая страница НЕ была доступна по адресу /catalog/category/?PAGEN_1=1 (это можно настроить с помощью 301-редиректов и правильного построения ссылок в навигационной цепочке).
  • Мета-теги и заголовок Title не должны дублироваться. Например, если для первой страницы задан оптимизированный title, то для страниц пагинации его можно строить по шаблону «%name% — страница N», где %name% — название категории, а N — номер страницы пагинации.
  • Используем атрибуты rel=»next» и rel=»prev» тега <link> — для Google это будет плюсом, для Яндекса вреда не принесет.

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

  • Указание в качестве канонической страницы вида «Показать все» для больших каталогов неприемлемо, как описывалось выше.
  • Указание в качестве канонической первой страницы категории создаст трудности для Google — это не вписывается ни в одну рекомендацию и может создать проблемы при индексации и верном восприятии сайта.
  • Задание уникальных мета-тегов и заголовков в совокупности с различными выводимыми товарами делает страницы пагинации уже не дубликатами — на каждой из них свой контент. По этой же причине связывать их через rel=»canonical» становится нелогично.
  • Благодаря оптимизированным мета-тегам, заголовкам и описанию, в поиске приоритет всегда будет отдаваться первой странице категории. Однако если возникнет ситуация, что в выдаче Яндекса ее место займет какая-либо страница пагинации, это можно расценивать как сигнал о переоптимизации страницы, что упрощает обнаружение данного фильтра.

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

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

vc.ru

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

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

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

Давайте разбираться.

По настройке пагинации у Google уже давно есть рекомендации для сайтов.

Если кратко, то это три варианта действий:

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

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

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

Ознакомиться с рекомендациями можно по .

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

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

«Ссылки на товары, которые находятся на неканонических страницах, также будут известны индексирующему роботу».

Прочитать рекомендацию можно (п.2).

Проблема заключается в том, что подобное использование rel=»canonical» специалисты Google называют ошибкой.

И пишут об этом на

rel=canonical.png

можно прочесть статью в переводе

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

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

Ответ от официального представителя Google удалось получить на одной из видеовстреч с вебмастерами. Андрей Липатцев (Google) подтвердил, что указывать первую страницу канонической в серии пагинации Google не рекомендует (смотреть с 15:30).

После нескольких уточняющих вопросов и ссылки на видеовстречу представители Яндекса ответили на вопрос уклончиво. Вместо ответа о противоречивых рекомендациях сказали, что можно указывать в качестве канонической страницы «Показать все»:

платон.png

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

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

платон яндекс.png

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

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

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

1.Не забывайте про базовые моменты:

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

— уникализируйте заголовки страниц пагинации (title), добавляя в них номер страницы. Description и Keywords на страницах пагинации можно не использовать;

— ссылка на первую страницу пагинации не должна создавать дубль первой страницы категории.

2. Закрытие страниц пагинации от индексации может ухудшить индексацию товарных карточек. Мы обычно не рекомендуем такое радикальное решение.

3. Перед тем как предпринимать какие-то действия со страницами пагинации, проверьте, не приносят ли они поисковый трафик. Об этом пишут и сотрудники Яндекса:

пагинация.png

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

4. Нередко встречается рекомендация использовать для страниц пагинации
< metaname="robots" content="noindex, follow"/> – не индексировать текст страницы, но переходить по ссылкам.

В целом – логичное решение, но специалисты Яндекса пишут про недостатки этого метода:

яндекс и пагинация.png

Пояснить, что это за «некоторые показатели», Платон, по понятным причинам, отказался.

5. И последняя рекомендация уже не совсем технического плана.

Базовых настроек, которые мы указали в первом пункте, для большинства проектов вполне достаточно. Бороться с 5-10 страницами пагинации обычно нет смысла. Google в таких случаях рекомендует «не совершать действия».

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

www.seonews.ru

Какую функцию выполняют страницы пагинации? 

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

пагинация страниц

В интернет-магазинах страницы пагинации применяются для:

  • вывода товаров в разделах, подразделах, категориях и подкатегориях.
  • в списках новостей и статей блога.

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

Страницы пагинации интернет-магазина

Возможные проблемы для seo при индексации страниц пагинации:

  1. Повторение мета-тега Title
  2. Дублирование description
  3. Одинаковое текстовое описание под списком товаров.

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

Какими методами можно оптимизировать постраничную пагинацию?

На сегодняшний день оптимизаторы применяют несколько вариантов решения проблемы:

1). Закрытие от индексации через мета-тег noindex
Чтобы убрать страницы из индекса можно вписать в элемент <head> всех навигационных страниц кроме начальной, фрагмент кода:

<meta name=«robots» content=”noindex, follow”/>

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

Рекомендуем применять такой метод только в случае множества дубликатов с неуникальным контентом.

2). Канонические ссылки на “Посмотреть все” со всеми предложениями
Этот способ означает добавление новой страницы, включающей все товары. Именно на нее проставляется rel=»canonical» со всех страниц навигации по категории, включая начальную.

как правильно сделать пагинацию

Данный способ один из рекомендованных поисковой системой Google. Важный момент: seo тексты следует разместить на странице “Посмотреть все” и не копировать на страницах пагинации. Стоит учесть, что скорость загрузки не должна быть выше чем 3 секунды. Поэтому, этот вариант применяется тогда, когда у вас количество страниц с пагинацией варьируется в пределах от 5 до 20. Кроме того, его достаточно сложно реализовать на многих популярных CMS.

3). Тег rel=»canonical», указывающий на страницу категории
Настройка происходит следующим образом на все страницы пагинации, кроме первой добавляем код <link rel=”canonical” href=”_http://site.com/page/”, определяя страницу как каноническую.

правильная пагинация сайта

Важно, чтобы в ссылке на страницах пагинации, указывающей на страницу категории не было параметра числового диапазона страницы (ссылка вида _http://site.com/page/page-1). Для избежания дублей страниц необходимо настроить 301 редирект со страниц с подобным параметром на основную продвигаемую страницу. Также нужно будет провести работу по уникализации заголовков и описаний для поисковых систем.
Метод относится к рекомендованным поисковиком Яндекс. Правда со стороны Google такая оптимизация не рекомендуется и возможны проблемы с индексацией товаров на неканонических страницах.

4). Добавление атрибутов Rel=“prev”/“next”
Самым оптимальным вариантом при продвижении интернет-магазина в Google будет использование на страницах пагинации цепочки rel=”prev”/”next” внутри каталога.
На начальную страницу следует разместить код вида:
<link rel=”next” href=”_https://site.com/page-2”>.
Код всех следующих страниц навигации, кроме последней, должен содержать атрибуты не только на следующую, но и на предыдущую в логической цепи.
<link rel=”prev” href=”_https://site.com/page”>
<link rel=”next” href=”_http://site.com/page-3”>
В последней будет указана только предыдущая страница пагинации через атрибут ”prev”.

Наглядно это выглядит так:

инструкция по пагинации страниц

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

Учитывая, что Яндекс не учитывает эти атрибуты, стоит закрыть все страницы кроме начальной путем добавления <meta name=»yandex» content=»noindex, follow» />.

Таким образом, мы рассмотрели 4 возможных способа решения вопроса пагинации на сайте. Учитывая лучшее восприятие системой Google, которой пользуется большее число украинцев, стоит отдать предпочтение варианту с созданием страницы “Посмотреть все” или более трудоемкому варианту с цепочкой атрибутов next и prev.

turboseo.net.ua

Что такое пагинация и ее разновидности

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

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

  • Прямая (универсальная) пагинация с порядковой нумерацией (1-2-3). Это перечень номеров страниц.Чаще всего также добавляют кнопки “далее/назад” с обеих сторон ссылок на страницы.
  • Диапазон выбора с указанием позиции в листинге (1-10, 20-59).
  • Обратного типа (“новое”, 100-21, 20-1).

Конечно, никто не запрещает применять более креативные идеи, например:

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

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

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

 

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

    1. Разбивка статей. Это, пожалуй, наиболее распространенный вид. Используется для разделения текстового материала на страницы. По обеим сторонам от каждой размещают ссылки «Предыдущая», «Следующая».

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

Обратите внимание: отдельно взятая страница в подобных случаях имеет собственный URL:

      • http://www.нашсайт.com/some_article-1.html;
      • http://www.нашсайт.com/some_article-2.html;
      • http://www.нашсайт.com/some_article-3.html.
    1. Пагинация галерей. У каждого изображения есть отдельная уникальная страница, что позволяет задавать имена картинок (входит в понятие оптимизации визуального контента). Подобная реализация удобна для библиотек, фотобанков.

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

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

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

    1. Листинг комментариев на блогах, тем, размещенных на форумах. При пагинации такого типа возникает одна сложность: контент, который сегодня находится на первой странице, завтра переместится на вторую, так как его место займут новые материалы. Чтобы не путаться, рекомендуется реализовать листинг по датам. Такие ссылки всегда будут вести на один и тот же контент, поскольку они будут содержать в своем адресе время публикации записи. В подобной ситуации можно использовать годы, месяцы, дни. При этом пагинация будет начинаться с главной, а далее – с максимальной цифры в URL-адресе:

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

  1. Бесконечная прокрутка (infinite scroll). Данный тип пагинации является  самым «продвинутым» среди современных способов разбиения на страницы. Реализовывается при помощи специального скрипта, который к текущей странице добавляет содержание следующей при прокрутке мышкой вниз.

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

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

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

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

Пагинация для SEO: миф или реальность?

Действительно ли навигация страниц сайта полезна для SEO-продвижения? Смоделируем стандартную ситуацию, встречающуюся на большинстве проектов. На веб-ресурсе есть 60 страниц. Чтобы поисковому роботу добраться хотя бы до середины (в этом случае – страницы под номером 30), ему необходимо углубиться на несколько уровней, отыскать товар либо пост, перейти на следующий уровень. Конечно, бот обойдет и эту, и другие страницы, однако сроки индексации будут падать с последующим уровнем.

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

Советы и правила корректной оптимизации пагинации

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

Метод 1. Использование noindex для удаления пейджинга из индекса поисковых систем.

Реализуется этот вариант максимально быстро. Необходимо лишь убрать из поискового индекса абсолютно все страницы за исключением первой  при помощи  <meta name=»robots» content=»noindex, follow» />.

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

После проверьте на отсутствие дублей URL 1-й страницы. Помните: на главную, к примеру “мой сайт.com/catalog”, нужно настроить “redirect 301” cо страниц “мой сайт.com/catalog/page=1”.

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

Метод 2. «Показывать  всё» и rel=“canonical” (основан на рекомендациях Google).

Суть способа – создание страницы «Все», которая выводит полное содержание (товары/страницы) из представленного каталога. На последующих страницах необходимо проставить <link rel= «canonical» href= «» /> на основное содержание. Обязательным условием страницы «Все» является ее быстрая загрузка: при наличии сотни страниц это может быть затруднительно. Положительным моментом станет индексация полного содержимого, минусом – на некоторых CMS-системах реализация весьма сложная.

Метод 3. Применение  Rel=“prev”/“next”.

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

Сложность! Атрибут – <link rel= «next» href= «http://мой сайт.com/page2.html»> (возможно использование относительных, абсолютных URL) размещается единственным на 1-й странице.

На вторую нужно будет поместить предыдущую, следующую:

<link rel=»prev» href=»http://мой сайт.com/page1.html»>

<link rel=»next» href=»http://мой сайт.com/page3.html»>

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

<link rel= «prev» href= «http://мой сайт.com/page3.html»>

Следует помнить, что Yandex не учитывает подобные атрибуты, а Google считает их вспомогательными, но не директивами.

Метод 4. AJAX, Javascript.

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

Ajax-подгрузка контента во время прокрутки страниц: этапы реализации

    1. HTML-документ с двумя обязательными блоками:
      • статическая страница с фиксированной шириной, высотой и свойством overflow:auto (чтобы прокручивать контент);
      • блок-контейнер внутри основной страницы. Его ширина меньше, чем родительского объекта, а высота будет зависеть от самого содержания. Именно в этом блоке происходит загрузка данных из сервера.
    2. Реализация scroll-события и отправление Ajax-запроса на сервер.

Фрагменты кода для JavaScript-события:

//запуск функции при прокрутке

$(«.text»).on(«scroll», scrolling);
function scrolling(){

//считывание текущей высоты контейнера
var currentHeight = $(this).children(«.wrapper»).height();

//проверка достижения конца прокрутки
if($(this).scrollTop() >= (currentHeight — $(this).height()-100)){

/*отключение вызова функции прокрутки во избежание неоднократного вызова функции */
$(this).unbind(«scroll»);

//функция, реализующая следующие два этапа
loader();}}

//количество подгружаемых записей из БД
var count = 20;
//начиная с
var begin = 0;
function loader(){

// «теневой» запрос к серверу
$.ajax({
type:»POST»,
url:»./get.php»,
data:{

//передача параметров
count: count,
begin: begin*count
},
success:onAjaxSuccess
});
function onAjaxSuccess(data){

//добавление полученных данных
//в конец контейнера
$(«.wrapper»).append(data);

//возвращение вызова функции при прокрутке
$(«.text»).on(«scroll», scrolling);
}
//увеличение точки отсчета записей
begin++;
}

    1. Использование PHP, MySQL.

Посредством SQL и оператора LIMIT контент получают из БД, то есть выводят определенное число записей, хранящихся в разных блоках. Следующие действия – обращение в файле php к БД, демонстрация результата. В таком случае понадобится скрипт:

 // указание параметров для подключения к MySQL
$host=’localhost’; // имя хоста
$database=’lazyloader’; // имя базы данных
$user=’root’; // имя пользователя
$pass=»; // пароль пользователя

// подключение к MySQL
$db = mysql_connect($host, $user, $pass)
or die(«Не могу соединиться с MySQL!»);
mysql_select_db($database)
or die(«Не могу подключиться к базе данных!»);

//получение количества и позиции
$begin = ($_POST[«begin»])?$_POST[«begin»]:0;
$count = ($_POST[«count»])?$_POST[«count»]:12;

//формирование запроса к БД
$query = «SELECT * FROM база данных WHERE type=’тип’ LIMIT «.$begin.»,».$count.»»;

//выполнение запроса и получение результата
$result = mysql_query($query);

//формирование вывода данных, полученных из базы
while($row = mysql_fetch_array($result, MYSQL_ASSOC)){
echo «Английское название: «.$row[«name_en»].»»;
echo «Русское название: «.$row[«name_ru»].»»;

После этого следует проверить работоспособность.

Заключение

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

  1. Невозможность индексации либо снижение глубины сканирования по причине некорректно настроенных ссылок пагинации.
  2. Возникновение дублированного контента. Подобная ситуация получается при использовании страницы «Смотреть все» и одновременном разделении на отдельные. При этом rel= »noffollow» для разбиения страниц не используется.

Чаще всего лучшим решением станет применение двух методов: атрибута rel=”next/prev” (понятен для Google) и мета-тега robots=”noindex,follow” (подходит для Google, Яндекс). Это – “золотая середина” в работе с оптимизацией пагинации.

weblinepromo.ru

Логика поисковых систем

С точки зрения ранжирования для поисковых систем это есть и всегда будут две различные страницы с двумя различными URL-адресами. Скажем /catalog/ и /catalog/?page=2. Таким образом:

  • У них должны быть различные Title и meta-теги, иначе это были бы точь-в-точь одинаковые страницы (дубли), а это не так.
  • Не должно быть дублированного контента (в данном случае — текста, изображений).

Логика человека

С точки зрения обычного человека, всё примерно также:

  • Я не хочу видеть второй раз то, что уже выдел на предыдущей странице (текст и товары).
  • Это другая страница и она мне интересна, поэтому я её и посетил.

Простые выводы

  1. Раз страница интересна посетителям, значит, она может быть интересна и пользователям поисковой системы, а, следовательно, её лучше не закрывать от индексации.
  2. Не надо дублировать текст, Title и meta-теги, это будет вредить и человеку и поисковому роботу.

Теперь мы готовы сформировать конечные рекомендации по работе со страницами пагинации.

Пример постраничной навигации на сайте

Оптимизация постраничной навигации (пагинации) на сайте

  1. Каждой странице постраничной навигации требуется задавать свой тег Title и meta-теги.
  2. На каждой странице требуется водить свой текст описания (или выводить уникальный текст описания на основной странице и скрывать его на второй и последующих).
  3. Страницы не требуется закрывать от индексации, так как они могут привлекать дополнительный целевой трафик.

Полезные приёмы:

  • Каждую страницу пагинации можно оптимизировать под свои тематические НЧ и СЧ запросы, это подход дает свои плюсы.
  • Title и meta-данные должны быть релевантны контенту страницы, в частности имеет право на существование подход, при котором Title и meta-теги генерируются исходя из конкретных товаров которые выводятся на странице.
  • На каждой странице требуется выводить свой уникальный текст релевантный списку товаров или скрывать текст описания и выводить его только на основной (первой) странице.

Как быть с тегом h1, он может дублироваться?

Да, тег основного текстового заголовка h1 может дублироваться, в этом нет большой проблемы (если он отражает содержание текста страницы). В последнее время мы также рекомендуем не раздувать его содержимое и ограничиваться 1-4 словами.

Удачи!

Дата ответа: 15.04.2014
Автор ответа: Дмитрий Севальнев

pixelplus.ru

Польза пагинации для SEO

Давайте рассмотрим, какую невероятную пользу несет постраничная навигация для сайта в плане поисковой оптимизации. Она обеспечивает доступ ко всем страницам сайта из списка страниц категории. Да, действительно. Особенно, когда у вас 50 страниц и чтобы добраться до, скажем, 21 страницы, поисковому роботу нужно углубиться на … сколько уровней? Найти на 21 странице товар или пост и углубиться еще на один уровень. Да, польза колоссальная, особенно если учесть, что поисковые боты не ходят глубже 3-4 уровней вложенности. Нет, ну конечно ходят, но ценность и сроки индексации с каждым уровнем падают в геометрической прогрессии.

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

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

SEO постраничной навигации на сайте

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

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

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

Исключение пагинации из индексации

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

Исключение пагинации через Канонические ссылки

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

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

<link rel="canonical" href="http://site.ru/category/"/>

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

Исключение пагинации через Robots Disallow

Представим, что адрес номерной страницы выглядит так:

http://site.ru/category/page/3

Всего-то надо попросить поисковых роботов не ходить куда не надо, а именно:

Disallow: /category/page

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

Исключение пагинации динамических страниц

Ежели пагинация на сайте организована средствами URL динамических:

http://site.ru/category?page=3

Извольте воротиться в robots.txt прописать уже знакомые:

Disallow: ?page=

или

Clean-param: page /

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

Ставь лайк, делай репост, подписывайся на новые статьи, которые выходят каждый день.

convertmonster.ru


You May Also Like

About the Author: admind

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.