что делать со страницами пагинации
Оптимизация страниц пагинации интернет-магазина — подробная инструкция
Как правильно оптимизировать страницы пагинации — одна из самых комментируемых тем на всех SEO-форумах. Попробуем разобраться в сути вопроса.
Что такое страницы пагинации и зачем они нужны?
Они создаются, чтобы не нагружать первую страницу текстовым полотном и чтоб не выводить на главную сотни или тысячи товаров. Перегруженная страница будет очень долго загружаться — пользователь просто уйдет с сайта.
Как выглядят страницы пагинации?
Обычно на сайтах интернет-магазинов, досках объявлений, блогах пагинация выглядит так:
Как оптимизировать страницы пагинации?
Google советует любой из трех вариантов:
SEO-специалисты практикуют и другие методы:
Не рекомендую использовать два варианта:
Не существует 100% гарантии, что робот сможет просканировать страницы карточек товаров, ссылки на которые находятся на закрытых для индексирования страницах пагинации. Этот способ стоит использовать, только если присутствует большое количество дублей и нет возможности сделать страницы уникальными.
Но в остальных случаях:
Чаще всего с необходимостью оптимизации страниц пагинации сталкиваются владельцы интернет-магазинов, поэтому приведу примеры пагинации именно для этого типа сайтов.
Новая жизнь старой пагинации
Когда занимаешься проектированием, уже в режиме «автопилот» замечаешь не только интересные фишки, но и шероховатости во взаимодействии, вещи, которые хотелось бы исправить на некоторых сайтах. Одна из таких вещей — пагинация (назовем это так) или способы подачи и поиска контента на сайте.
Меня вот всегда напрягала необходимость при поиске чего-либо, каждый раз переключаться на следующую страницу. Хотелось как-то проще просматривать информацию, не отвлекаться на лишние телодвижения.
Если вам тоже хотелось «как-то проще» — тогда вам сюда. В статье хочу рассказать о новом, изобретенном, виде пагинации. Чтобы было понятно откуда растут ноги, вводной частью пущу небольшой рассказ о двух самых распространенных видах отображения контента. Их достоинства и недостатки. Потом перейду к сути.
Бесконечный скроллинг
позволяет просматривать поток контента как единое целое, без видимой финишной черты.
Классическая пагинация
механизм, который делит контент на отдельные страницы.
Новоизобретенная пагинация
Проанализировав достоинства и недостатки двух топовых видов, изобрела третий, который включает достоинства и выключает недостатки первых двух.
Надеюсь, на картинке все понятно, но, на всякий случай, даю пошаговый рецепт блюда:
Таким образом, мы не вырываем пользователя из потока поиска информации, снижаем нагрузку, даем контроль над ситуацией и местоположением, показываем сколько страниц найдено и уже просмотрено, даем возможность быстрого перехода в начало (конец) списка.
Никакой магии, все просто. Но почему-то на сайтах я такого способа не видела.
Чтобы не летать в облаках и проверить в бою, новая пагинация была протестирована на пользователях (4 человека) при проектировании каталога товаров интернет-магазина.
При тестировании пользователи понимали, что это за штука и для чего предназначена, переключались/ возвращались на страницы, знали где они находятся и сколько страниц еще впереди.
Мое мини-тестирование не обнаружило никаких проблем с элементом, поэтому, считаю это жизнеспособным решением, которое облегчит жизнь при поиске (просмотре) контента сайта и не заставит пользователя совершать лишних действий.
Если вы обнаружили серьезные недостатки, либо, по какой-то причине, такой элемент интерфейса вам кажется неудобным, буду рада услышать ваше мнение.
Что такое пагинация и как ее сделать на страницах сайта
Пагинация — это необходимость для каждого большого сайта. Сколько статей или карточек товара может быть на крупном веб-ресурсе? Десятки, сотни, тысячи… Ориентироваться в таком количестве страниц пользователю очень трудно. И тут без пагинации не обойтись.
Однако есть и третий «участник» процесса — поисковые системы. Как они реагируют на использование пагинации и что делать, чтобы сайт не терял своих позиций в поисковиках. Ответы и варианты действий ищите ниже.
Что такое пагинация
Чтобы понять, что такое пагинация, достаточно представить, как выглядели бумажные книги до появления современного варианта с возможностью перелистывать страницы. Свиток, на котором был написан текст, нужно было долго разматывать, чтобы найти нужную информацию. Без пагинации так же выглядят и длинные веб-страницы.
Пагинацией называется разделение большого массива данных, имеющихся на сайте, на отдельные страницы для удобства использования.
Существуют следующие виды пагинации:
Ни один из этих типов не имеет особых преимуществ перед другими. Какой применить на своём сайте — дело вкуса веб-мастера.
Модуль е-коммерс
Зачем нужна пагинация
На сайте она решает несколько задач:
Иными словами, пагинация позволяет находить нужную информацию на сайте быстро и с комфортом. Поэтому пользователям веб-ресурсов этот механизм нравится.
Как сделать пагинацию
Чтобы выполнить настройку пагинации самостоятельно, потребуются определённые навыки. Чаще всего веб-мастера сталкиваются с необходимостью сделать её на языке PHP. Перед началом работы важно точно узнать, какое количество элементов (статей, карточек товара и т. п.) представлено в системе и во сколько страниц пагинации они будут объединяться.
При настройке этого механизма используются параметры:
Для каждой страницы необходимо написать свой код. Он будет зависеть от того, где она находится — в начале, середине или конце списка.
Для первой страницы код будет выглядеть следующим образом:
На каждую пагинационную страницу посередине нужно вставить:
На последней, соответственно, будет код:
Другой вариант — использовать специальный скрипт. Например, для этой цели подойдёт simplePagination. Его необходимо скачать и установить на сайт. Предварительно на последнем потребуется подключить фрэймворк jQuery.
Пагинация страниц в WordPress
К счастью, чтобы настроить пагинацию, необязательно осваивать работу с кодом. Например, в WordPress эта задача решена по умолчанию. Если вы не выполняете никаких настроек, в нижней части каждой страницы появляются ссылки Next post (Следующий пост) и Previous Post (Предыдущий пост). Это тоже своеобразная пагинация, но можно представить её и в другом виде.
Для этого понадобится специальный плагин. Чтобы их найти, достаточно воспользоваться поиском WordPress.
Несколько примеров плагинов для WordPress:
Прежде, чем устанавливать плагин, проверьте возможности вашей темы WordPress. Возможно она уже предусматривает пагинацию и эту опцию остаётся только настроить.
Настройка пагинации
Пагинация представляет собой простой список страниц, однако в её настройке немало тонкостей. Их важно соблюдать, чтобы сайт был удобен для пользователей.
При настройке обратите внимание на следующие моменты:
Особенности настройки пагинации WordPress
Прежде, чем активировать и настраивать нужный плагин, требуется выполнить настройки самой системы. Здесь нужно задать сколько постов выводить на одной странице. Для этого:
Настройка конкретного плагина зависит от его особенностей. Важно определить следующие параметры:
Проблемы с пагинацией при SEO
Для посетителя сайта в пагинации можно найти сплошные плюсы. Пользоваться сайтом удобно и быстро. Но поисковые роботы, посещающие веб-ресурс, могут быть иного мнения. И без правильного оформления с индексированием страниц сайта часто возникают проблемы.
Типичные сложности поисковой оптимизации сайтов с пагинацией:
Решение для всех проблем с SEO на сайте в этом случае будет одно — закрыть страницы с пагинацией от индексирования поисковыми роботами. Этого эффекта можно достичь несколькими способами.
Удаление страницы пагинации из индекса с помощью noindex
Весьма эффективный, хотя и достаточно трудоемкий метод. Для его осуществления необходимо использовать тег
Этот тег добавляют на все страницы каталога, исключая первую. Прописать его нужно в раздел вручную и именно на это на многостраничном сайте уйдёт много времени. Важно, чтобы ссылка (URL ) первой страницы не повторялась.
Преимущества данного способа:
Недостатки также есть:
“ Смотреть все” и rel=”canonical”
Смысл данного способа в том, что с точки зрения поисковой системы каждая страница пагинации имеет привязку к «Смотреть всё», то есть является второстепенной и не требует индексации.
Rel=”prev”/”next”
Выше уже упоминался способ «Предыдущая публикация» и «Следующая публикация», который по умолчанию используется для WordPress. Однако воспроизвести данное решение можно на любом сайте. Для небольших веб-ресурсов это весьма удобный вариант.
Эти конструкции нужно добавить на каждую страницу. Однако в зависимости от её места в пагинации они будут выглядеть по-разному:
AJAX и прокрутка Javascript
Этот вариант используется преимущественно для интернет-магазинов, виртуальных библиотек и других веб-ресурсов, где счет элементов идёт на сотни. При прокрутке внизу списка появляются новые элементы.
Это может происходить по двум сценариям:
С точки зрения SEO более предпочтительным будет второй вариант с любой формулировкой.
Однако при использовании этого способа часто возникают дубли контента. Это связано с использованием параметров, запрещающих появление новых элементов. В частности, переменные сессии, параметры сортировки, заданное количество элементов на странице.
Выход: использовать совместно ссылки вида r el=”prev”/”next” и rel=”canonical”. Для каждой страницы, которая служит адресом ссылки в другом звене цепочки, создаётся каноническая для перенаправления.
С уточнениями такой метод нужно использовать там, где есть множество страниц с уникальным содержанием, которые необходимо индексировать. Например, если взять товарные карточки несколько брендов кроссовок, ошибкой будет формировать их в единую цепь ссылок с использованием rel=”canonical”, так как в этом случае они не попадут в индекс.
Оптимальным решением будет разделить эти бренды и создать для каждого из них уникальную цепочку ссылок типа r el=”prev”/”next”. Важно также прописать для товаров каждой из них уникальный Title и Description.
Сквозная аналитика
Заключение
Пагинация на многостраничном сайте повышает уровень комфорта его использования и помогает пользователям быстрее найти нужную информацию.
Существует несколько видов пагинации и способов реализации этого механизма на веб-ресурсе. Можно отдать предпочтение как внесению изменений в HTML-код, так и установке специальных плагинов — это не играет особой роли.
Но к вопросу SEO-оптимизаци сайта с пагинацией нужно подойти серьёзно. Какой из четырёх способов предпочесть зависит от приоритетной поисковой системы (Яндекс или Google), количества элементов и многих других параметров. Правильно настроенная пагинация только повысит позиции сайта в поисковой выдаче, но любые ошибки в настройках могут стоить веб-мастеру дополнительных усилий и времени.
Как оптимизировать страницы пагинации на сайте
Под пагинацией понимают порядковую нумерацию веб-страниц. С её помощью решаются следующие задачи:
Для сайта важно, чтобы страницы пагинации были открыты для индексации. На них расположена информация, оказывающая прямое влияние на коммерческие факторы ранжирования. Необходимо, чтобы поисковыми ботами индексировались все материалы из разделов на страницах пагинации, будь то статьи, новостная лента или товарные карточки.
Закрытие страниц пагинации от индексации приведёт к тому, что поисковой системе будет сложнее отыскать все товары, статьи или новости раздела. Более того, опыт показывает, что грамотная настройка позволяет добиться получения на них органического трафика.
С другой стороны, страницы пагинации могут работать против вас, если расценены поисковиком как «некачественные», «дубли» и т. п. Важное замечание: они должны быть уникальными.
Настройка SEO пагинации
Наиболее неприятное явление при неправильной настройке пагинации – появление дублей в глазах поисковиков. Это, в свою очередь, приводит к сложностям при выборе релевантной страницы и трудностям с ранжированием. Рассмотрим, как грамотно настроить страницы пагинации, чтобы избежать подобных проблем.
Рекомендации поисковиков
У поисковиков был собственный перечень рекомендаций в отношении настройки пагинации. Так, в официальных рекомендациях Яндекса по данному вопросу уже давно рекомендуется настраивать каноникал всех страниц пагинации на первую основную.
Перечень официальных рекомендаций Google по работе с пагинацией был удалён в 2019 году, а других публикаций не наблюдалось. Судить о причинах этого можно по-разному, но большая часть специалистов рассматривает это, как уверенность компании в корректности работы алгоритмов поисковика. По этой логике бот будет в состоянии самостоятельно разобраться со структуризацией товаров/новостей, как бы ни была реализована пагинация. Главной задачей является обеспечение индексации ссылок на страницах пагинации.
Актуальные способы настройки пагинации
С нашей точки зрения, существует ряд действенных способов настройки страниц пагинации. Рассмотрим каждый из них.
Настройка каноникала на первую страницу
Тот самый совет Яндекса, рекомендующий в каноникал всех страниц ставить первую основную. К преимуществам этого подхода можно отнести:
Тут стоит отметить, что Яндексом не так давно была пересмотрена концепция поиска. Теперь неканонические страницы попадают в индекс, если бот посчитает это нужным.
Настройка каноникала каждой из страниц на себя
Эта разновидность настройки получила широкое распространение в англоязычном SEO. Она подразумевает добавление на страницах пагинации rel=»canonical» со ссылкой на них же самих. Благодаря такому методу получается:
Оптимизация каждой страницы пагинации под регион
Этот метод также предлагает настройку каноникала каждой из страниц на себя саму. При этом для каждой из них прописываются Title и Description с разными топонимами. Такой подход способен дать свои плюсы, особенно в выдаче Google:
Оптимизация каждой страницы пагинации под дополнительные запросы из семантики
Один из способов применения страниц пагинации в SEO предполагает использование их в роли посадочных под близкие по смыслу запросы, но «не садящиеся» на одну страницу.
Дополнительные рекомендации
Вне зависимости от выбора способа настройки, стоит следовать ряду рекомендаций. Рассмотрим их ниже.
Уникализируем Title
Мы уже писали в чек-листе оптимизации интернет-магазина, что необходимо генерировать уникальные Title на страницах пагинации, чтобы не возникали повторы между собой и с заголовком основной страницы.
Например, первая (основная) страница раздела:
Url: https://www.site.ru/catalog/ortopedicheskie-matrasy/
Title: Ортопедические матрасы – купить в Москве по цене от 2000 рублей
Страница пагинации №2:
Url: https://www.site.ru/catalog/ortopedicheskie-matrasy/?page=2
Title: Ортопедические матрасы – купить в Москве по цене от 2000 рублей | Страница 2
либо короткий вариант:
Ортопедические матрасы – Страница 2
Уникализируем Description
Аналогично необходимо делать и с метаописаниями Description. Когда несколько страниц имеют одинаковое описание, значит, каждая из них содержит одно и то же. И если веб-страниц с таким описанием много, для бота создаётся «впечатление», что ресурс несёт в себе малую информационную ценность. Именно по этой причине каждая страница, которую видит и обходит поисковик, должна обладать собственным уникальным Description.
Уникализацию содержимого метатега позволяет всё тот же способ, что применяли и с Title.
Первая (основная) страница раздела:
Url: https://www.site.ru/catalog/ortopedicheskie-matrasy/
Description: Заказать ортопедические матрасы ✔ в наличии 800 различных наименований ✔ скидки ✔ цены от 2000 до 326900 руб ✔ Доставка по Москве и МО
Страница пагинации №2:
Url: https://www.site.ru/catalog/ortopedicheskie-matrasy/?page=2
Description: Заказать ортопедические матрасы ✔ Доставка по Москве и МО – Страница 2.
Не допускаем повторов текста
Если на ваших категориях присутствуют тексты, следует удостовериться, что они есть только на первой (основной) странице.
Улучшаем хлебные крошки
При большом количестве страниц пагинации в разделе следует добавлять в хлебных крошках ссылку на первую (основную). Это позволит сосредоточить основной вес раздела на его главной странице.
Виды пагинации
Нумерация страниц
Самым распространённым типом навигации по сайту является уже ставшая привычной нумерация с гиперссылкой. Такой формат уместен в подавляющем большинстве случаев и интуитивно понятен посетителям.
При всей простоте стоит помнить о корректном и понятном оформлении:
Single page content
Динамическая или бесконечная прокрутка – инструмент, при помощи которого можно ознакомиться с контентом, размещённым на странице, полностью. Содержимое демонстрируется на экране динамически, как только посетитель ресурса прокручивает скролл до самого низа или нажимает на кнопку «Показать ещё». Такими бесконечными лентами примечательны сайты социальных сетей или поисковиков в разделе поиска картинок.
То есть посетитель ресурса может просматривать каталог, перечень статей блога или фото в соцсети, не покидая выбранную страницу. Такой тип пагинации называется single-page content.
Настраивается динамическая демонстрация содержимого при помощи Ajax-подгрузок в JavaScript или применяя специальные решения для CMS.
Как добиться того, чтобы поисковик «увидел» полный объём контента
Google умеет проводить индексацию страниц, оформленных с применением бесконечного скроллинга. Выпущено руководство для пользователей о том, как сделать веб-страницы подходящими под это.
Чтобы удостовериться, что поисковому боту виден весь контент, можно воспользоваться одним из вариантов:
Провести тестирование URL и проверку доступности контента ботам можно в Яндекс.Вебмастере и Google Search Console.
Аргументы не в пользу метода
Несомненно, благодаря автоматической подгрузке контента за счёт бесконечного скроллинга посетитель задерживается на сайте. Но этот тип пагинации не всегда удобен и выгоден в использовании за счёт того, что:
Эффективным сегодня решением считается комбинация нумерации страниц с их динамичной подгрузкой по нажатию кнопки «Показать ещё».
Комбинация решений
На наш взгляд, именно комбинация методов (клик по номеру страницы или по кнопке «Показать ещё») является наилучшим вариантом пагинации для сайта. За счёт нажатия на клавишу «Показать ещё» в URL будет отображён номер следующей страницы, на которую произошёл переход.
Что использовать в итоге
Выбирать подходящий для конкретного ресурса способ стоит, опираясь на направление работы сайта и предпочтения целевой аудитории.
Если у Вас возникли проблемы с оптимизацией страниц пагинации, обращайтесь к нам!
Про пагинацию в SEO продвижении агрегаторов. «Пьяный» поисковый робот Яндекса
Приветствую, друзья!
Сегодня небольшой пост про правильную работу с пагинацией в агрегаторах.
Как вы уже знаете, я занимаюсь разработкой и продвижением GuruHelp — агрегатора сервисных центров с адресами, ценами и отзывами.
Для тех, кому незнакомо слово пагинация — это разделение большого объема контента на страницы (от английского page — страница). Пример можете видеть на скриншоте снизу.
Логика поисковых систем следующая: они на вход получают sitemap — карту сайта и используют её как рекомендацию к обходу роботом страниц для анализа контента. Карта сайта (sitemap) — это специальным образом созданная техническая XML страница, в которой перечисляются все необходимые с вашей точки зрения ссылки для индексации (процесс обхода поисковыми роботами сайта, анализ их содержимого и включения в поиск по ключевым словам для этой страницы).
Так как Sitemap носит рекомендательный характер для ПС (поисковая система), то робот последовательно обходит все страницы и далее все страницы на которые есть ссылка на текущей, то есть полностью перебирает весь сайт. Поэтому очень важно при проектировании любого сайта изначально для себя набросать структуру, чтобы не создавались дубли страниц, не создавались «мусорные» малоинформативные страницы.
Вернёмся к нашим баранам, а точнее к страницам пагинации.Пример: основная страница(раздел) имеет url адрес: https://ghelp.ru/remont-telefonov/,а страница 2 имеет адрес соответственно https://ghelp.ru/remont-telefonov/?page=2 и так далее, пока не переберутся все страницы этого раздела.
Перед всеми специалистами встаёт вопрос, а какая страница попадёт в поиск?
Ниже приведу небольшую выдержку из официального блога Яндекса на этот счет.
Что делать со страницами пагинации и сортировки товаров?
Вторая часть вопроса связана со страницами сортировки, например, по цене, популярности или характеристикам. Чтобы разобраться с этой частью, необходимо понять, нужны ли такие страницы в результатах поиска, отвечают ли они в полной мере на запросы пользователей. Если страницы не отвечают на запросы пользователей поисковой системы, их лучше закрыть с помощью соответствующих правил в Вашем robots.txt, оставив для посещения роботом только действительно необходимые страницы.
Советы разных специалистов разнятся, кто-то говорит, что такие страницы нужно закрывать от индексации путем прописывания, кто-то говорит, что ничего не нужно делать и достаточно указать каноническую ссылку на основную страницу категории, как в примере выше, то есть фактически это позиция самого Яндекса.
Мы в своё время изучив много рекомендаций от ведущих экспертов в продвижении, прочитав много мануалов от поисковых систем решили, что не будем закрывать страницы пагинации от поисковика, пусть индексирует мы же указали основную ссылку, которую хотим видеть в поиске.
Но, ВНИМАНИЕ! На днях начал замечать следующее: в поиск начали попадать страницы массово с пагинацией.
Ради справедливости отмечу, что и основная страница в поиске. Однако, специфика агрегатора состоит в том, что доход от его деятельности в основном получается от платного ранжирования сервисов, то есть на первых местах ты показываешь частично, проплаченные сервисные центры, то есть для тебя важно, чтобы страница входа была первая страница.К тому же, если не совершить быстрых и экстренных действий, то есть высокий шанс в дальнейшем нарваться на «дубли» страниц и вообще вылететь из поиска с этими страницами.
Я решил все-таки обратиться в службу поддержки Яндекса со своим ФИ и разузнать что за «пьяное» поведение робота Яндекса.
Ответ говорит сам за себя. Но как раз суть в том, что страницы не очень различаются, так как на страницах общие теги, а лишь разные сервисы выводятся на разных страницах, к тому же у нас реализована система fairplay, согласно которой сервисы между собой ранжируются согласно тарифным в случайном порядке, чтобы у всех были одинаковые условия игры внутри каталога.
В ответ я поинтересовался, какой путь предстоит после закрытия таких страниц от индекса. Ответ неутешительный — несколько недель.
Опять же — это потерянное время и нервы!