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

  • Дата:13.11.2020
  • Автор: Команда TurboSEO

пагинация страниц интерне-магазина

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

Пару слов о страницах пагинации

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

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

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

Представлены они довольно типичным образом. Сначала идет каталог товаров (как правило, не более 20 штук), а после череда цифр со страницами: 1,2,3 и так далее.

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

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

Как настроить пагинацию? Советы Google и советы SEO-специалиста

Начнем с советов из Google. Они таковы:

  1. Google советует ничего не делает со страницами.
  2. Google предлагает установить параметр rel="canonical"* на одну страницу со всеми товарами.
  3. Google просит поставить атрибуты next и prev – они нужны для обозначения предыдущей и следующей страниц.

*Данный параметр (Rel canonical) нужен для оптимизации определенной страницы: если на одну карточку товара можно попасть с разных URL-адресов, то и поисковая система будет продвигать одновременно несколько одинаковых страниц. Это довольно плохо, так как нужно установить продвижение для одной.

Что делают SEO-специалисты?

  1. Чтобы при продвижении сайта не возникало страниц-дублей, вебмастера делают две вещи: закрывают тегами </noindex> индексацию определенной страницы или прописывают определенный URL в файл robots.txt. В итоге лишние страницы запрещены для индексирования.
  2. Всем страницам, указанным в пагинации, прописывают параметр Rel canonical, устанавливая его на главную страницу магазина.

Чего нельзя делать на самом деле?

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

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

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

Сценарий раз: установка параметра Rel canonical на страницу pageall

Подходит для тех, у кого есть возможность создать страницу со всеми товарами. В такой ситуации нам нужно присвоить каждой странице (1, 2 … 10) параметр rel="canonical" и установить его на Pageall – страницу, где отображаются одновременно все товары.

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

  • было: _https://site.ua/razdel/page-2/;
  • стало: <link rel="canonical" href="_https://site.ua/razdel/page-all/" />.

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

Тут нужно отметить еще один момент: очень желательно вставлять SEO-текст на страницу Pageall. При этом на остальные страницы пагинации не нужно его дублировать.

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

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

Сценарий два: установка параметра Rel canonical на главную страницу

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

Итак, тут нам нужно избавиться от отображения диапазона страниц. Возьмем тот же пример:

  • было: _https://site.ua/razdel/page-2/;
  • стало: _https://site.ua/razdel/.

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

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

И последний момент – это создание тегов вокруг каждой страницы. В теги входит title (название), description (описание) и ключевые слова. То есть, к примеру, мы прописываем Title и добавляем надпись: «Страница №4».

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

Сценарий три: юзаем атрибуты prev и next

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

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

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

А теперь перейдем к практике:

  • было: _https://site.ua/razdel/;
  • стало: <link rel="next" href=" _https://site.ua/razdel/page-2/" /> (прописываем в теге head).

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

  • <link rel="prev" href="_https://site.ua/razdel/" />, <link rel="next" href="_https://site.ua/razdel/page-3/" />

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

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

Так что делаем следующее: ставим на вторые и последующие страницы тег: <meta name="yandex" content="noindex, follow" />. Таким образом, в компьютере клиента отобразятся наши данные, а лишнее будет скрыто от индексации Яндекса. Все счастливы! У Google официально таких атрибутов не подтвердили, но мы проверили - работает. Так что это справдливо и для поисковой систмы Google.

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

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

Еще парочка важных моментов

Да-да, они опять же идут из администрации Google. Советы следующие:

  • вы можете юзать хоть тег rel="previous", хоть тег rel="prev" – робот рассматривает их одинаково;
  • можно устанавливать не полные URL-адреса, а лишь последующие значения (например, вместо _http://site.ua/razdel/page-8 просто razdel/page8 (без домена));
  • Google индексирует атрибуты prev и next, но для него они лишь вспомогательные, они не являются правилом;
  • если вы допустите синтаксическую ошибку, то Google проигнорирует ваши установленные теги и будет индексировать сайт по своему алгоритму.

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

И тут вы можете задать заключительный вопрос: «У меня на сайте есть скрипты, я юзаю AJAX-прокрутку, мне тоже стоит волноваться?». Разумеется, да. Дело в том, что робот – это не пользователь. Когда вы скролите страницу, товары отображаются плавно и своевременно – это характерно для пользователя, но не для робота, что просматривает страницу целиком.

И еще: если вы уже сделали все настройки пагинации, но индексирование идет плохо, а страницы не отображаются в поиске, то попробуйте проверить код сайта. Можно вручную, а можно через специальный сервис Screaming Frog SEO Spider или наш украински й аналог Netpeak Spider. Не за что!

Каков итог?

1 – вы поняли, что без хорошей пагинации вы рискуете превратить свой сайт в призрак для реальных пользователей. Большое спасибо индексации.

2 – настраивать пагинацию нужно, и для этого вы должны задействовать второй или третий сценарий.

3 – если в интернет-магазине чересчур много страниц, закрываем их от индекса, оставляя только главную.