Пагинация и SEO возможные проблемы и рекомендации по использованию


Оглавление (нажмите, чтобы открыть):

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

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

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

Польза пагинации для SEO

Давайте рассмотрим, какую невероятную пользу несет постраничная навигация для сайта в плане поисковой оптимизации. Она обеспечивает доступ ко всем страницам сайта из списка страниц категории. Да, действительно. Особенно, когда у вас 50 страниц и чтобы добраться до, скажем, 21 страницы, поисковому роботу нужно углубиться на … сколько уровней? Найти на 21 странице товар или пост и углубиться еще на один уровень. Да, польза колоссальная, особенно если учесть, что поисковые боты не ходят глубже 3-4 уровней вложенности. Нет, ну конечно ходят, но ценность и сроки индексации с каждым уровнем падают в геометрической прогрессии.

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

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

SEO постраничной навигации на сайте

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

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

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

Исключение пагинации из индексации

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

Исключение пагинации через Канонические ссылки

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

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

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

Исключение пагинации через Robots Disallow

Представим, что адрес номерной страницы выглядит так:

Всего-то надо попросить поисковых роботов не ходить куда не надо, а именно:

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

Исключение пагинации динамических страниц

Ежели пагинация на сайте организована средствами URL динамических:

Извольте воротиться в robots.txt прописать уже знакомые:

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

Ставь лайк, делай репост, подписывайся на новые статьи, которые выходят каждый день.

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

Все крупные интернет-магазины в обязательном порядке используют пагинацию – постраничную навигацию товаров. Делается это для удобства посетителей. Представьте себе, что какой-нибудь раздел содержит пару сотен единиц товара. Выводить их все на одну веб-страницу? В принципе, можно. В отличие от бумажной, интернет-страница безразмерна. Используй себе скроллинг и просматривай товар. Да, страница сайта безразмерна, но скорость-то соединения имеет конечную величину! И если каждая единица товара имеет изображения (а это сейчас делается практически всегда), то такая веб-страница может грузиться очень долго. Но если пагинация для юзабилити сайта – это всегда хорошо, то для SEO неправильная ее настройка сулит ухудшение позиций в поисковой выдаче и затрудняет индексацию:

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

Рассмотрим подробнее эти проблемы.

Лимит он и у поисковиков лимит

Робот поисковой системы на сайте находится отнюдь не столько времени, сколько необходимо, чтобы проиндексировать все его страницы. Это время лимитировано и определяется частотой обновления контента, трастом и массой других величин. А теперь представьте себе ситуацию: в интернет-магазине в каждом разделе по 20-30 страниц, отличающихся только названиями товаров. И каждую страницу робот будет индексировать, то есть считывать, ее содержимое. А до страницы конкретного товара он уже и не доберется, ведь она находится уровнем ниже. Но ведь владельцу интернет-магазина надо совершенно другое – индексация страниц с товаром!

Проблема дублированного контента

К одинаковому контенту даже в рамках одного сайта поисковики относятся плохо. Логика проста. На веб-странице сайта должен быть контент максимально релевантный запросу. А если на разных страницах он практически идентичный, то есть имеется список единиц товара (для разных страниц он разный, но очень похожий, так как товар однотипный) плюс ОДИНАКОВОЕ описание всей группы товаров, в котором и находятся ключевые слова. Как тогда определить из всех таких интернет-страниц наиболее релевантную? По сути, с точки зрения SEO, вес страниц распыляется. Главная страница раздела (каталога) теряется среди десятка ей подобных. А значит, в выдаче она неминуемо будет проседать, точнее, все веб-страницы будут проседать.

Варианты сео оптимизации страниц пагинации

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

Вариант №1. Запрет индексации страниц пагинации

А. При помощи мета-тега noindex

Этот вариант сео оптимизации подразумевает, что в секцию КАЖДОЙ веб-страницы пагинации кроме первой добавляется строчка:

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

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

  • Исключите дублирования URL первой страницы при динамическом создании веб-страниц. Другими словами, если на сайте реализованы фильтры – контент страницы зависит от заданных условий: сортировка по цене – с большей, меньшей, по популярности, по брендам и т. д. Для этого ссылка на первую страницу каталога должна иметь вид: название домена/catalog. А со страницы: название домена/catalog?page=1 необходимо сделать 301 редирект на страницу: название домена/catalog.
  • Обязательно создать XML карту сайта.
  • Этот вариант отлично понимает Яндекс.
  • Тег noindex не воспринимает Гугл.
  • При большом количестве фильтров и товаров в каталоге получается большое количество динамических страниц, на которых необходимо прописать мета-тег noindex.
  • Полностью исключается контент со страниц пагинации, за исключением первой.

Б. При помощи файла robots.txt

Пусть у нас страницы пагинации имеют вид https://название домена/category/page/n, где n – номер страницы. В этом случае в файле robots.txt прописываем директиву: Disallow: /category/page.

В случае с динамическими веб-страницами, вида https://названиедомена/category?page/n директива будет иметь вид: Disallow: ?page=

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

Вариант №2. Использование тега canonical и страницы «Смотреть все»

Суть этого варианта сео оптимизации состоит в том, что создается веб-страница, на которой показывается весь товар каталога, и с помощью тега canonical (о нем мы писали в статье «Сайт для мобильных устройств – способы создания и его сео оптимизация») вы указываете поисковым системам на нее как на каноническую веб-страницу. К примеру, у вас в интернет-магазине есть раздел «Абажуры». Тогда необходимо создать интернет-страницу со всеми абажурами, например, с таким URL: название домена/abajyru/?&show_all=yes. А на всех веб-страницах пагинации в секции прописать строку:

Нюансы сео оптимизации:

  • Если товаров много, то такая интернет-страница может грузиться достаточно долго. Как выход – уменьшить разрешение изображений товаров.
  • Тег canonical понимает и Гугл и Яндекс. При этом для Гугл такой способ исключения страниц из индексации является приоритетным.
  • Весь контент страниц пагинации будет индексирован через веб-страницу «Смотреть все».
  • Накладывает определенные ограничения на качество картинок и общий объем контента.
  • Для Яндекса тег canonical не является директивным. Он его может и проигнорировать. И эта вероятность возрастает, если контент на веб-страницах не будет идентичен. А такое обязательно будет, ведь список товаров будет отличаться.
  • При большом количестве фильтров и товаров в каталоге получается большое количество динамических страниц, на которых необходимо прописать тег canonical.

Вариант №3. AJAX-пагинация

Суть этого варианта сео оптимизации состоит в том, что при прокрутке станицы вниз в нее подгружается новый контент. Достигается это при помощи технологии AJAX (Asynchronous Javascript and XML), которая позволяет обмен данными между сервером и браузером пользователя в фоновом режиме. С данной технологией многие прекрасно знакомы, ведь она реализована во «ВКонтакте» и «Одноклассниках». AJAX позволяет все время подгружать список товара и вторых и последующих веб-страниц каталога просто не существует.

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

Вариант №4. Пагинация при помощи тегов rel=»prev»и rel=»next»

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

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

Для страницы №2 это будет выглядеть уже так:

И, наконец, для страницы №4:

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

Заключение

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

Что такое пагинация с точки зрения SEO и динамических страниц

Один из самых частых вопросов в профильных блогах и на форумах от новичков связан с публикацией обширных материалов: как лучше размещать контент: на одной странице или на разных? Эта проблема может быть связана как с объемом материала (статьи с большим количеством символов), так и с числом карточек на сайте (например, если товаров много). Самый простой способ решения этого вопроса — пагинация. В сайтостроительстве этим термином называют порядковую нумерацию веб-страниц. И дальше мы поговорим о том, как ее настроить и как она может повлиять на индексацию сайта.

Содержание:

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

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

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

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

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

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

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

Решение проблем с контентом при настройке пагинации

Итак, сначала договоримся о том, что для продвижения сайта в ТОП пагинация, в принципе, ни к чему: нам достаточно было бы и главной страницы (утрирую, но все же). А вот для получения заказов она очень даже важна — пока все товары не будут проиндексированы роботом, найти их пользователь вряд ли сможет. Большую роль играет она и в юзабилити — пользователю должно быть удобно при перемещении между категориями/каталогами/карточками.

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

Например, самый частый вариант организации каталога на продающих сайтах сегодня выглядит так: Главная > Чайники > Список моделей с пагинацией.

Можно представить это по другому: Главная > Чайники > Производители > Список моделей. Если и этого недостаточно, добавляем еще уровни каталогов: Главная > Чайники > По объему > Список моделей. Но это — не выход для магазинов, у которых таких каталогов придется создать массу, даже далее 2 и 3 уровня. Зато такой подход решает вопрос с динамическими страницами, поскольку фильтры создавать бессмысленно.

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

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

Некоторые оптимизаторы предпочитают использовать атрибут rel=»canonical». Для Google — это лучший вариант, а вот Яндекс, процитирую, «читает ссылку с атрибутом rel=»canonical» не строгой директивой, а предлагаемым вариантом, который учитывается, но может быть проигнорирован». То есть, если контент на страницах отличается, робот все равно проиндексирует их, не обращая внимания на атрибут (хотя Платон рекомендует использовать этот атрибут). Кроме того, потребуется создание страницы, на которой будет выводиться весь товар. Она-то и должна быть указана в качестве канонической. Ну и та же проблема, что с — нужно прописать атрибут на динамических страницах при наличии фильтров для вывода товаров.

Еще один вариант для Google — использование rel=»prev»и rel=»next». Яндекс с ними, к сожалению, не работает. Суть данного метода состоит в том, что робот ПС при индексации страниц объединяет те, на которых прописан код с использованием данных тегов. При этом создается «единая» страница со списком всех карточек, а контент из индекса не исключается.

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


Пагинация и SEO: возможные проблемы и рекомендации по использованию

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

  • Оцените публикацию
    Сайтостроение от А до Я
  • Настрочить жалобу в спортлотоautoRSS
  • Распечатать

Похожие публикации

Бесплатные адаптивные слайдеры

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

Одноуровневое меню с ползунком

Меню — это один из важнейших компонентов любого сайта. Сегодня трудно найти в Сети сайт без меню навигации. Мы подготовили для вас современно выглядящее одноуровневое меню. Рубрика: Юзабилити

Компонентизация веб-приложения

Это история разработки моего проекта. Большого. Он представляет собой смесь PHP и Node.js. С одной стороны это приложение из одной страницы, с другой — это SEO-оптимизированный сайт. Рубрика: Веб-программирование

7 элементов эффективной целевой страницы

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

Оптимизация отрисовки веб-шрифтов

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

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

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

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

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

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

1 Оптимальный размер страницы

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

Мастер Йода рекомендует:  Последнее обновление Skype скрывает ваш IP по умолчанию

2 Размер ссылок

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

3 Указание текущего положения

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

4 Ограничьте количество страниц и пространство вокруг элементов

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

5 Ссылки на предыдущую и следующую страницы

6 Ссылки на первую и последнюю страницы

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

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

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

7 Проверьте мобильную версию

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

8 Навигация с помощью клавиатуры

Дайте пользователям возможность использовать для навигации клавиатуру. Клавиша «Вправо» — следующая страница, клавиша «Влево» — предыдущая страница. Главное — предупредить пользователя о данной возможности. Для предупреждения хватит текста под пагинацией: «Используйте клавиши ← влево и вправо → для навигации по страницам».

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

Номера страниц или «Далее/Назад»?

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

Вывод

Хорошая пагинация улучшает читабельность и уменьшает сложность.

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

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

Типы пагинации

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

1. Разбивка статей

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

Соответственно, у каждой страницы будет свой URL-адрес, к примеру:

К каждой части вашей статьи может быть применено свое имя. Таким образом, к примеру, вместо vasha_statya-1.html вы легко можете использовать chast_name.html, в котором chast_name будет являться наименованием раздела. Однако, учтите, что это может вызвать некоторые трудности при поисковой оптимизации, поэтому, лучше всего, использовать метод 1,2,3.

1. Пагинация галерей

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

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

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

3. Деление на страницы комментариев в блогах или тем на форумах

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

4. Пагинация бесконечного прокручивания

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

Проблемы, которые могут возникнуть

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

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

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

На поисковой оптимизации очень негативно сказывается дублированный контент. А при пагинации, такое явление может возникнуть, если вы применяете разбивку контента по отдельным страничкам и страницу «Просмотреть все». Поэтому, при реализации разбивки страниц рекомендуется применять rel=”nofollow”.

Это позволит вам без опасений использовать страницу «Просмотреть все».

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

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

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

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

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

В каком месте применять пагинацию

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

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

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

Есть пользователи, которые больше предпочитают постоянное прокручивание страницы, нежели кликание по кнопке «Следующая». Поэтому, главное придерживаться правила – не больше 20 сообщений на странице, но и не меньше 10.
В случае с пагинацией категорий, лучше всего, будет создавать новую страницу, когда наберется порядка 50-70 ссылок. Можно также найти рекомендации по использованию 100 ссылок, однако это будет уже перебор. А если еще и с мобильного устройства просматривать, то и подавно.

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

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

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

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

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

Для пользователей WordPress прекрасно подойдет дополнение WP Table of Paginated Contents. С его помощью можно выполнять все действия, касательно содержания и настраивать его, как вам угодно.
Данный плагин позволяет сделать содержание следующего типа:

Помните о страничке «Просмотреть все»

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

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

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

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

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

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

При необходимости применяйте rel=“next” и rel=“prev”

Бывает, что условия конкретного проекта не позволяют создать страницу «Просмотреть все». Это также попросту может не допускать используемый вами тип пагинации. В таком случае, чтобы заставить «Google» индексировать полностью все странички из данной серии, вы можете прибегать к использованию rel=“next” и rel=“prev”.

С помощью этих HTML-атрибутов вы сможете указывать «Google» на последовательность индексирования ваших страниц.

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

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


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

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

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

Каким может быть пагинатор

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

Например, вот так сделана постраничная навигация в новой версии магазина Wildberries.ru

Мелко, блекло, незаметно.

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

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

Так выглядит пагинация в интернет-магазине lamoda.ru.

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

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

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

Похожим образом сделано в поиске по картинкам Яндекса.

Для интернет-магазина хорошо работает вариант, когда на странице списка товаров, вместо последнего товара выводится ссылка «Еще», а под ним традиционная пагинация.

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

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

Ошибки SEO в постраничной навигации

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

Дублирование содержимого тега Title

Одинаковый Title (заголовок в окне браузера) — частая ошибка, которая приводит к выпадению из выдачи поисковика части страниц пагинатора. Возникает из-за генерации по шаблону первой страницы каталога всех последующих страниц (2, 3 и т. д.).

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

Один description для всех страниц

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

Один текст описания раздела для всех страниц

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

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

Закрытие от индексации

Когда на сайте везде кроме поиска используются ЧПУ , то в robots.txt часто закрывают от индексирования все страницы, содержащие в URL параметры. Это правильный подход (подробнее я писал об этом в статье про базовые вещи для внутренней оптимизации сайта), но важно не забывать про постраничную навигацию, страницы которой должны оставаться видимыми для поисковиков. Обязательно проверьте, чтобы они были доступны для индексации.

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

В заключение несколько простых советов:

  • Если у вас в разделах не слишком много товаров, например, не больше 100 шт. в каждом, то постраничная навигация вам вообще не нужна. Не выводите товары по 20 или сколько-то там штук на странице. Показывайте все сразу, это будет работать лучше, чем бессмысленная в этом случае (когда товаров в разделе немного) пагинация.
  • Если товаров в разделах много, и без «постранички» не обойтись, сделайте чтобы на страницах было товаров не слишком мало. 80-100 — вполне нормально. не нужно мельчить и показывать на странице по 20-30 товаров.
  • В дополнение к пагинатору, дайте возможность пользователю самому выбирать сколько товаров на странице за раз он хочет видеть.
  • Подумайте над возможностью заменить пагинацию на «бесконечный скролл».

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

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

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

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

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

Недостатки:

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

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

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

Недостатки:

  • Прерывание состояния «потока» при поиске информации.
  • Новоизобретенная пагинация

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

    1. Берем постраничную пагинацию и «клеим» ее к правому краю сайта;
    2. Фиксируем. При прокрутке страниц пагинация остается, а страницы меняются. Как вариант, можно «клеить» внизу экрана.

    Стрелки вниз/вверх — начало/конец страницы;
    Высота, ширина, внешний вид — на свой вкус. Если страниц много — опять используем прием классической пагинации: 1 2 3 4 5… 10

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

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

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

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

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

    P.s. при написании статьи был использован материал и картинки из

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

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

    Мастер Йода рекомендует:  Подборка лучших видео по созданию приложений на Python

    Больше видео на нашем канале — изучайте интернет-маркетинг с SEMANTICA

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

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

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

    • Прямая нумерация («1», «2», «3». ).
    • Прямая с указанием позиций в списке («1-10», «10-20» . ).
    • Обратная с позициями («40-30», «30-20», «20-10» . ).

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

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

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

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

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

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

    Для начала определяем, сколько у нас будет страниц, сколько из них будет отображаться в пагинации и какова текущая. Возьмем 45 страниц, текущую возьмем с $_GET»а (если ее нет, она равна 1). Число страниц, отображаемых в пагинации, оставляем гибким, чтобы корректировать число ссылок справа и слева от текущей.

    Мы прописали сами данные, приступим к разработке пагинации. Она реализуется с помощью специальной функции — makePage, которая задается 4 параметрами: $iCurr (текущая страница), $iLastPage (последняя страница), $iLeftLimit (лимит слева), $iRightLimit (лимит справа).

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

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

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

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

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

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

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

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

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

    SEO и пагинация

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

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

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

    • Использовать мета-тег NOINDEX.

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

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

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

    • Использовать файл robots.txt.

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

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

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

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

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


    Атрибут «canonical» и пагинация: разногласия в рекомендациях Яндекса и Google

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

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

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

    Если кратко, то это три варианта действий:

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

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

    Использовать rel=»next» и rel=»prev», чтобы показать роботу Google взаимосвязь между страницами. В поисковой выдаче в этом случае будет показываться первая страница.

    Ознакомиться с рекомендациями можно по этой ссылке .

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

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

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

    Прочитать рекомендацию можно тут (п.2).

    Проблема заключается в том, что подобное использование rel=»canonical» специалисты Google называют ошибкой.

    Здесь можно прочесть статью в переводе

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

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

    Ответ от официального представителя Google удалось получить на одной из видеовстреч с вебмастерами. Андрей Липатцев (Google) подтвердил, что указывать первую страницу канонической в серии пагинации Google не рекомендует (смотреть с 15:30).

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

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

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

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

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

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

    1.Не забывайте про базовые моменты:

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

    — уникализируйте заголовки страниц пагинации (title), добавляя в них номер страницы. Description и Keywords на страницах пагинации можно не использовать;

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

    2. Закрытие страниц пагинации от индексации может ухудшить индексацию товарных карточек. Мы обычно не рекомендуем такое радикальное решение.

    3. Перед тем как предпринимать какие-то действия со страницами пагинации, проверьте, не приносят ли они поисковый трафик. Об этом пишут и сотрудники Яндекса:

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

    4. Нередко встречается рекомендация использовать для страниц пагинации
    – не индексировать текст страницы, но переходить по ссылкам.

    В целом – логичное решение, но специалисты Яндекса пишут про недостатки этого метода:

    Пояснить, что это за «некоторые показатели», Платон, по понятным причинам, отказался.

    5. И последняя рекомендация уже не совсем технического плана.

    Базовых настроек, которые мы указали в первом пункте, для большинства проектов вполне достаточно. Бороться с 5-10 страницами пагинации обычно нет смысла. Google в таких случаях рекомендует «не совершать действия».

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

    Оптимизация страниц пагинации интернет-магазина — подробная инструкция

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

    Что такое страницы пагинации и зачем они нужны?

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

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

    Обычно на сайтах интернет-магазинов, досках объявлений, блогах пагинация выглядит так:

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

    Google советует любой из трех вариантов:

    • ничего не делать;
    • настроить rel=»canonical» со всех страниц пагинации, включая первую, на страницу со всеми товарами — pageall;
    • использовать атрибуты next, prev, чтобы показать связь между страницами пагинации (было актуально до марта 2020 года).

    SEO-специалисты практикуют и другие методы:

    • закрывают от сканирования с помощью размещения либо запрещают к индексированию в файле robots.txt (при этом robots не является директивой).
    • на всех страницах пагинации указывают rel=»canonical» на первую (основную) страницу.

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

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

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

    Но в остальных случаях:

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

    Рассмотрим три популярных варианта.

    1. Настройка rel=»canonical» на страницу со всеми товарами (pageall)

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

    Например, со страницы https://site.com/category/page-2/ должен быть настроен .

    Так вы покажете поисковикам (и Google, и Яндекс), что существует страница, которая содержит все страницы пагинации, и нужно индексировать именно её.

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

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

    Кроме того, на большинстве CMS реализовать этот метод практически невозможно.

    2. Настройка rel=»canonical” со всех страниц пагинации на первую (основную) страницу

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

    Например, на сайте есть страницы пагинации:

    Но при этом со страниц site.com/category/page-2/, site.com/category/page-3/ и других при возвращении на первую, вместо site.com/category/ ссылка ведет на site.com/category/page-1/.

    Страница site.com/category/page-1/ в таком случае будет дублем site.com/category/.

    Необходимо убрать из ссылок на основную страницу элемент page-1, а также настроить 301 редирект со страниц с таким параметром на первую страницу категории.

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

    2.3. Настроить со всех страниц пагинации rel=”canonical” на основную страницу пагинации. Например, на странице https://site.com/category/page-2/ должен быть .

    2.4. Сгенерировать уникальные метатеги (Title, Description, Keywords) для страниц пагинации на основе шаблона.

    Title страниц пагинации = [Title основной страницы пагинации] — страница [N],

    где N — номер страницы пагинации.

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

    3. Использование атрибутов rel=»prev» и rel=»next»

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

    Однако в марте 2020 года представители поисковой системы признали, что более не поддерживают данный атрибут. Вместо rel=next/prev Google теперь рекомендует вебмастерам помещать свой контент на одну страницу, а не разбивать его на несколько страниц, однако важно помнить про скорость загрузки страницы, поэтому можно такую рекомендацию использовать при небольшом количестве товаров.

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

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

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

    Выводы

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

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

    SEO пагинация: как выявить ошибки и настроить правильно

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

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

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

    Как узнать, что на сайте неправильно настроена пагинация для SEO

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

    Дубликаты Title по сайту

    Ниже указаны инструменты, которые помогут найти дубликаты Title по сайту.

    1. Google Search Console

    Откройте вкладку Вид в поиске > Оптимизация HTML

    Переходим в «Повторяющиеся заголовки» и изучаем результаты на предмет URL присущих для страниц пагинации ( /page/2/ , /?page=2 и т. д.)

    2. Netpeak Spider или Comparser


    Запустите анализ требуемого сайта в одной из программ и по завершении сканирования отсортируйте результаты по дубликатам Title.

    Изучите результаты, которые дублируются по тегу Title на предмет URL, присущих для страниц пагинации ( /page/2/ , /?page=2 и т. д.).

    Кстати, правильное составление Title — залог роста трафика. Читайте статью о правильном составлении Title, а также узнайте как изменения Title помогли проекту вырасти на 515%.

    Внутренние дубликаты по тексту

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

    Для поиска внутренних дубликатов текста можно использовать:

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

    Выявив проблемы на сайте, необходимо переходить к их решению. Главное — не повторить нижеприведенных ошибок.

    Неправильные стратегии для SEO пагинации

    • закрыть все страницы пагинации в robots.txt;
    • установить rel=»canonical» на первую страницу со всех страниц пагинации.

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

    Индексация товаров и статей ухудшается потому что:

    • робот не посещает страницы далее первой из-за закрытия пагинации в robots.txt;
    • пагинация игнорируется, так как с помощью rel=»canonical» установили, что страницы 2, 3, 4 являются копиями основной страницы.

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

    Работающие стратегии SEO пагинации

    1. Meta robots

    На все страницы пагинации помещаем тег

    2. Уникализация страниц пагинации

    На всех страницах пагинации уникализируем Title, Description, не отображаем SEO текст с первой страницы категории.

    3. Страница «View all» + rel=»canonical»

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

    А со всех страниц пагинации устанавливаетcя rel=»canonical» на данную «View All» страницу:

    Данные стратегии я заведомо не расписывал, так как статей, которые раскрывают их полностью, много. Вот ссылки на них: один (на английском), два (справка Google), три (вебинар Деваки).

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

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

    Сайт Стратегия next / prev meta robots Canonical
    avito.ru n/a Нет Нет На первую страницу
    wildberries.ru 2 Нет Нет Нет
    olx.ua 2 Да Нет Сам на себя
    kidstaff.com.ua 1 Нет Да Нет
    ria.com 2 Да Нет Сам на себя
    hotline.ua n/a Нет Нет На первую страницу
    klubok.com 1 Да Да Нет
    rozetka.com.ua 2 Нет Нет Нет
    allo.ua 1 Нет Да Сам на себя
    depositphotos.com 1 Да Да На первую страницу
    aliexpress.com n/a Нет Нет На первую страницу

    Выводы по SEO пагинации на крупных сайтах:

    • Никто не использует стратегию с отображением всех товаров на странице View All.
    • Примерно половина крупных сайтов оставляет страницы пагинации доступными для поисковиков, предварительно уникализировав метаданные для этих страниц.
    • Вторая половина сайтов использует стратегию закрытия страниц пагинации от индексирования, оставляя возможность поисковым роботам ходить по ним. Также указывают теги prev/next для улучшения индексирования товаров на глубоких страницах.
    • Некоторые не заморачиваются и полностью закрывают индексацию пагинации (скорее всего, может страдать индексация товаров).

    Идеальная стратегия для SEO пагинации

    1. Robots.txt

    Страницы пагинации не должны быть закрыты в robots.txt

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

    URL страниц пагинации должны отличаться от основной страницы каталога.

    https://site.ru/categotia URL категории
    https://site.ru/categotia?page=2 URL 2й страницы
    https://site.ru/categotia?page=3 URL 3й страницы
    https://site.ru/categotia?page=4 URL 4й страницы

    2. Атрибуты rel=»next» и rel=»prev»

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

    На всех страницах пагинации должны быть внедрены HTML-атрибуты rel=»next» и rel=»prev» , чтобы указать связь между отдельными URL. Благодаря этой разметке поисковые системы могут определить, что содержание данных страниц связано в логической последовательности.

    Добавьте в раздел первой страницы ( https://site.ru/categotia ) тег, который указывает на следующую страницу, как показано ниже:

    Поскольку это начальная страница, указывать атрибут rel=»prev» не требуется.

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

    Добавьте на последнюю страницу (https://site.ru/categotia?page=4) ссылку, которая указывает на предыдущий URL, как показано ниже:

    Поскольку это последний URL, добавлять атрибут rel=»next» не требуется.

    3. Индексация страниц пагинации

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

    4. Страницы сортировки и количества товаров

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

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

    5. Заголовки страниц пагинации

    Можно не уникализировать.

    6. Дубликат 1-й страницы пагинации

    Первой страницы пагинации не должно существовать!

    Обычно это дубликат категории.

    Необходимо настроить 301 редирект с 1-й страницы пагинации на страницу категории.

    https://site.ru/categotia URL категории
    https://site.ru/categotia?page=1 URL 1-й страницы на ней настраиваем 301 редирект на https://site.ru/categotia

    Мини кейс по внедрению пагинации

    • Интернет-магазин рыбаловных товаров в России.
    • Все страницы пагинации открыты к индексации.
    • Пагинация товаров есть, как на общих категориях (рыбалка). В пагинации — все товары раздела от спиннингов до ключков.
    • Пагинация товаров на мелких категориях (например, крючки) и категориях+бренд (воблеры Рапала).

    Решение

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

    Результат по трафику

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

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

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

    Всем привет! Есть в SEO, как кажутся, элементарные и очевидные вещи, но если немного разобраться в них, возникает много вопросов и нюансов, которые беспокоят владельцев проектов. Сегодня я хочу поговорить про страницы пагинации (или еще их называют страницами листинга). Хочется написать развернутый урок: что, зачем и почему, чтобы все разъяснить, как удалось это сделать с уроком про переход на https.

    Я уже рассказывал на своем блоге, как сделать пагинацию в WordPress (там же и рассказывал, что такое постраничная навигация). Теперь пришло время показать, что нужно с ними делать с точки зрения SEO. Многих беспокоят следующие вопросы:

    • стоит ли их закрывать индексацию пагинации в robots.txt;
    • может стоит закрыть их с помощью meta name=»robots»;
    • или лучше использовать rel=canonical;
    • а может вообще их оставить открытыми для индексации;
    • ну и другие вопросы.

    Страницы пагинации

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

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

    • карточек товаров;
    • информационных постов;
    • обсуждения на форумах.

    к оглавлению ↑

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

    Лучше страницы пагинации не запрещать от индексирования, чтобы роботы доходили до как можно большего количества товаров/постов (особенно важно, когда у вас очень много товаров). Но опять же, несмотря на то, что страницы открыты для индексирования, я бы рекомендовал сделать так, чтобы они не участвовали в основном поиске. Я противник низкокачественных страниц в индексе и считаю, что в поиске должны быть только нужные страницы, и важность подобных страниц будет выше, нежели будет полно низкосортного контента. Как же тогда быть?

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

    Требования Яндекса

    Яндекс рекомендует ставить rel=canonical со второй, третьей и последующих страниц на первую (взял отсюда https://yandex.ru/blog/platon/2878):

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

    Требования Google

    Гугл же рекомендует использовать теги rel=»prev» и rel=»next», чтобы указать логическую последовательность между URL (вот тут https://support.google.com/webmasters/answer/1663744?hl=ru&ref_topic=4617741):

    И в тоже время, Google рекомендует rel=canonical ставить саму на себя (в той же справке по ссылке выше):

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

    И да, есть такой момент: Яндексу все равно на теги rel=prev и rel=next, он не понимает их и просто игнорирует.

    А что же говорят SEOшники?

    Мнений на эту тему очень много, приведу парочку.

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

    А кто-то говорит запретить в robots.txt или использовать тег meta name=»robots» content=»noindex,follow». Я раньше тоже так делал, но это не совсем правильно, так как поведенческие факторы со страниц пагинации не будут передаваться. Да и Яндекс также говорит:


    Я не продвигаю страницы категорий на блоге (а зря, я рассказывал про пользу правильной SEO-оптимизацию категорий), все руки не доходят, как-нибудь доберусь обязательно, уберу «noindex, follow». Тем, кто продвигает категории, рекомендую использовать инструкцию выше.

    Дублирование в пагинации

    Кстати, если Яндекс считает, что страницы пагинации — это дубли, то Google так не считает, ему главное указать rel=prev и rel=next. Если вы используете тег rel=canonical на основную страницу, то в индексе будет только она. Если же использовать только rel=prev и rel=next, страницы пагинации будут попадать в индекс поисковых систем.

    Теги prev и next показывают роботу, что страницы связаны в логической последовательности, как бы это одна большая страница. Именно поэтому одновременно использовать rel prev/next и rel canonical на основную страницу — неправильно. То есть, если вы хотите указать и каноникал, и prev/next, тогда каноникал указываем только на саму страницу (саму на себя).

    Как оформить страницы пагинации

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

    Также рекомендую, чтобы Title страниц пагинации генерировался. У меня плагин Yoast SEO просто дописывает «Страница Х из Y» и настраивается, если что это тут:

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

    И еще, если мы находимся на второй или любой другой странице, ссылка на первую страницу должна идти сразу на основную, а не на /page/1, вот пример:

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

    Кто-то делает бесконечный скроллинг (товары/посты подгружаются по мере пролистывания страницы вниз). Если вы делаете это, снова нужно быть аккуратным. Либо кто-то выводит кнопки «Показать еще»:

    Бесконечный скроллинг и прочие javascript/ajax использовать можно, но чтобы не было проблем, я бы рекомендовал сделать так, чтобы все элементы индексировались и отдавались роботу. И все же, я бы продублировал бесконечный скроллинг цифрами 1,2,3,4, так как некоторым пользователям так удобнее. Вот пример:

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

    1, 2, 3 . 10, 20, 30, 40, 50, 60, 70. 79.

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

    Вывод — как же в итоге поступить правильно?

    На мой взгляд есть 3 варианта наиболее правильных развития событий:

    1. Если вам важен Яндекс или интересны оба поисковика (практически для всех проектов под Россию), то делаем каноникал на первую страницу.
    2. Если интересует только Гугл (например, ваш сайт находится в странах СНГ, где в некоторых из них трафика в Яндексе практически нет, или зарубежные проекты), то делаем rel canonical саму на себя и прописываем prev/next.
    3. Если у вас есть страница, где выводятся все товары, можно указать рел каноникал на нее, использовать rel=prev и rel=next. Тогда будет правильно для обоих поисковых систем. Но в таком случае, напомню, минусы тоже есть: если у вас имеются категории, где выводятся больше количество товаров, то это замедлит скорость загрузки сайта, а это влияет на ранжирование.

    Во всех случаях запрета на индексирование не требуется (ни в robots.txt, ни в meta name=»robots»). Не забываем, что текст размещаем только на 1-ой странице, чтобы не было дублей с большим количеством совпадений. Вы можете проследить за изменения страниц в индексе в панели вебмастеров Яндекса и Google.

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

    Ребята, кто успел попасть на предзапись моего SEO-марафона, я почти всем ответил на вопросы, осталось еще чуть-чуть, вопросов пришло очень много, разгребаю. �� Если вдруг вы не успели записаться на предзапись марафона, ждите новостей на блоге (подпишитесь на рассылку по почте, чтобы не пропустить старт продаж), в феврале стартуем!

    Ну и вопрос: а что вы делаете со страницами пагинации на своих проектах?

    Настройка Yoast SEO 2020. Полная и правильная пошаговая инструкция

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

    Итак, начнем настраивать. Есть быстрый вариант настроек, о нем сразу и расскажу.

    • Быстрые настройки
    • Настройка Yoast SEO
    • Общие настройки
    • Консоль
    • Возможности
    • Инструменты веб-мастеров
    • Отображение в поисковой выдаче
    • Переменные
    • Общие
    • Типы содержимого
    • Медиа
    • Таксономии
    • Архивы
    • Хлебные крошки
    • RSS
    • Консоль поиска
    • Социальные сети
    • Аккаунты
    • Facebook
    • Twitter
    • Pinterest
    • Возможные проблемы
    • XML-карта сайта
    • Проблемы с xml-картой
    • Инструменты
    • Групповой редактор
    • Импорт и экспорт
    • Редактор файлов
    • Как работает плагин Yoast
    • Видео в тему
    • Проблемы при аналитике
    • Часто задаваемые вопросы
    • Как убрать и отключить микроразметку JSON-LD от Yoast?
    • В чем разница между Yoast и All In One Seo Pack?
    • Видео в тему
    • Что особенного в премиум версии плагина Yoast?
    • Видео в тему
    • Итоги

    На момент изменения статьи, актуальная версия плагина Yoast SEO — 11.6.

    Ахтунг! Весь код, описанный в статье, необходимо добавлять в файл functions.php вашей темы. Но удобнее использовать пустой плагин.

    Быстрые настройки

    Ниже вы найдете строку с настройками.

    Скачать настройки Yoast SEO

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

    Спасибо! Вы успешно подписались!

    Как произвести импорт? Очень просто: заходите SEO → Инструменты → Вкладка Импорт

    Настройки Yoast SEO. Импорт данных

    Вставляете в открывшееся окно скопированную строку. При успешном импорте будет соответствующее сообщение.

    Настройки Yoast SEO. Импорт данных

    Не забудьте изменить данные в разделах Общие и Социальные сети.

    Настройка Yoast SEO

    Теперь пойдем подробно и по порядку. И первым у нас идут Общие настройки

    Общие настройки

    Консоль

    На вкладке Консоль будут появляться различные сообщения о возникающих проблемах. Если все настроено верно, то обычно никаких проблем не бывает.

    Тут же можно найти мастер настроек.

    Мастер настроек позволяет произвести настройку Yoast в визуальном режиме. То есть, все что написано в этой статье, только более красиво.

    Возможности

    Вот тут уже начинаются настройки. Не все, что есть на этой вкладке надо включать.

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

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

    И потеряется весь смысл использования плагина Yoast SEO.

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

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

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

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

    Меню в панели администратора — дублирование различной информации в верхнем баре.

    Обычно этот функционал выключаю, но если вам удобно, можете оставить.

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

    Инструменты веб-мастеров


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

    Отображение в поисковой выдаче

    Переменные

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

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

    Полный перечень переменных из плагина Yoast

    Приведены не все переменные, только наиболее популярные.

    Общие

    В новых версия Yoast на эту вкладку вынесен почти весь дополнительный функционал:

    • Настройка разделителей
    • Настройка главной страницы
    • Настройка микроразметки

    Разделители

    Первое что можно сделать в этой вкладке — указать разделитель слов в сниппете. Иногда это очень нужна вещь.

    Разделитель — это html значок, который может появляться в сниппете и выглядит еще вот так

    Так же разделитель виден во вкладке браузера

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

    Чтобы добавить свой значки, добавьте этот код в файл functions.php

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

    Главная страница

    Существует два варианта настройки заголовков для главной страницы.

    Если установлена статическая главная страница и страница блога, то заголовки и описание настраиваются на самих страницах метабокс Yoast.

    Настройка Yoast. Настройка заголовков главной статической страницы

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

    Микроразметка

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

    Для коммерческого сайта надо сделать так

    Размер логотипа желательно брать не менее 512×512 и квадратного формата.

    Помните! В зависимости от того, что указано на этой вкладке (организация или частное лицо) будут выводится различные значения вкладки Аккаунты в разделе Социальные сети .

    Типы содержимого

    Настройка шаблонов заголовков обычно ведется для каждого сайта индивидуально. Но есть некий общий вариант

    Записи

    Для штатных записей обычно оставляют только заголовок

    Страницы

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

    Товары

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

    Медиа

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

    В новых версиях Yoast эта настройка вынесена в отдельную вкладку Медиа а представляет собой один переключатель.

    Таксономии

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

    Для таксономий все одинаково:

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

    В зависимости от структуры сайта, имеет смысл отключить индексацию меток. На этом сайте метки выключены.

    Форматы записи

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

    Метки товаров

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

    Категории товаров

    Тоже самое, что и для меток товаров.

    Классы доставки товаров

    Вот эту таксономию надо закрывать от индексации обязательно. Это внутренний функционал WooCommerce.

    URL рубрик

    Этим переключателем можно убрать ярлык (префикс) /category/ из ЧПУ штатных рубрик. Ниже более понятно на скриншотах, что происходит с ЧПУ при переключении данной опции.

    Опция выключена

    Префиксы рубрик есть

    Опция включена

    Префиксов рубрик нет

    Архивы

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

    Специальные страницы оставляем как есть, как правило этого достаточно.

    Хлебные крошки

    Хлебные крошки (breadcrumbs) — важный элемент навигации, особенно на коммерческих сайтах. Выглядит это как цепочка ссылок.

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

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

    Чтобы крошки выводились на всех страницах сразу, функцию можно добавить в самый низ файла header.php .

    Настройки крошек принимают и HTML-символы и иконки (см. скрин выше).

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

    Видео по теме
    Проблемы с хлебными крошками от Yoast

    Проблем обычно никаких не возникает, но многие по совету сеошников отключают последнюю крошку на записях, чтобы небыло дублирования названия записи. Для этого в functions.php пихаем

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

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

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

    Консоль поиска

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

    Социальные сети

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

    Аккаунты

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

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

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

    Настройка Yoast. Ссылки из этого раздела добавятся в микроразметку всего сайта. к содержанию

    Facebook

    Включаем разметку Open Graph и указываем изображение по умолчанию (размер картинки лучше брать не меньше 1200×630).

    Если все настроено правильно, то при нажатии кнопки поделиться или просто добавления ссылки на статью с Фейсбук и Вконтакте будет появляться расширенное описание статьи.

    Twitter

    Тут указываем возможность шаринга с большими картинками

    Pinterest

    Пинтерест как-то не зашел в российском интернете, но лишним не будет его настроить.

    Возможные проблемы

    Встречался с двумя такими

    1. Подхватывается не та картинка. Решение: принудительно через Yoast задать нужную картинку
    2. Вообще нет картинки. Решение: проверьте имя файла картинки. Должно быть на латинице. Файлы на кириллице Open Graph не понимает

    С соцсетями закончили, погнали дальше…

    XML-карта сайта

    В новых версиях Yoast нет отдельного раздела для настройки XML-карты сайта. Ее можно только включить или выключить в разделе Общие.

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

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

    Проблемы с xml-картой

    Яндекс не понимает теги картинок

    Яндекс не понимает теги картинок в этой карте и выдает это как ошибку Неизвестный тег image:image

    Изображения из карты можно убрать.

    Добавляем в functions.php

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

    Карта выглядит неправильно

    Не так как в видео и на картинках. Скорее всего, карта закешировалась. Или не верно отрабатывает плагин кеширования.

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

    Через несколько обновлений ошибка уйдет.

    Инструменты

    В данном разделе присутствуют удобные инструменты

    Групповой редактор

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

    Импорт и экспорт

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

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

    Видео в тему

    Редактор файлов

    Позволяет редактировать из админки файлы robots.txt и .htaccess .

    Для тех кому любопытно привожу пример своего файла robots.txt .

    Как работает плагин Yoast

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

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

    Видео в тему

    Одна из серии по курсу «СЕОподготовка».

    Проблемы при аналитике

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

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

    Часто задаваемые вопросы

    Как убрать и отключить микроразметку JSON-LD от Yoast?

    Не знаю зачем это надо, но можно использовать хук

    В чем разница между Yoast и All In One Seo Pack?

    Разница в подходе и наличии функционала.

    • В Yoast есть аналитика, в All In One Seo Pack — нет.
    • В Yoast есть xml-карта, в All In One Seo Pack — нет.
    • В Yoast есть хлебные крошки, в All In One Seo Pack — нет.

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

    Видео в тему

    Что особенного в премиум версии плагина Yoast?

    В премиум версии:

    • Есть возможность добавлять до 5-ти фокусных слов в одной статье
    • Есть предпросмотр сниппета социальных сетей
    • Есть система редиректов

    Да и все из глобального

    Видео в тему

    Итоги

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

    Всем удачи! Вопросы задаем в комментариях и не забываем поделиться в соцсетях! Пока-пока!

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