что такое страницы пагинации

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

Всем привет! Есть в SEO, как кажутся, элементарные и очевидные вещи, но если немного разобраться в них, возникает много вопросов и нюансов, которые беспокоят владельцев проектов. Сегодня я хочу поговорить про страницы пагинации (или еще их называют страницами листинга). Хочется написать развернутый урок: что, зачем и почему, чтобы все разъяснить, как удалось это сделать с уроком про переход на https.

Я уже рассказывал на своем блоге, как сделать пагинацию в WordPress (там же и рассказывал, что такое постраничная навигация). Теперь пришло время показать, что нужно с ними делать с точки зрения SEO. Многих беспокоят следующие вопросы:

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

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

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

Индексация пагинации

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

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

Требования Яндекса

Яндекс рекомендует ставить rel=canonical со второй, третьей и последующих страниц на первую (взял отсюда https://yandex.ru/blog/platon/2878):

Причем в данном случае проблем с индексацией товаров или постов не будет, так как rel=canonical не запрещает ходить роботам по страницам, но в индексе будет только основная страница в обоих поисковиках.

Требования Google

Гугл же рекомендует использовать теги rel=”prev” и rel=”next”, чтобы указать логическую последовательность между URL (вот тут https://support.google.com/webmasters/answer/1663744?hl=ru&ref_topic=4617741):

И в тоже время, Google рекомендует rel=canonical ставить саму на себя (в той же справке по ссылке выше):

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

И да, есть такой момент: Яндексу все равно на теги rel=prev и rel=next, он не понимает их и просто игнорирует.

А что же говорят SEOшники?

Мнений на эту тему очень много, приведу парочку.

Кто-то говорит, что каждую страницу пагинации нужно подтачивать под разные запросы. К примеру, первую страницу под “Купить ноутбук”, вторую под “Купить ноутбук недорого”, третью под “Купить ноутбук в интернет-магазине” и так далее. Не делайте так. Поисковики не настолько тупые, может быть это еще и работало лет 5-8 назад, но сейчас однозначно так не стоит делать.

А кто-то говорит запретить в robots.txt или использовать тег meta name=”robots” content=”noindex,follow”. Я раньше тоже так делал, но это не совсем правильно, так как поведенческие факторы со страниц пагинации не будут передаваться. Да и Яндекс также говорит:

Я не продвигаю страницы категорий на блоге (а зря, я рассказывал про пользу правильной SEO-оптимизацию категорий), все руки не доходят, как-нибудь доберусь обязательно, уберу “noindex, follow”. Тем, кто продвигает категории, рекомендую использовать инструкцию выше.

Дублирование в пагинации

Кстати, если Яндекс считает, что страницы пагинации – это дубли, то Google так не считает, ему главное указать rel=prev и rel=next. Если вы используете тег rel=canonical на основную страницу, то в индексе будет только она. Если же использовать только rel=prev и rel=next, страницы пагинации будут попадать в индекс поисковых систем.

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

Как оформить страницы пагинации

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

Также рекомендую, чтобы Title страниц пагинации генерировался. У меня плагин Yoast SEO просто дописывает “Страница Х из Y” и настраивается, если что это тут:

Если у вас интернет-магазин, можно добавить ссылку на страницу “Все товары” данной категории. Это позволит просмотреть страницу сразу, без переходов на другие страницы. В этом случае 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-марафона, я почти всем ответил на вопросы, осталось еще чуть-чуть, вопросов пришло очень много, разгребаю. 🙂 Если вдруг вы не успели записаться на предзапись марафона, ждите новостей на блоге (подпишитесь на рассылку по почте, чтобы не пропустить старт продаж), в феврале стартуем!

Ну и вопрос: а что вы делаете со страницами пагинации на своих проектах?

Источник

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

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

Работа с постраничной навигацией входит в список обязательных действий, осуществляемых SEO-специалистом. Однако стоит помнить фундаментальное правило поисковой оптимизации: страница должна быть релевантна ключевому запросу. Не нужно создавать бесчисленное множество дублей с идентичными заголовками (тег title и meta description). Для решения подобных проблем на помощь оптимизаторам приходит постраничная пагинация. О том, какой она должна быть в идеале, ходит много споров; этот вопрос поднимается практически на любом SEO-форуме или конференции. Попробуем разобраться в ситуации и внести ясность в эту проблему.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Метод 4. AJAX, Javascript.

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

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

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

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

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

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

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

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

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

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

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

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

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

//получение количества и позиции
$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»].»»;

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

Заключение

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

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

Источник

Что такое пагинация, и как её оптимизировать

Поделиться этим постом

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

При настройке пагинации легко допустить ошибки, которые могут серьёзно навредить оптимизации веб-ресурса.

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

1. Что такое пагинация страниц на сайте

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

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

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

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

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

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

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

Преимущества пагинации:

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

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

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

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

Что делать со страницами пагинации

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

Его нужно добавить в содержимое тега каждой страницы пагинации, кроме основной. При этом необходимо проверить, чтобы URL главной и первой страницы не дублировались. Для этого настройте 301 редирект с первой страницы (page-1) на главную страницу категории. А текст описания раздела разместите только на page-1.

Пример: в магазине игрушек есть категория «Куклы», в которую вложены страницы с карточками товаров:
site.ru/dolls/;
site.ru/dolls/page-1;
site.ru/dolls/page-2;
site.ru/dolls/page-3.

При возврате со страницы site.ru/dolls/page-3 на главную страницу категории должен выполняться переход на site.ru/dolls/, а не на site.ru/dolls/page-1. Значит со страницы site.ru/dolls/page-1 настраиваем редирект на site.ru/dolls/.

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

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

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

где page-main — главная страница категории.

Так вы указываете роботу, что страница site.ru/category/ входит в главную page-main.

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

Раньше можно было внедрять ещё один метод оптимизации пагинации — атрибуты rel=»prev» и rel=»next». В официальной справке Google рекомендовал использовать такой метод оптимизации страниц пагинации, но в марте 2019 года прекратил учитывать эти атрибуты при индексации.

4. Как настроить пагинацию на сайте

Создание пагинации состоит из нескольких этапов:

5. Как проверить, правильно ли настроена пагинация

Наиболее распространённые ошибки при внедрении пагинации:

Подводим итоги

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

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

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

Источник