Страница пагинации: Что такое пагинация, и как её оптимизировать – Блог Netpeak Software

Содержание

что это такое, простыми словами

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

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

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

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

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

Ее внедряют, чтобы:

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

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

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

Читайте также:

Как увеличить конверсию сайта: 30 рабочих способов

Пагинация необходима для:

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

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

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

Выделяется несколько видов пагинации:

  1. Нумерованный список, каждая цифра которого содержит ссылку для перехода.
  2. Нумерованный список на сайте
  3. Алфавитный порядок, где при выборе конкретной буквы открывается перечень названий, на нее начинающийся.
  4. Пагинация в алфавитном порядке
  5. Цифровой диапазон, где подразумевается выбор страницы, на которой находится нужный материал.
  6. Цифровой диапазон на сайте
  7. Кнопка «Показать еще» позволяет загрузить определенное количество элементов на страницу одним кликом.
Кнопка «Показать еще» 

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

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

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

Читайте также:

Инструкция по визуальному оформлению текста

Как настроить пагинацию страниц на сайте

В каждом виде CMS пагинация имеет свои особенности. Мы расскажем о том, как самостоятельно настроить ее с помощью WordPress и PHP.

Пагинация на WordPress

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

Предыдущая страница и следующая страница

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

Поиск делаем по метке pagination.

Плагины по метке Pagination

Далее вы можете выбрать совместимой с вашей версией WP плагин и установить его.

Читайте также:

Подробный гайд по оптимизации сайта на WordPress

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

  • размеру ссылок. Они должны быть удобными для клика мышкой или нажатия пальцем;
  • размеру страниц. Страница не должна быть ее чересчур короткой или длинной. Оптимальное значение — от 20 до 100 элементов на одну страницу;
  • оформлению пагинации. Листая страницы, посетителям важно понимать, на какой из них они находятся. Желательно выделить ссылку на текущий номер контрастным цветом;
  • пространству между элементами. Для визуальной привлекательности следует соблюдать баланс между ссылками. Они не должны быть слишком близко друг к другу, но при этом желательно уместить 10 ссылок на страницу.

Пагинация на PHP

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

В PHP пагинация делается двумя способами:

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

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

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

  1. Получить код следующего вида:
  2. Готовый код
  3. Разбить страницы на нужное количество. Для этого в код добавляется инструмент LIMIT и переменная $page, которая показывает текущую страницу.
  4. $art — инструмент для того, чтобы показать, с какой записи необходимо выводить данные.

    $kol — инструмент, который является показателем суммы записей для вывода на экран.

    Код с этими инструментами
  5. Добавить переменную $_GET, чтобы четко установить, на какой странице мы находимся необходимо:
  6. Код с переменной $_GET
  7. Для итогового формирования пагинации необходимо следующее:
  • найти через запрос количество всех записей;
  • узнать количество всех страниц:
Код, с которым вы узнаете количество всех страниц
  • Вывести ссылки через цикл:
  • Код для вывода ссылки через цикл. Готово!

    Для тематической навигации также используется инструмент LIMIT, как и в постраничной пагинации. Главное отличие состоит в том, что дополнительно используется инструмент GET. Вот пример итогового кода:

    Итоговый код с инструментом GET

    Читайте также:

    Как составить грамотное ТЗ на создание сайта: примеры и частые ошибки

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

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

    1. Задержка индексации однотипных страниц. С ней сталкиваются, продвигая интернет-магазины, при наличии большого количества карточек товаров.
    2. Дублированный контент на перелистываемых страницах. При обнаружении низкой уникальности роботы могут оштрафовать сайт.
    3. Сложность в выявлении важных страниц от менее значимых. Первые могут ждать индексации несколько месяцев, а вторые быть одобренными за пару дней.
    4. Скудный контент. Если в галерее изображений нет никакого текста и отсутствуют alt и title, роботы могут его не проиндексировать, поскольку им не за что будет «зацепиться».

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

    Присоединяйтесь к нашему Telegram-каналу!

    • Теперь Вы можете читать последние новости из мира интернет-маркетинга в мессенджере Telegram на своём мобильном телефоне.
    • Для этого вам необходимо подписаться на наш канал.

    Как пользоваться пагинацией на чужом сайте

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

    Цифровой список со ссылками на другие страницы

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

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

     

    Заключение

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

    1. Для интернет-магазинов с большим количеством товаров предпочтительнее выбрать страницы с кнопкой “Загрузить еще”. Сортировать товар лучше всего по стоимости, дате появления на сайте, популярности.
    2. Для информационных сайтов (например таких, как наш блог Kokoc.com), применим скроллинг. Постраничная пагинация подходит не меньше.
    3. Если у вас сайт с большим количеством фото- и видео контента, лучшим решением будет бесконечная прокрутка.

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

    11 мин — время чтения

    Дек 24, 2021

    Поделиться

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

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

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

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

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

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

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

    • Удобство страниц (Page experience)

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

    Один из этапов оптимизации сайта — заполнение тегов <title> и метатегов <description>. Краткую информацию о странице видят пользователи в выдаче и краулеры при сканировании. Поисковые системы рекомендуют прописывать уникальные 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.

    Чтобы поисковик воспринимал пагинацию в качестве отдельных страниц, используйте вложенность URL-адресов по принципу url/n или параметры запроса ?page=n, где n — номер страницы в последовательности.  

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

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

    Добавьте в код каждой страницы ссылку на следующий по счету URL, используя тег <a href>. Роботам будет проще сканировать разбитый на группы контент. Также стоит указывать ссылку на первый URL пагинации. Это будет дополнительным сигналом о том, какую страницу цепочки выбирать целевой при ранжировании.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    • Запрет индексации с помощью метатега robots.

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

    • Канонические ссылки на приоритетный для индексации URL-адрес.

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

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

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

    Заключение

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

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

    • индексация всех страниц пагинации;
    • индексация одной общей страницы «View All»;
    • запрет на индексацию всех страниц пагинации, кроме первой.

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

    3594 views

    Что такое нумерация страниц? И как реализовать это на вашем сайте

    15 октябрь

    15 октябрь

    Содержание

    Введение

    Что такое нумерация страниц?

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

    Crazy Coffee Crave

    Влияние на YouTube

    Оскар Хант

    SlideShare

    Поисковая система

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

    Лучшее взаимодействие с пользователем

    Упрощенная навигация

    Как нумерация страниц влияет на SEO?

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

    Может привести к созданию «тонкого» контента

    Может привести к созданию дублированного контента

    Разбавляет сигналы ранжирования ваш сайт для текущей реализации разбивки на страницы

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

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

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

    Страницы с разбивкой на страницы уникальны и релевантны

    Разумное использование ключевых слов

    Упорядочивание элементов на основе приоритета =canonical tags

    Сделать страницы с разбивкой на страницы каноническими

    Получить контроль над структурой ссылок

    Исправить фасетную навигацию

    В заключение

     

    Введение

     

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

     

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

    Весенняя уборка!

    Когда мы оценили наши сигналы индексации, мы решили отказаться от rel=prev/next.
    Исследования показывают, что пользователям нравится одностраничный контент , стремитесь к этому, когда это возможно, но многостраничный контент также подходит для Google Поиска. Знайте и делайте то, что лучше для *ваших* пользователей! #весна идет pic.twitter.com/hCODPoKgKp

    — Веб-мастера Google (@googlewmc) 21 марта 2019 г.

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

     

    В этой статье мы рассмотрим, как разделить контент на страницы, как это эффективно реализовать и как это влияет на SEO.

     

     

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

     

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

     

    Вот примеры сайтов, где используется пагинация:

    Crazy Coffee Crave

     

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

    Influence On YouTube

     

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

    Оскар Хант

     

    Пример Оскара Ханта показывает кнопку «Загрузить еще» вместо обычных 1,2,3 >>. При покупке обуви просмотр всего ассортимента обуви на одной странице может быть лучшим вариантом, чем просмотр нескольких страниц в поисках нужного товара.

    Slideshare

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

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

    Поисковые системы

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

     

     

     

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

     

    Вот еще причины, по которым нужна нумерация страниц:

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

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

     

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

    Упрощенная навигация

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

     

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

     

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

     

     

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

    Последствия сканирования вашего сайта роботами поисковых систем

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

     

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

    Что это значит?

     

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

    Может привести к созданию «тонкого» контента

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

     

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

    Это может привести к созданию дублирующегося контента

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

     

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

     

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

    Ослабляет сигналы ранжирования

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

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

    Компания Google недавно объявила, что они не использовали rel = ”next” и rel = ”prev” уже несколько лет и больше не будут их поддерживать. Это была одна из наиболее часто используемых разметки, позволяющая роботам поисковых систем знать, что определенные страницы разбиты на страницы. Хотя это вызвало различную реакцию среди SEO-специалистов, это также подчеркнуло необходимость правильной реализации нумерации страниц.

     

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

    В вашем арсенале тестов разбиения на страницы есть различные типы инструментов:

    Проверка элемента для проверки сходства страниц с разбивкой на страницы

     

    Щелкните правой кнопкой мыши, чтобы открыть элемент проверки. CTRL F и введите «канонический». Вы должны увидеть rel=»canonical» href=»URL текущей страницы»

     

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

     

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

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

     

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

     

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

     

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

     

    Если бы Google все еще поддерживал rel = «prev/next», проблемы, выявленные в разделе разбивки на страницы и SEO, можно было бы легко решить с помощью noindex, метатегов, канонических тегов и правильной реализации SEO на странице.

     

    Одним из последствий отказа Google от использования rel = «next/prev» является тот факт, что теперь каждая страница с разбивкой на страницы рассматривается Google как отдельная страница. Эта крупная поисковая система способна идентифицировать связанные страницы, даже если не используются такие директивы, как noindex и тег canonical.

     

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

     

    Вот как правильно реализовать нумерацию страниц:

    Контент на страницах с разбивкой на страницы уникален и актуален

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

     

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

    Разумное использование ключевых слов

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

     

    https://www.oscarhunt.com.au/accessories/shoes/view/oxford-toe-cap-black1

     

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

    Упорядочивание элементов на основе приоритета

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

     

     

    Использовать URL-адреса параметров для страниц с разбивкой на страницы

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

     

    https://www.oscarhunt.com.au/accessories

    https://www. oscarhunt.com.au/accessories/shoes

    https://www.oscarhunt.com.au/accessories/shoes/oxford-toe-cap-black1

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

    Страница обуви:

    и, наконец, фактический страница продукта:

     

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

    Использование тегов rel=canonical

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

     

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

     

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

     

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

     

    Вот что нужно добавить в шапку на каждой из страниц с нумерацией страниц:

     

     

    Замените URL правильными URL сайта.

     

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

     

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

     

    Убедитесь, что все ссылки, которые вы добавляете на страницы разбивки на страницы, доступны для сканирования.

    Сделать страницы с разбивкой на страницы каноническими

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

     

    В этой статье Google объясняется, как сделать страницу канонической среди других страниц с дублирующимся содержанием.

    Получите контроль над структурой ссылок

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

     

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

    Исправить фасетную навигацию

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

     

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

     

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

     

    В заключение

     

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

    Рекомендации по разбивке на страницы для Google | Центр поиска Google | Документация

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

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

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

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

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

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

    Выбор лучшего шаблона UX для вашего сайта

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

    • Разбиение на страницы : Где пользователь может использовать такие ссылки, как «следующая», «предыдущая» и номера страниц для перемещаться между страницами, отображающими по одной странице результатов за раз.
    • Загрузить еще : Кнопки, которые пользователь может щелкнуть, чтобы расширить начальный набор отображаемых результатов.
    • Бесконечная прокрутка : Где пользователь может прокрутить страницу до конца, чтобы загрузить больше контента. (Узнать больше о бесконечная прокрутка, удобные для поиска рекомендации.)

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

    UX-шаблон
    Пагинация

    Плюсы:

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

    Минусы:

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

    Плюсы:

    • Использует одну страницу для всего контента
    • Может информировать пользователя об общем размере результата (на кнопке или рядом с ней)

    Минусы:

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

    Плюсы:

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

    Минусы:

    • Может привести к «усталости от прокрутки» из-за неясного размера результата.
    • Не может обрабатывать очень большое количество результатов

    Как Google индексирует различные стратегии

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

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

    Если на вашем сайте используется JavaScript, следуйте этим Лучшие практики SEO для JavaScript. В дополнение к передовым методам, таким как обеспечение возможности сканирования ссылок на вашем сайте, рассмотрите возможность использования карта сайта файл или Фид Google Merchant Center чтобы помочь Google найти все продукты на вашем сайте.

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

    • Связывайте страницы последовательно
    • Используйте URL-адреса правильно
    • Избегайте индексации URL-адресов с помощью фильтров или альтернативных порядков сортировки.

    Связывайте страницы последовательно

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

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

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

    Используйте URL-адреса правильно

    • Дайте каждой странице уникальный URL . Например, включите параметр запроса ?page=n в качестве URL-адресов в последовательность, разбитая на страницы, рассматривается Google как отдельные страницы.
    • Не используйте первую страницу разбивки на страницы в качестве канонической страницы . Вместо этого дайте каждой странице отдельный канонический URL.
    • Не используйте идентификаторы фрагментов URL (текст после # в URL) для номеров страниц в коллекции . Google игнорирует идентификаторы фрагментов. Если робот Googlebot видит URL-адрес следующей страницы, который отличается только текстом после # он может не перейти по ссылке, думая, что уже получил страницу.
    • Рассмотрите возможность использования предварительная загрузка, предварительное подключение или предварительная выборка чтобы оптимизировать производительность для пользователя, переходящего на следующую страницу.
    В прошлом Google использовал
    Разное permalink

    Добавить комментарий

    Ваш адрес email не будет опубликован. Обязательные поля помечены *