Постраничная разбивка (другие названия – пагинация, постраничная навигация) необходима тогда, когда требуется структурировать большой объем информации внутри категории, раздела, каталога или даже в рамках одной статьи. Такой прием помогает снизить нагрузку на сервер при выведении большого числа записей, а также повысить удобство пользования. Однако при реализации пагинации вебмастера́ иногда упускают из виду аспекты SEO, что приводит к проблемам с индексацией и ранжированием контента сайта поисковыми машинами. Как избежать этих проблем – читайте далее в нашем выпуске.
Способы реализации постраничной разбивки
Несложно заметить, что без постраничной навигации не обходится ни одна крупная площадка сети, будь то интернет-магазин, форум, видеохостинг, новостной сайт, блог или иной ресурс с больши́м объемом контента. Пагинация помогает структурировать информацию и представить ее в удобочитаемом виде.
Способов реализации постраничной разбивки может быть несколько, и их выбор обусловлен, как правило, функциональными особенностями площадки. Чаще всего на сайтах можно встретить формат нумерованного списка (Рис. 1).
Рис. 1. Нумерованный список страниц
Для блогов нередко используется пагинация в виде навигационных ссылок (Рис. 2).
Рис. 2. Навигационные ссылки
С ростом популярности веб-приложений, для которых характерна не горизонтальная, а вертикальная структура, постраничная разбивка реализуется посредством синтеза скриптов и HTML и представляет собой так называемый бесконечный скроллинг. Он может раскрывать контент как автоматически (при прокрутке страницы вниз), так и при клике кнопки «Загрузить еще» (Рис. 3).
Рис. 3. Вертикальная загрузка страниц при клике по кнопке
Это решение повышает удобство просмотра сайта на экранах мобильных устройств. Обратите внимание, что при реализации бесконечного скроллинга на сайте Лайфхакер в момент перехода от одной страницы к другой URL динамически изменяется (за счет использования метода «history.pushState»). Только в таком исполнении можно считать, что постраничная разбивка выполнена корректно. Это позволяет добавить в закладку конкретную страницу из указанной категории или поделиться ссылкой на нее.
Библиотека jQuery позволяет внести и другое разнообразие в оформление пагинации. С помощью специальных плагинов можно получить эффект слайдера и реализовать навигацию без необходимости перезагрузки страницы (Рис. 4).
Рис .4. Смена страниц без их перезагрузки (посмотреть демоверсию)
Постраничная разбивка и SEO
С одной стороны, страницы пагинации представляют собой отдельные документы сайта с уникальными URL и индексируются поисковыми роботами как самостоятельные единицы. С другой стороны, эти страницы в техническом плане являются лишь составной частью одного документа (раздела, статьи) и наследуют его мета-описание (Title, Description), а частично и содержание, в результате чего возникают дубли, которые нежелательны для поисковой оптимизации сайта.
Прежде всего, нумерованные страницы категории не должны оптимизироваться под поиск и участвовать в ранжировании. Для многих из них (например для блогов, интернет-магазинов, видеохостингов и новостных сайтов) характерна подвижность контента (смещение ранних записей на более глубокие страницы пагинации). Кроме того, такие страницы не имеют уникального сопроводительного описания и не могут быть релевантными какому-либо ключевому запросу. Поэтому необходимо предпринять меры, чтобы исключить пагинацию из поиска и дать указание роботу, что приоритетной для индексации и ранжирования является непосредственно общая страница категории (по СЧ-запросам), а также каждая отдельно взятая в ней запись (товар, пост, видеоролик, новость (по НЧ-запросам).
Рассмотрим способы, с помощью которых можно этого добиться.
1. Перелинковка страниц посредством атрибутов rel =''next'' и rel =''prev''
Данный метод рекомендован специалистами Google, однако Яндекс его не поддерживает. Состоит он в том, что для тега <link> каждой страницы пагинации указываются атрибуты rel =''next'' и ''prev''. Они связывают нумерованные страницы в единое звено, в результате чего робот идентифицирует их как составные части одного элемента (например, категории товаров), который и следует проиндексировать (Рис. 5). Дополнительную информацию о данном методе и его реализации можно найти в справочных документах Google.
Рис. 5. HTML-атрибуты rel="next" и rel="prev" связывают все страницы пагинации и позволяют отдать роботу общую страницу для индексаци
2. Канонический URL для каталога или страницы «Посмотреть все»
Этот метод актуален для всех поисковых систем. Решение заключается в создании одной страницы «Показать все», где будут выводиться все записи раздела, и сделать ее канонической, то есть приоритетной для индексации и отображения в результатах поиска. Все страницы пагинации необходимо сослать на каноническую, прописав атрибут rel=''canonical'' (Рис. 6).
Примечание: метод с использованием страницы «Показать все» не подойдет для излишне большого количества страниц в пагинации (более 20), так как загрузка сотен записей на одной странице будет занимать продолжительное время. В качестве канонической можно также определить корневую страницу – непосредственно каталог, раздел, категорию.
Рис. 6. Каждая страница пагинации выступает для робота составным элементом страницы «Посмотреть все» или корневого раздела
3. Блокировка индексирования пагинации
Это, пожалуй, самый простой способ запретить поисковым роботам индексировать нумерованные страницы. Достаточно лишь добавить в раздел <head> каждой страницы пагинации выражение <meta name="robots" content="noindex">, и после очередного захода робота они будут исключены из индекса.
Примечание: этот вариант безотказно работает с Яндексом, тогда как Google в любом случае проиндексирует контент в <noindex> (но не будет учитывать его и отображать в результатах поиска). Запрет индексирования можно прописать и другим способом – в директиве Disallowфайла Robots.txt (в этом случае не потребуется использование <noindex>). Чтобы не допустить полной пропажи контента категории в результате блокировки пагинации, следует первую страницу (она же – главная страница категории) оставить открытой для индексации.
Однако в этом способе есть недостаток для SEO – уменьшение количества страниц сайта. В результате блокировки пагинации робот получает только одну страницу в категории и может сделать неверный вывод об объеме полезного контента (например, о широте ассортимента товара). Поэтому предпочтительней использовать метод канонических URL, показывая поисковой машине все имеющиеся страницы в категории.
Выводы
Постраничная разбивка – это стандартное решение для компактного представления большого объема контента. И все же специалисты рекомендуют по возможности минимизировать количество страниц пагинации (например, за счет фильтров или увеличения числа подкатегорий), чтобы не утомлять пользователей длительным «прокликиванием» нумерованного списка. Оптимизировать разбивку можно любым из указанных выше способов, но наиболее универсальным является сочетание методов с использованием атрибутов rel =''next'', rel =''prev'' (работает для Google) и rel=''canonical''.
Рассылка Сеопульта