Пагинация страниц: как значительно улучшить юзабилити сайта

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

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

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

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

Цели пагинации страниц:

• увеличение скорости загрузки;

• удобный просмотр информации на сайте;

• упрощение навигации;

• представление страниц в виде, к которому привыкли пользователи.

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

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

Источник: shutterstock.com

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

Какие сайты используют пагинацию:

• электронные библиотеки – для поиска книги или автора по алфавиту;

• интернет-магазины – для пролистывания отзывов или фотографий товара из карточки;

• фотобанки – используется постраничное разделение огромного количества фотографий;

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

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

Влияние пагинации страниц на SEO

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

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

Удобство использования сайта

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

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

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

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

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

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

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

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

Классическая нумерованная пагинация

Это самый популярный вариант, когда посетитель сайта видит список пронумерованных страниц (1, 2, 3 и т. д.).

Источник: shutterstock.com

Достоинства:

• можно легко вернуться к нужной странице, простая ориентация;

• можно пропустить раздел, который неинтересен;

• есть оптимизация для поисковиков (SEO).

Недостатки:

• при большом количестве страниц навигация усложняется;

• переход к следующему материалу требует дополнительных кликов.

Кнопка «Загрузить еще» (Load More)

При нажатии на данную кнопку подгружается необходимая информация.

Достоинства:

• снижено количество переходов между страницами;

• можно просматривать больше данных, не обновляя страницу;

• хороший вариант для интернет-магазинов, соцсетей и лендингов.

Недостатки:

• затруднен переход к конкретным страницам;

• может ухудшаться индексация в поисковых системах.

Бесконечная прокрутка (от англ. «Infinite Scroll»)

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

Достоинства:

• улучшение опыта пользователей благодаря плавной загрузке данных;

• повышение вовлеченности, поскольку не нужно совершать дополнительных действий, чтобы пролистывать страницы;

• можно использовать на платформах, где контент постоянно обновляется.

Недостатки:

• сложности с возвратом к предыдущей информации и навигацией;

• не всегда положительно воспринимается алгоритмами поиска;

• возможна перегрузка браузера, так как постоянно загружаются новые материалы.

Проблемы «кривой» пагинации страниц

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

Ограничения поисковых роботов

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

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

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

Источник: shutterstock.com

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

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

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

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

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

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

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

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

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

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

Небольшой объем информации

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

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

Ухудшение параметров ранжирования

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

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

Правильная SEO-пагинация страниц

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

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

Сделать title уникальным

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

Источник: shutterstock.com

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

url: https://www.site-shop.ru/catalog/udochki/

title: Удочки для рыбалки – купить удочку в интернет-магазине

Страница пагинации #2 имеет следующий адрес:

url: https://www.site-shop.ru/catalog/udochki/?page=2

title: Удочки для рыбалки – купить удочку в интернет-магазине | Страница 2 или Удочки для рыбалки – Страница 2

Рекомендуется использовать более короткий вариант, так как он полностью помещается на вкладке.

Уникализировать description

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

Для уникализации мета-тега можно также использовать переменную «Страница #».

Например, адрес основной страницы раздела такой: https://www.site-shop.ru/catalog/udochki/

description: Купить удочки в интернет-магазине. Каталог и стоимость удочек на сайте. В наличии и на заказ 320 удочек от мировых производителей. Доставка в любую точку России.

Адрес страницы пагинации #2: https://www.site-shop.ru/catalog/udochki/?page=2

description: Купить удочки в интернет-магазине. Каталог и стоимость удочек на сайте – Страница 2.

Избегать повторов текста

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

Применять пагинацию в продвижении

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

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

10 способов повысить эффективность пагинации страниц

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

Тестирование сайта

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

Источник: shutterstock.com

Можно выполнить ручную и автоматическую проверку.

• Ручная.

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

В появившемся окне с кодом нужно выбрать в меню «Найти» или «Поиск» и ввести слово «canonical». На экране должно появиться примерно следующее:

rel= "canonical " href ="URL-адрес текущей страницы"

Если такая строка не появляется, значит корректной индексации нет. Если вместо нее вы видите rel=«next» и rel=«prev», это говорит о том, что пагинация на сайте устарела. Однако не спешите ее удалять. Далее мы рассмотрим все плюсы и минусы этого способа.

• Автоматическая.

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

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

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

ТОП-7 кейсов
из разных ниш с ростом
от 89% до 1732%

Узнать подробнее

Количество ссылок и страниц

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

В SEO используется правило, согласно которому на каждую страницу должно быть не более 100 ссылок (золотой стандарт). Дизайнеры же говорят о том, что графическое пространство сайта не пострадает, если использовать 10 или меньше ссылок. И то, и другое мнение правильно, но все зависит от ситуации.

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

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

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

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

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

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

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

Источник: shutterstock.com

Разрешено:

• Делать ссылки на максимально возможное число страниц пагинации, исходя из правила «100 ссылок на каждую страницу».

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

• Применять релевантные категории и подкатегории и размещать кросс-ссылки на них. Это позволит правильно распределить ссылки по всему объему сайта.

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

Запрещено:

• Показывать не все страницы из пагинации. В таком случае алгоритмы поиска не проникнут в глубину структуры ссылок.

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

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

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

Заголовки и мета-описания в пагинации

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

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

Например:

• Первая страница называется «Музеи и выставки в России».

• Мета-описание первой страницы: список всех 375 музеев и выставок в России, в том числе в крупных городах.

• Пятая страница пагинации называется «Страница 5 из 8 для музеев и выставок в России».

• Мета-описание страницы 5 пагинации: листинг 251–300 (из 375) музеев и выставок в России, в том числе в крупных городах.

• Альтернатива – страница 5 пагинации называется «Страница результатов 5/8 музеев и выставок в России».

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

Пагинация next/prev

Яндекс и Google недавно заявили, что они больше не поддерживают и не используют способ пагинации страниц, основанный на тегах rel=«next» и rel=«prev». Эта разметка, которую раньше использовали чаще других (практически на 99 % сайтов), позволяла поисковым роботам распознавать конкретные страницы, как часть пагинации.

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

Источник: shutterstock.com

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

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

Правильно атрибуты разбивки на страницы размещать в секции <head>, а не в <body> – это раздел содержимого.

На первой странице в разделе заголовка должна быть следующая строка: <link rel="next" href="http://yoursite.ru/page2.html&amp;amp;quot;&amp;amp;gt;.

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

Строка на второй странице пагинации должна быть такой: <link rel="prev” href="http://yoursite.ru/page1.html&amp;amp;quot;&amp;amp;gt;. То есть, вы даете ссылки на предыдущую (первую) и последующую (третью) страницы.

Ссылка на последней странице пагинации перенаправляет только на предыдущую страницу: <link rel="prev" href ="http://site.ru/page2.html&amp;amp;quot;&amp;amp;gt;.

Использование noindex

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

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

Для этого на каждой странице, включая вторую и последующие, в секции <head> нужно поставить следующую строку: <meta name="robots" content="noindex, follow">.

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

Пагинация rel=canonical

Поскольку теги prev и next были запрещены, их место заняло другое решение: отображение на всех страницах пагинации тега rel=canonical. Благодаря ему поисковики понимают, что URL-адреса страниц А и Б похожи. Этот подход напоминает пагинацию, а тег дает гарантию того, что ссылка на основную страницу категории есть на каждой из страниц пагинации.

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

Источник: shutterstock.com

Тогда страница категории «Розы» будет такой:

• https://mysite.ru/roses/

Страницы в пагинации будут такими:

• https://mysite.ru/roses/page/2

• https://mysite.ru/roses/page/3 и т. д.

В этом случае на каждой странице пагинации, ссылающейся на страницу https://mysite.ru/roses/ (страницу категории), должен быть размещен тег rel=canonical.

То есть, тег со ссылкой на категорию необходимо добавить в раздел <head> каждой страницы пагинации: <link rel="canonical" href ="http://mysite.ru/roses/&amp;amp;quot;&amp;amp;gt;

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

Это наиболее безопасный для SEO-оптимизации подход.

Кроме страниц в пагинации можно сделать отдельную страницу «Просмотреть все». На ней весь контент будет показан без разбивок. Каждую из страниц пагинации нужно связать с этой страницей, разместив в разделе <head> тег <rel=«canonical»>, который будет ссылаться на страницу «Просмотреть все».

В заголовок каждой страницы с пагинацией добавляется строка: <link rel="canonical" href="https://yoursite.ru/products/view-all.html&amp;amp;quot;&amp;amp;gt;.

При этом yoursite.ru нужно заменить на URL-адрес вашего сайта.

Благодаря тегу canonical поисковые роботы понимают, что каждая страница пагинации – это часть страницы «Просмотреть все», поэтому контент не дублируется.

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

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

Метод Ajax и Javascript помогут компенсировать долгую загрузку видео, фото и другого контента, а также бесконечную прокрутку.

Пагинация с бесконечной загрузкой – Ajax или JavaScript

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

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

Источник: shutterstock.com

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

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

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

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

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

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

Фасетная навигация как вариант пагинации

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

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

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

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

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

Пагинация с вариантами выбора

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

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

Скачайте полезный документ по теме:

Чек-лист: Как добиваться своих целей в переговорах с клиентами

Часто задаваемые вопросы о пагинации страниц

Какие ошибки допускаются при настройке пагинации страниц?

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

• Медленная индексация похожих страниц. Это характерно для интернет-магазинов, где много карточек товаров.

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

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

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

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

Как выбрать тип пагинации страниц?

При выборе типа пагинации страниц нужно обращать внимание на следующие факторы:

• Цели сайта. Если имеет место регулярное обновление контента, рекомендуется пользоваться бесконечной прокруткой, а если на сайте размещена архивная информация, подойдет классическая пагинация.

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

• SEO-оптимизация. Классическая пагинация индексируется поисковиками лучше в сравнении с бесконечной прокруткой.

• Опыт пользователей. Формат навигации нужно выбирать в зависимости от предпочтений аудитории.

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

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

• WordPress: Pagination by BestWebSoft, WP-Paginate;

• Joomla: APOULET SEO Pagination, Seo Pagination;

• Drupal: Node Infinite Scroll, Paginate.

Другие плагины можно узнать, обратившись к программисту или к поиску Google.

Какой способ настройки пагинации лучше выбрать?

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

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

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

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

Источник изображения на шапке: shutterstock.com

Автор статьи

Дмитрий Свистунов

Руководитель SEO-отдела и разработки

Последние статьи этого автора:

• Как провести вебинар: правила, этапы, полезные инструменты
• Массовая рассылка email: задачи, виды, этапы создания

Забрать подарок