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

Новая жизнь старой пагинации

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

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

Если вам тоже хотелось «как-то проще» — тогда вам сюда. В статье хочу рассказать о новом, изобретенном, виде пагинации. Чтобы было понятно откуда растут ноги, вводной частью пущу небольшой рассказ о двух самых распространенных видах отображения контента. Их достоинства и недостатки. Потом перейду к сути.

Бесконечный скроллинг

позволяет просматривать поток контента как единое целое, без видимой финишной черты.

Классическая пагинация

механизм, который делит контент на отдельные страницы.

Новоизобретенная пагинация

Проанализировав достоинства и недостатки двух топовых видов, изобрела третий, который включает достоинства и выключает недостатки первых двух.

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

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

Никакой магии, все просто. Но почему-то на сайтах я такого способа не видела.

Чтобы не летать в облаках и проверить в бою, новая пагинация была протестирована на пользователях (4 человека) при проектировании каталога товаров интернет-магазина.
При тестировании пользователи понимали, что это за штука и для чего предназначена, переключались/ возвращались на страницы, знали где они находятся и сколько страниц еще впереди.

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

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

Источник

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

8 ноября 2017 Опубликовано в разделах: Азбука терминов. 20680

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

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

Сегодня пагинации бывают нескольких типов:

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

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

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

Как сделать пагинацию

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

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

Вывод при этом может иметь следующий вид:

Рассмотрим написанный код. Наиболее простым вариантом из возможных является ситуация, когда мы в центре (к примеру, на странице 8), справа и слева свободно отображаются страницы.

Если мы находимся в начале, используем другой код:

Проблемы с пагинацией при SEO

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

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

Если говорить о повторяющемся контенте, позиция поисковиков к нему резко отрицательная. Объясняется это просто: каждой странице должен соответствовать релевантный контент. Если контент схож, например, список товаров + описание групп одинаковые либо похожи, поисковику трудно определить релевантную страницу из представленных.Значимость страниц распыляется и теряется, главная страница уже не выделяется на фоне остальных. Следовательно, в выдаче поисковика сайт теряет позиции.

SEO и пагинация

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

Закрыть пагинацию для индексации

Многие задаются вопросом, как закрыть страницы пагинации от индексации. Для этого есть несколько решений.

Здесь важно проработать XML карту ресурса. Если страницы ресурса динамичные, то есть можно использовать фильтры, ссылка первой веб-страницы должна выглядеть так: название домена/catalog. Со страниц «название домена/catalog?page=1» делаем редирект 301 на веб-страницу «название домена/catalog».

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

Страницы пагинации имеют определенный вид «вид http://название домена/category/page/n», в которых n— номер страниц. Необходимо прописать robots.txt, присвоить ему определенную команду: «Disallow: /category/page». Данный способ универсален и подходит для любых поисковиков. Однако нюанс сохраняется: весь контент со страниц пагинации, кроме контента первой, будет исключен.

Применять страницу «Смотреть все» и тег CANONICAL

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

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

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

На сайте компании SEMANTICA вы можете заказать продвижение кадрового агентства. Оставьте заявку, и мы вам перезвоним в ближайшее время.

Источник

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

15 декабря 2021

Что изменено?

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

Определение термина пагинация

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

Формы пагинации

Типы пагинации, которые применяются для крупных веб-ресурсов:

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

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

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

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

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

Поисковые системы. В навигации результатов выдачи поисковых систем Яндекс и Гугл первая страница всегда в зоне видимости. Такая блочная сортировка позволяет пользователям выходить на первую страницу (в ТОП-10) — для получения наиболее релевантных (соответствующих ключевому запросу) результатов органической выдачи. В большинстве случаев люди для поиска нужных товаров или услуг не идут дальше первой страницы; только небольшая часть просматривает еще 2-5 страниц.

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

Преимущества и недостатки применения пагинации

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

Преимущества и недостатки пагинации приведены в Табл. 1

Как сделать пагинацию на сайте удобной для целевой аудитории

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

Советы по созданию простой и удобной постраничной навигации:

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

Какие проблемы SEO могут возникнуть из-за пагинации

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

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

Решение этих проблем приведено в Табл. 2.

Таб. 2 Типовые проблемы пагинации для СЕО и их решения

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

Источник

Что такое пагинация и как ее сделать на страницах сайта

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

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

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

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

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

Существуют следующие виды пагинации:

Ни один из этих типов не имеет особых преимуществ перед другими. Какой применить на своём сайте — дело вкуса веб-мастера.

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

На сайте она решает несколько задач:

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

Что такое социальная реклама и зачем она нужна

Что такое социальная реклама и зачем она нужна

Как сделать пагинацию

Чтобы выполнить настройку пагинации самостоятельно, потребуются определённые навыки. Чаще всего веб-мастера сталкиваются с необходимостью сделать её на языке 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: как сделать пагинацию

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

Постраничная навигация нужна, чтобы:

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

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

Виды пагинации

Номера страниц

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

Постраничная навигация с номерами используется чаще всего

Здесь важно не забывать о правильном и понятном интерфейсе:

Пагинация Показать еще

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

Подгружайте достаточное количество товаров – от 30 до 50

Бесконечный скролл

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

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

Пример бесконечной прокрутки в Pinterest

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

Буквенная навигация

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

Буквенная пагинация на сайте интернет-магазина

Комбинированная пагинация

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

Показать еще и постраничная нумерация часто используются вместе

Ошибки пагинации

Оптимизация страниц пагинации для интернет-магазинов и других сайтов крайне важна. Почему? Потому что неправильно настроенные страницы приводят к вероятности появления сразу 2х тяжелых «сео-грехов».

Дубликаты страниц/некачественный контент

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

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

Как проверить:

1. Просканировать сайт с помощь Xenu, чтобы обнаружить дубликаты title и description, и изучить список проблемных страниц.

2. Зайти в панель Яндекс.Вебмастер — Индексирование — Страницы в поиске — Исключенные страницы и проверить те, которым присвоен статус Недостаточно качественная. Если там есть страницы пагинации, то скорее всего дело в дублировании заголовков.

Яндекс.Вебмастер: Исключенные страницы

Проблема индексации товаров

Краулинговый бюджет каждого сайта ограничен, потому что даже поисковики не обладают настолько мощными ресурсами, чтобы сканировать весь интернет каждый день. Вот пример трастового сайта с 44000+ страниц в индексе — средний показатель визитов ботов Google держится на уровне 12500. Если сайт меньше или на него никто не ссылается, то и посещений робота будет меньше.

Скрин графика сканирования из Google Search Console

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

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

Как проверить:

Зайти в панель Яндекс. Вебмастер — Индексирование — Страницы в поиске — Все страницы и скачать список всех страниц из базы поиска Яндекса.

Яндекс.Вебмастер: Страницы в поиске

Отфильтровать строки в таблице по названию URL и проверить сколько карточек товаров попали в индекс. Если их меньше 90% от реально числа, то с индексацией есть существенные проблемы.

Настройка пагинации

Итак, без пагинации не обойтись, это действительно важные страницы сайта. Но как настроить SEO пагинацию правильно?

Адреса страниц пагинации

Адреса могут быть как статическими, так и динамическими.

Пример статического URL:
https://www.site-shop.ru/catalog/page-2/

Пример динамического URL:
https://www.site-shop.ru/catalog?page=2

Формат URLа не имеет решающего значения, его выбор, как правило, зависит от особенностей CMS.

Первая страница — это всегда начальная страница каталога, поэтому https://www.site-shop.ru/catalog/ и https://www.site-shop.ru/catalog/page-1/ будут по сути одной и той же страницей, дубликатами. Важно проследить, чтобы нигде в блоке навигации не формировалось ссылки на первую страницу с параметром. В любом случае обязательно проставьте 301 редирект с https://www.site-shop.ru/catalog/page-1/ на https://www.site-shop.ru/catalog/.

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

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

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

Ничего не делать

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

Закрыть страницы пагинации

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

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

Страницы с мета noindex не будут проиндексированы роботом

Здесь же стоит добавить и про второе значение атрибута content — follow/nofollow. Значение nofollow означает инструкцию для робота не выполнять переход по ссылкам на странице. Внутренние ссылки не стоит помечать nofollow в любом случае. Хорошо, если робот проигнорирует эти инструкции, но таким способом можно и прекратить сканирование, и нарушить передачу внутреннего веса другим страницам сайта.

Добавить на страницы пагинации rel=»canonical» со ссылкой на первую страницу

Несколько лет canonical-пагинация считалась оптимальной в Яндексе. Надо добавить тег с атрибутом rel=»canonical», указав первую страницу в качестве канонической. Например,

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

В качестве преимущества данного подхода можно выделить:

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

Добавить на страницы пагинации rel=»canonical» со ссылкой на страницу со всеми товарами

Алгоритмы Google считают single-page content (чем больше товаров на странице, тем лучше) оптимальным выбором. Соответственно, если уж мы делаем какую-то страницу канонической для пагинации, то это должна быть страница со всеми товарами.

Например, мы создаем страницу с параметром page-all и устанавливаем ссылку на нее типа Смотреть все на других страницах каталога. Также прописываем canonical для страниц пагинации, где канонический адрес это страница page-all.

Появляется новая страница на сайте со всеми товарами

Здесь есть сразу несколько подводных камней:

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

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

Добавить на страницы пагинации rel=»canonical» со ссылкой на самих себя

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

Этот подход распространен в англоязычном SEO

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

Использовать атрибуты next и prev

До марта 2019, когда ведущий аналитик и специалист по качеству поиска Google Джон Мюллер написал свой твит, эти теги также широко рекомендовались к использованию. Разметка prev-next указывает связь между страницами пагинации.

Для первой страницы мы указываем следующую за ней:

Для второй уже обозначаем и предыдущую страницу:

Для последней N-страницы указывается уже только предшествующая:

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

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

SEO пагинация

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

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

Уникализируем title

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

Например, первая (основная) страница раздела:

Страница пагинации #2:

Короткий вариант более удобен и поместится на вкладке целиком.

Уникализируем description

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

Уникализировать содержимое мета-тега можно опять же с помощью переменной “Страница #”.

Например, первая (основная) страница раздела:

Страница пагинации #2:

Не допускаем повторов текста

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

Использование пагинации в продвижении

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

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

Пример пагинации: чек-лист

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

✔️ Каждая страница пагинации, начиная со второй, должна иметь собственный URL, динамический(/catalog/?page=2) или статический (/catalog/page2/). Выбор определяется оптимальностью технического решения.

✔️ Страницы пагинации, для которых не хватает товаров, например page=100000000, должны отдавать 404.

✔️ Первая страница в строке пагинации должна вести на основной урл, а не на page=1.

✔️ Страница пагинации #1 (/catalog/?page=1) должна возвращать код ответа сервера не 200, а 301 на основную страницу раздела (/catalog/).

✔️ Title каждой страницы пагинации отличается от title первой страницы и образуется по маске [Заголовок раздела — страница #], если не решено иное.

✔️ Description страниц пагинации формируется по маске с использованием переменных «Название раздела» и «Страница #».

✔️ Заголовок h1 на страницах пагинации не имеет критического значения. В зависимости от конкретной ситуации он может повторять заголовок на основной странице раздела или образовываться по маске «Страница # Название раздела».

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

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

✔️ Если присутствует функционал сортировки по цене, названию и т. д., отсортированная выборка должна сохранять порядок элементов при переключении страниц.

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

Источник

SEO оптимизация страниц пагинации

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

Различается несколько видов:

Основные минусы пагинации

Временной лимит посещения сайта поисковыми роботами

Да, не только людям свойственна нехватка такого тягучего и вечно ускользающего вещества как время. Пребывание бота на страницах сайта строго лимитировано. Количество проведённого времени определяется за счёт соотношения частоты обновления контента, траста и некоторых других показателей. Естественно, что отведённого временного интервала на индексацию всех необходимых страниц ресурса боту не хватит. Особенно если он потратит его на проверку огромного количества вкладок пагинации (товаров, статей, видео и т. д.).

Проблема с дублями

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

Человеческий фактор

Большинство пользователей обычно просматривают не более 2−3 страниц из предложенного списка. Следовательно, с позиции ниже 10-той — трафика можно не ждать.

Неудобство юзабилити

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

Не нужно, но… необходимо

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

Способы решения проблем SEO оптимизации постраничного пейджинга

Расширение навигации сайта

Рэнд Фишкин (гений, плейбой, стиляга, сооснователь MOZ, SEO специалист и маркетолог с мировым именем) в одном из своих видеоуроков советует пересмотреть стратегию навигации сайта. А именно — заменить постраничный пейджинг, созданием каталогов второго и третьего уровня.

2. Устранение постраничной навигации страниц пагинации посредством noindex

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

Данная процедура осуществляется посредством добавления в мета-тега :

3. Запрет индексации сайта при помощи файла robots. txt

Просто прописываем директиву: Disallow: /category/pagе

Минус: Исключает контент со всех страниц листинга, кроме первой.

4. Тег canonica l и страница «Смотреть всё» для страниц пагинации

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

Достаточно прописать в следующую строку:

5. Asynchronous Javascript and XML

Главная идея данного варианта SEO оптимизации — при прокрутке страницы вниз, автоматически подгружается новый контент. Достигнуть такого результата можно при помощи AJAX (Asynchronous Javascript and XML), позволяющей осуществлять обмен данными между сервером и браузером в фоновом режиме.

6. Решение проблемы пагинации при помощи тегов rel=»prev»и rel=»next»

Принцип достаточно лёгок: при помощи тегов Google получает команду при индексировании объединить все страницы, на которых прописан данный код, в одно целое.

Пример для трёх страниц каталога:

Все вышеперечисленные способы решения проблемы сео пагинации по своему хороши. Всем удачи.

На сайте компании SEMANTICA вы можете заказать размещение рекламы в интернете. Оставьте заявку, и мы вам перезвоним в ближайшее время.

Источник

Создаем кэшируемую пагинацию, которая не боится неожиданного добавления данных в БД

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

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

Существующие методы

1. Пагинация (разделение на отдельные страницы)

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

Код запроса данных из бд чаще всего ограничивается парой строк.

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

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

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

Минусы данного способа

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

Не получится кешировать результаты, т.к посты находящиеся на странице 2, при добавлении новых, непременно сместятся на страницу 3, 4 и так далее, т.е одна и та же операция GET возвращает разные результаты в зависимости от количества постов.

Если в момент перелистывания добавятся новые посты, то мы повторно увидим просмотренные элементы на следующей странице и напротив, пропустим если будем листать в обратную сторону.

2. Бесконечный скроллинг

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

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

При таком подходе проблема №3 проявляются еще более явно, если раньше мы не могли увидеть 2 похожих элемента рядом, то теперь это станет обычной ситуацией, конечно можно воспользоваться грязным трюком и отфильтровывать элементы с совпадающим id прямо на клиенте, но что если добавится 40 новых элементов за раз? Мы потратим 3 запроса к серверу, чтобы достичь новых результатов, т.к прошлые сместятся на 2 страницы (при условии что на одной странице 20 элементов). Это не мой подход!

Как решают эту проблему люди из интернета:

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

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

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

Моя реализация

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

Обновляем код на сервере

Для начала решим проблему кеширования, для этого просто всё перевернем.

Теперь последняя страница станет страницей номер 0, а предпоследняя страница номером 1, слово страница (page) сюда уже не вписывается, т.к мы с детства привыкли что в книжках страницы идут с начала, поэтому используем более нейтральное слово offset (смещение).

Теперь сколько постов мы бы ни добавили, GET «/?offset=0» всегда будет возвращать один и тот же результат.

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

Чего мы этим добились:

Теперь перекрытия id после добавления новых элементов стали невозможны.

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

Наш код на клиенте теперь не работает(

Минусы моего способа:

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

Если новый элемент оказывается не в начале после сортировки по выбранному полю (например по названию), то данный алгоритм не сработает. Поэтому подходит только сортировка по возрастающим или убывающим полям (например по дате или по id).

Обновляем код на клиенте

Заодно я покажу как сделать бесконечную прокрутку из пункта №2.

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

Бонус: Добавляем гибкую систему перехода по страницам

В данный момент мы можем перемещаться лишь на 1 страницу вперед или назад, добавим возможность перейти на любую страницу, элемент управления может выглядеть примерно так (в квадратных скобках текущая страница):

Основа метода для генерации пагинации взята из этого обсуждения: https://gist.github.com/kottenator/9d936eb3e4e3c3e02598#gistcomment-3238804 и скрещена с моим решением.

Показать продолжение бонуса

В начале вам нужно добавить этот вспомогательный метод внутрь тега

Теперь, при необходимости, можно перейти на нужную страницу.

Источник

Что такое пагинация на сайте и как продвигать такие страницы?

Пагинация — навигация страниц, делящая контент страниц на несколько блоков.

Чаще всего пагинацию применяют на страницах каталога или блога/новостей.

Она бывает нескольких видов:

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

А теперь рассмотрим, горячую тему для обсуждения seo специалистов – что делать с такими страницами?

Способов несколько:

Минусы такого метода:ухудшается внутренняя перелинковка, поиск видит не все товары сайта (широкая ассортиментная товарная матрица один из важных критериев ранжирования сайта)

Поставить атрибут canonical с ссылкой на первую страницу категории.

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

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

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

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

Источник

Пагинация: что это и зачем она нужна

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

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

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

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

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

Итак, на картинке видно, что по данному запросу, во-первых мы в топе, во вторых, микроразметка сайта показывает, что по вложенности сайта, страница по данному запросу находится на 4 уровне: Главная – услуги – продвижение сайта – SEO-продвижение.

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

Страницы пагинации: что это

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

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

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

Для чего используется атрибут пагинации

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

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

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

Источник

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

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

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

Пагинация в категории товаров маркетплейса

Как пагинация влияет на SEO?

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

Юзабилити сайта

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

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

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

Сканирование и индексация

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

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

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

Подходы в настройке SEO-пагинации

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

1. Индексировать все страницы пагинации и их содержимое

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

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

2. Индексировать одну общую страницу со всеми результатами

Этот подход заключается в создании нового URL-адреса, объединяющего все результаты категории, к которой применена пагинация. Для пользователей страница доступна по ссылке или кнопке «View all» («Показать все», «Смотреть все» и т. п.). Таким образом, для добавления контента в индекс краулеру достаточно обработать один URL.

Чтобы поисковая система не воспринимала совпадения на страницах пагинации и «View all» как дубли, используют canonical. На каждой странице последовательности добавляют каноническую ссылку на общий URL, тем самым указывая роботу на приоритетный для индексации контент среди копий.

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

3. Закрыть страницы пагинации от индексирования

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

Особенности: вариант актуален для крупных сайтов с объемными разделами и категориями. Из минусов — если поисковый робот не видит ссылки на страницах пагинации, могут возникнуть проблемы с индексацией страниц, на которые они ведут. Особенно если этих URL нет в XML-карте сайта.

Ошибки SEO-пагинации и как их обнаружить

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

1. Дубли Title и Description

2. Дублированный контент

Роботы сравнивают страницы сайта и определяет URL-адреса с неуникальным содержимым. Если Google находит копии, он исключает такие адреса из индекса. Отслеживание и устранение дублей — важный этап оптимизации ресурса.

3. Неправильная настройка канонических ссылок

Как мы уже говорили, канонические ссылки используют, чтобы перенаправлять роботов к приоритетным для индексации URL-адресам. На копиях или похожих страницах указывают атрибут rel=”canonical”, который ведет на основной (канонический) вариант. В некоторых случаях каноническая ссылка находится на той же странице, на которую она ведет, усиливая вероятность индексации этого URL-адреса.

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

Инструменты для поиска проблем SEO-пагинации на сайте

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

Google Search Console

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

Кроме статуса «Страница является копией» здесь есть информация о проблемах в настройке канонических ссылок. Например, если ни одна из копий страниц не определена в качестве канонической, или приоритетный URL, выбранный вебмастером, не совпадает с URL-адресом, рекомендуемым Google.

Сведения об исключенных страницах в Google Search Console

SEO-сервисы для комплексного аудита сайта

При помощи специальных инструментов можно провести детальный аудит ресурса по всем техническим параметрам. «Аудит сайта» от SE Ranking проверяет более 120 параметров и дает рекомендации по исправлению ошибок. Инструмент помогает выявить все проблемы, связанные с пагинацией, — повторения title и description, дублирующийся контент, проблемы с каноническими URL-адресами.

Блок «Title» в SEO-отчете по сайту Блок «Дублирование контента» в SEO-отчете по сайту

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

Давайте пошагово разберем, как настроить SEO-пагинацию в зависимости от выбранного подхода.

Цель 1. Индексация всех страниц пагинации

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

Настройка SEO-пагинации:

1. Создайте страницы пагинации с уникальными URL.

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

2. Свяжите страницы пагинации друг с другом.

3. Составьте уникальные title и description для всех страниц пагинации.

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

4. Обеспечьте индексацию страниц с помощью канонических ссылок.

Чтобы сделать каждую страницу пагинации канонической, в теге необходимо указать атрибут rel=”canonical” и ссылку, ведущую на эту страницу.

Цель 2. Индексация одной общей страницы «View all»

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

Настройка SEO-пагинации:

1. Создайте страницу, объединяющую все результаты страниц пагинации.

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

2. Укажите страницу «View all» в качестве канонической.

В теге каждой страницы пагинации должен быть атрибут rel=”canonical”, направляющий робота на общий URL — приоритетную для индексирования страницу.

3. Ускорьте загрузку страницы «View all».

Скорость отображения контента на экранах компьютеров и мобильных устройств влияет на позиции URL-адреса в выдаче. Определите причины, снижающие производительность страницы «View all», например, с помощью онлайн-сервиса PageSpeed Insights. Затем сведите к минимуму все негативные для скорости факторы.

Цель 3. Ограничение индексации страниц пагинации

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

Настройка SEO-пагинации:

1. Ограничьте индексацию всех страниц пагинации, кроме первой.

Не стоит для этого использовать файл robots.txt. Более предпочтительным будет один из двух способов:

В блок страниц пагинации от второй и выше нужно добавить метатег meta name=”robots” content=”noindex, follow”. Такая комбинация команд препятствует индексации страницы и при этом разрешает переходить по ссылкам, указанным на ней.

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

2. Оптимизируйте первую страницу пагинации.

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

Заключение

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

Есть несколько способов реализовать SEO-пагинацию на сайте:

Выявлять проблемы пагинации и проверять корректность ее настройки помогают специальные инструменты. Например, раздел «Покрытие» в Google Search Console, а также комплексный «Аудит сайта» от SE Ranking.

Источник

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

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

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

Далеко не все сайты располагают всем контентом на одной странице. Зачастую мы натыкаемся на мультистраничные ресурсы. Так устроены каталоги интернет-магазинов типа Ozon, Wildberries и Комус.

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

Поэтому нужна пагинация — деление сайта на отдельные страницы с похожим наполнением ради удобства и сокращения времени загрузки. Проще говоря, это кнопки с цифрами 1, 2, 3, 4… в меню. Каждая из них ассоциируется с определенной страницей, а на каждой странице отображается определенный набор элементов.

В случае с интернет-магазинами — одежда одного бренда или товары из одной категории.

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

Зачем использовать пагинацию?

Есть как минимум 2 веских повода изучить эту сущность и реализовать ее на своем ресурсе.

Чтобы посетители были довольны

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

Для удобства организации данных

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

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

Как пагинация влияет на параметры SEO?

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

Индексация

У поисковых служб типа Гугла и Яндекса есть боты, которые занимаются анализом всех веб-страниц в интернете. У ботов есть определенный «бюджет» сканирования, который нужно расходовать аккуратно.

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

То есть сократить количество индексируемых элементов и расставить приоритеты.

Дублирование контента

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

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

Появление бесполезного контента

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

Некорректное ранжирование

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

Гораздо лучше это сработает, если будет одна страница, захватывающая больше внимания, чем много страниц, захватывающих минимум внимания Гугл- и Яндекс-ботов. Это будет более качественная SEO-стратегия.

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

Далее поговорим об оптимизации пагинации. А в конце дам пару советов по поводу правильной настройки.

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

Настроить тег rel=«canonical»

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

Второй вариант предпочтительнее. Робот будет чаще «просматривать» одну из частей ресурса, положительно влияя на ее ранжирование. Вместе с этим на ранжирование сайта в целом.

Для этого используется HTML-атрибут rel=«canonical», сообщающий Гуглу и Яндексу, что страницы пагинации привязаны к одному каноничному адресу. Его и надо индексировать.

Инструкция по настройке каноничного URL-адреса

Настроить тег rel=«canonical» с кнопкой show-all

Минусы сведения пагинации к каноничному адресу

При попытке оптимизировать через show-all вы наткнетесь на следующие недостатки метода:

Настроить теги rel=«next» и rel=«prev»

Я не буду рассматривать этот вариант, потому что в прошлом году Google скорректировала работу алгоритмов поискового робота. Теги rel=«next» и rel=«prev» теперь бесполезны. Гуглу на них плевать.

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

Инженер Google Илья Григорик сказал, что их робот больше не ориентируется на сигналы в духе prev и next для индексирования сайтов. Но рекомендует их использовать, чтобы адаптировать ресурс для людей с ограниченными возможностями. На SEO это влияние не окажет.

Скрыть части пагинации от поисковых роботов

Этот метод тоже не рекомендуется использовать. Но можно вообще убрать всю пагинацию из страниц, доступных для индексации. Для этого в head вставляется метатег noindex или nofollow.

Настройка под поисковики

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

Под Google

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

Под Яндекс

Яндекс работает по тому же принципу, но игнорирует канонические адреса в ряде случаев:

А еще представители Яндекса рекомендуют прописывать метатеги noindex, чтобы избегать дублирования контента.

Другие советы по настройке пагинации

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

Источник

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

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

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

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

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

Для наглядности приведем пример:

А теперь представим эту книгу в формате свитка – длина получившегося «рулона» будет около 25 м (именно столько занимают 2 660 строк текста). Насколько легко у вас получится запомнить момент, на котором вы остановились, а затем быстро найти его?

В мире веб-сайтов существует та же проблема. Если объединить всю информацию на одной странице – получится настоящий кошмар, потому что:

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

Виды пагинации

Существует несколько видов пагинации:

1) Пагинация с номерами страниц

Каждой странице присваивается свой номер, с помощью которого пользователь может быстро перейти к нужному материалу. Такой вид пагинации используют большинство сайтов. Например, в разделах «Блог», «Статьи» и т.д. Обычно на каждой такой странице находится 10-15 статей. Чтобы посмотреть ранее размещенный материал, пользователю придется перейти на 2-ю, 3-ю и следующие страницы.

2) «Показать ещё»/«Загрузить далее»

Материал открывается на выбранной странице в ограниченном объеме. Чтобы посмотреть его полностью, пользователь должен нажать специальную кнопку – например, она может называться «Показать ещё». После этого еще часть материала будет загружена на этой же странице.

3) Бесконечный скролл

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

4) Алфавитная пагинация

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

5) Комбинированная пагинация

Объединение нескольких видов пагинации. Чаще всего объединяют пагинацию с номерами страниц и кнопку «Показать еще». Благодаря этому пользователь может сам выбрать, как ему будет удобнее просматривать материал – по порядку или быстро перелистывая на нужную страницу.

Функции пагинации

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

1) Увеличение скорости загрузки страниц

На страницах современных сайтов наряду с текстом размещаются изображения, видеоролики и другой контент. Из-за этого размер одной страницы может достигать нескольких мегабайт. А теперь представьте, что сайт состоит из сотен таких страниц – как думаете, сколько времени займет загрузка, если весь материал размещен на одной странице? Для примера: «вес» русскоязычной Википедии – более 25 ГБ.

2) Улучшение юзабилити сайта

Здесь можно выделить два основных преимущества:

3) SEO-оптимизация

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

Как сделать пагинацию

Чтобы сделать пагинацию на сайте, вы можете воспользоваться следующими способами:

1) Написать код самому

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

Пагинация на РНР может быть:

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

Главное преимущество метода заключается в его универсальности – он подойдет для большинства сайтов независимо от того, на чем они сделаны. Минус в том, что вы должны владеть РНР.

2) Загрузить готовый плагин/модуль

Если вы не владеете языками программирования, а ваш сайт создан на основе CMS – вы можете использовать готовые решения. Они предусмотрены практически для всех «движков», например:

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

WordPress – самая популярная CMS. По разным оценкам на долю этого «движка» приходится около 40% всех сайтов мира, поэтому пагинацию сайтов на нем стоит рассмотреть отдельно. Для настройки пагинации вы можете использовать множество готовых модулей.

Рассмотрим некоторые из них:

На что обратить внимание при настройке пагинации?

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

1) Размер ссылок
От размера ссылок (иначе говоря, кнопок – «Показать еще», «Далее», «Назад», «1», «2», «3» и т.д.) зависит то, насколько пользователю будет комфортно перемещаться между страницами. Особенно, когда это касается мобильной версии сайта – если использование мыши не вызывает никаких трудностей для клика на кнопку, то для нажатия пальцем пользователь будет вынужден постоянно увеличивать размер страницы. Не стоит делать ссылки слишком маленькими.

2) Размер страниц
Страницы не должны быть чересчур короткими или длинными – в среднем используется 20-100 элементов на одной странице. Например, интернет-магазины обычно выводят по 50-70 товаров на одной странице. Если страницы будут слишком короткими, пользователь устанет постоянно переходить между ними, если слишком длинными – страница будет загружаться очень долго.

3) Оформление
Пользователь должен понимать, на какой странице он находится в данный момент. Для этого рекомендуется выделять ее визуально – например, с помощью размера или контрастного цвета.

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

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

Пример адреса пагинации

Какие проблемы могут возникать для SEO при внедрении пагинации

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

1) Долгая индексация. Поисковый робот обрабатывает только определенное количество страниц. Если у вас их слишком много (например, огромное количество карточек товаров в интернет-магазине) – не все из них могут быть индексированы.

2) Дублирование. Часть страниц (например, карточки товаров, отличающиеся названиями моделей) могут восприниматься поисковиками в качестве дубликатов. Это может не очень хорошо повлиять на позиции сайта в выдаче. Или, например, будет ранжироваться пятая страница, вместо первой, которую сочли дублем.

Обычно поисковые системы распознают дубликаты через содержание страницы, title и description.

Решение проблемы с индексацией и дублированием

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

Итак, способы решить проблемы с пагинацией:

1. Закрыть страницы пагинации от индексации

Это можно сделать с помощью:

Для этого используйте специальный тег:

Подробнее об этом можно почитать в Справке Яндекса.

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

Пример: Если страницы пагинации имеют вид
https://sait.ru/category/?page=2,
где нумерация в атрибуте page – соответствующая страница пагинации, то чтобы закрыть от индексации все страницы, в robots.txt, к инструкции для поисковых ботов, нужно добавить строчку:
Disallow: /category/?page=*

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

2. Использовать атрибут rel=”canonical”

Атрибут canonical (или канонические ссылки) – это некий указатель, который дает понять поисковикам, какие страницы являются первоисточником, а какие дубликатами.

Подробнее об этом можно почитать тут:

Canonical можно поставить со ссылкой:

Если контент на сайте практически одинаковый, как это обычно бывает в маркетплейсах – атрибут rel=”canonical” ставят, чтобы поисковики его отличали.

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

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

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

Этот метод мы используем сами и рекомендуем вам. Для большинства сайтов это самый подходящий метод.

Пример: для страницы https://www.site.ru/catalog/?page=3 – нужен каноникал

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

Что еще важно учесть для SEO при настройке пагинации

1. Rel=”prev”/”next”

link rel=”next” – ссылка, ведущая на следующую страницу;
link rel=”prev” – ссылка, ведущая на предыдущую страницу;
href=”http://mysite.ru/page2.html ” – ссылка для перехода (вместо «http://mysite.ru/page2.html» подставляете свою ссылку).

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

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

2. AJAX и прокрутка Javascript

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

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

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

3. Уникализация title и description

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

Пример уникализации тайтл:

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

Пример уникализации дескрипшн:

4. Уникальный текст на первой странице

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

Вот типичный пример: это страница одного из сервисов на сайте otzyvmarketing

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

Вывод

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

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

Если вы хотите структурировать материал и упростить навигацию на сайте с книгами, рецептами и пр. – используйте алфавитную пагинацию. А интернет-магазины чаще всего размещают на страницах с карточками товаров кнопку «Показать еще».

Источник

Пагинация страниц сайта — что это и как ее сделать

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

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

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

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

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

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

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

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

Можно даже запомнить «ага, я нашел то, что мне лучше всего подошло, на пятой странице Google». Яндекс работает полностью аналогично, у него тоже есть пагинация результатов.

Для чего нужна пагинация

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

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

Какая бывает пагинация

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

Пагинация с номерами страниц

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

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

Пагинация «Показать еще»

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

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

Пагинация «бесконечный скролл»

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

Цель такой пагинации — имитация социальных сетей. Тот же Adme заставляет людей «зависнуть» на несколько часов, каждая новость создается специально, чтобы «зазывать» посетителей и не «отпускать». Это улучшает поведенческие факторы, но нужно понимать, что для чисто коммерческих проектов (интернет-магазинов) пагинация такого типа не подходит.

Алфавитная пагинация

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

Смешанная пагинация

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

Проблемы пагинации

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

Поэтому желательно знать основные ошибки.

Одинаковые страницы (дубли)

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

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

Как исправить: существуют специальные сервисы — Netpeak Spider или менее известный Xenu, которые умеют проверять сайт на наличие повторяющихся страниц. Обе программы эффективно помогают справиться с ошибочными страницами.

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

Слишком много позиций

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

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

Как исправить: в разделе Индексирования Яндекс.Вебмастера посмотреть, какие страницы находятся в поиске. Должно быть больше 90% в поиске, в противном случае необходимо редактировать пагинацию и вручную «указывать» поисковым системам на наличие товаров. Советуют сделать адрес страницы релевантным, например, не просто номер, а название: «iphon12max» или добавить специфические теги.

Универсальные способы для улучшения пагинации

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

Можно установить в качестве «канонической» саму себя для каждой из страниц пагинации. Метод можно отнести к «наименьшему вмешательству», тем не менее, он способен улучшить ранжирование.

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

Дополнительные правила пагинации

Есть еще несколько советов для уникализации контента и улучшения SEO-параметров пагинации:

Все эти характеристики не просто улучшают функционал, они также валидны для повышения сайта с «точки зрения» Google и Yandex.

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

Автоматизация пагинации

Некоторые современные системы создания контента предлагают автоматизировать функционал пагинации. Рекомендации для упрощения задачи:

Заключение

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

Источник