Как сделать пагинацию wordpress
Как добавляется пагинация WordPress на свой сайт? Руководство для Всех!
Здесь мы расскажем Вам, как создается пагинация WordPress.
Как добавляется пагинация WordPress на свой сайт
Есть два основных метода добавления пагинации на Ваш сайт WordPress. Один через плагин, а другой через Ajax . В этой статье мы дадим Вам обзор того, как добавить разбиение на страницы в WordPress с помощью этих двух методов.
Пагинация блога в WordPress
Пагинация блога имеет много преимуществ. Это выгодно как для Вас, так и для пользователей. Например, это может улучшить рейтинг Вашей страницы в поисковой системе. Потому что это увеличивает количество ссылок, ведущих на Ваш сайт.
Это упрощает навигацию для посетителей. Они могут просто щелкнуть номер страницы и перейти на нее, вместо того, чтобы просматривать большое количество страниц. Если они тратят меньше времени на поиск страницы, они будут тратить больше времени на взаимодействие с содержанием Вашего сайта. Это тоже хорошо для Вас. Они произведут на Вас положительное впечатление.
Плагины пагинации WordPress
Лучший способ добавить на свой сайт разбиение на страницы WordPress – это использовать плагины. В настоящее время на рынке доступно множество плагинов для WordPress. Помня о своих потребностях, Вы должны выбрать один. Как только Вы найдете подходящий плагин, все, что Вам нужно сделать, это установить и активировать его.
Вот два наиболее широко используемых плагина для разбивки на страницы WordPress:
№1. WP-PageNavi
WP-PageNavi – мощный плагин WordPress для разбивки на страницы. Он помогает Вам изменить обычную предыдущую/следующую навигацию на пронумерованный шаблон навигации по страницам. Он поставляется со многими другими такими опциями. Если Вы хотите заменить ссылки на старые/новые записи, тег шаблона плагина WP_Pagenavi генерирует причудливые ссылки для разбивки на страницы. Если у Вас есть небольшие познания в программировании, это один из лучших плагинов для Вас.
№2. WP Paginate
Пагинация Ajax в WordPress
Ajax или асинхронный JavaScript и XML – это набор методов программирования, которые позволяют разработчикам создавать асинхронные веб-приложения. Ajax отправляет и получает информацию с сервера, не влияя на внешний вид страницы. Как работает на заднем плане. Он используется для изменения содержимого страницы без загрузки всей страницы. Обычно это видно с бесконечной прокруткой, но также применимо к разбивке на страницы.
Пагинация Ajax без плагинов
Пагинацию Ajax можно также создать без использования плагинов. Но этот процесс требует небольшого кодирования. Это означает, что сначала Вам нужно создать дочернюю тему. Таким образом, Вы сможете внести некоторые изменения в текущую тему Вашего сайта, не затрагивая код по умолчанию. Это сводит к минимуму вероятность ошибок. Это также упрощает добавление собственного кода в файлы темы.
После того, как Вы настроили дочернюю тему, Вам нужно выполнить три простых шага, чтобы настроить разбиение на страницы.
Мы сделали обзор процесса здесь:
№1. Создать мероприятие
На этом этапе Вы решаете, какое действие на Вашем сайте вызовет часть процесса, связанную с JavaScript. Например, щелкнув номер страницы.
№2. Создать вызов Ajax
После активации JavaScript запрос данных будет отправлен на веб-сервер с Вашей стороны.
№3. Общайтесь с WordPress
Ответ сервера определит, как будет работать WordPress. В этом случае он вызовет новую страницу содержимого без перезагрузки всей страницы.
Пользовательская разбивка на страницы
Для этого выполните следующие действия:
Вы также можете разделить один пост на несколько страниц. Мало кто знает об этой особенности. Для этого Вам нужно добавить между содержимым, которое Вы хотите разделить. (в текстовом редакторе).
Если Вы технически здоровы, Вы можете поэкспериментировать с CSS и еще больше настроить разбиение на страницы. Вы можете изменить фон, цвета шрифта, элементы отступа, эффекты наведения и т. д. С небольшим усилием, Вы можете настроить разбиение на страницы Вашего сайта так, как Вам нужно.
Вывод
Мы попытались здесь пролить свет на то, как добавить нумерацию страниц на сайт WordPress. Надеюсь, мы сможем дать Вам четкое представление. Но это, в любом случае, технический процесс. Если у Вас нет опыта программирования, Вам придется обратиться за помощью к разработчику. Если да, проверьте, какой из двух способов подходит Вам. Поднимите мышку и сделайте это самостоятельно. Это вопрос нескольких минут.
Теперь Вы точно знаете как добавляется пагинация WordPress на свой сайт! Всем удачи и благополучия! До новых встреч!
Для улучшения SEO параметров сайта важно следить за количеством объектов в поиске. Не зная принципов создания страниц в WordPress можно наплодить кучу ненужных документов в выдаче. Одним из факторов является постраничная навигация, или по другому пагинация. От вебмастера требуется обернуть пагинацию в noindex.
В чем проблема пагинации и отказ от nofollow
В процессе развития сайта WordPress, записей становиться больше, тогда они не помещаются в ленте блога, внизу появляется кнопки пагинации.
Пример пагинации WordPress
При заходе на любую из них в адресной строке появляются конструкции типа /page/3 и цифра меняется в зависимости на какую ссылку нажали.
Вывод page/
Все page не несут в себе пользы, это автоматические документы, к которым нельзя написать title и description. Но поисковые роботы забирают в индекс, чем понижают релевантность остальных записей. От них нужно избавляться, точнее закрывать в тег noindex. Так он должен выглядеть в исходном коде сайта. Рекомендую почитать про заголовок Last modified.
Что значит эта запись, что индексировать нельзя, а переходить по ссылкам можно follow. Никогда не пользуйтесь закрытием на переход с помощью nofollow, это негативно скажется на продвижении.
Noindex для пагинации с помощью плагина
Существует отличный плагин Clearfy Pro, имеющий около 50 настроек чистки кода, сео оптимизации, удаления дублей, настройка редиректов и много дополнительных функций. Заходим на вкладку SEO и включаем раздел “Noindex для пагинации”
Clearfy PRO включение noindex
- После заходим на любую пагинацию, нажимаем комбинацию клавиш Ctrl+U
- Ищем атрибут noindex. Воспользуемся нажатием Ctrl+f и вводим noindex
- Видим что тег поставился
Проверка работы
Настройка в плагине All in one SEO pack
Не люблю плагин All in one SEO pack (AIOSP), но в отличие от знаменитого Yoast у него есть надстройка для закрытия от индексации пагинации.
All in one SEO pack включение noindex
В основном окне спускаемся в раздел “Настройки индексирования” и отмечаем чекбокс напротив “Использовать noindex для страниц/записей с разбивкой на подстраницы”.
С помощью кода в function
Требует навыков редактирования кода темы. В файл function активной, а лучше дочерней, темы добавляем вниз такой код.
Код в function.php
Не забываем обновлять документ и проверять работу. Лучше использовать соединение через FTP для надежности, чтобы можно было вернуть исходную конфигурацию и удалить ошибку при возникновении поломки. Для лучшего понимания материала приложу свое видео.
Для надежности закрываем в Robots txt
Чтобы еще конкретнее дать понять поисковым роботам что страницы пагинации в индекс не брать нужно прописать строчку
Правильный роботс
Первый вариант для тех у кого вывод страниц настроен с помощью префикса page, а второй более конкретный закрывает только пагинацию.
Для лучшего понимания это не атрибут noindex, а рекомендация для поисковых систем, что лучше туда не ходить, потому что информация для поиска не полезная. Об актуальном robots txt говорили в статье.
Не использовать rel canonical
Тег canonical указывает какую страницу считать основной для индексации. То есть если находимся на /page/6, то canonical укажет что основную брать в оборот:
Такой подход не правильно скажется на продвижении рессурса, потому что rel="canonical" сразу обрежет доступ и поиск ее не проверит. Это чревато вылетом старых записей из поиска, потому что единственный путь зачастую до материала лежит только через пагинацию. В таких случаях спасет XML карта сайта, но не точно.
Логика поведения
Проворачиваем в голове логику поведения роботов при заходе на пагинацию:
- Идет на страницу, видит в коде noindex, значит не стоит помещать в выдачу
- Для уверенности смотрит в robots, да не нужно их забирать в базу, потому что есть dissallow
- Видит тег follow, значит можно исследовать HTML на предмет дополнительных переходов и ссылок
- Canonical нет, значит это самостоятельный динамический документ, который не нужно размещать в интернете, но изучать можно
В итоге получаем правильную логику поведения роботов Яндекса и Гугла, на всех наших сайтах стоит данная схема и все работает отлично.
В результате максимально скажете роботам, что страницы типа пагинации брать в выдачу не надо, потому что проставлен noindex и настроено правило в роботсе.
Пагинация — это разбиение текста или других материалов на несколько страниц.
Условно, вы загружаете на страницу какой-то массивный текст. Но оставить его просто длинной простыней — сомнительная идея. Нужную информацию будет куда сложнее найти, да и загружается такая страница дольше.
Поэтому ее стоит разбить на несколько страниц, настроив навигацию вот таким образом:
Давайте разберемся, как поставить пагинацию на сайт WordPress: при помощи плагина — это самый распространенный способ — и через ajax.
Пагинация на сайте WordPress при помощи плагина
Использование плагинов — это самый простой, быстрый и удобный способ настройки пагинации на сайте Вордпресс. Впрочем, все что угодно на Вордпрессе лучше делать при помощи плагинов.
Как всегда, вариантов их масса. Оптимальный вариант посоветовать здесь не получится, вам придется выбирать самостоятельно. Лучше всего, попробуйте сразу несколько и посмотрите, как все выглядит внешне, насколько хорошо все работает. И оставьте только подходящий. Но в целом обратите внимание на 2 плагина.
WP-PageNavi
Самый популярный и, наверное, самый удобный плагин. Фактически, обычно он удовлетворяет все нужды вашего сайта и хорошо заработает на практически любом шаблоне. Единственный минус — это плагин для пагинации сайта Вордпресс требует хотя бы каких-то навыков программирования.
WP Paginate
Этот плагин не менее функциональный, но кажется попроще. Нумерованные списки вы сможете добавить фактически на любую страницу. А если вам нужно задать собственный стиль, то у этого плагина есть собственный css-редактор.
Как установить плагин для пагинации на WordPress
Собственно, как и любой другой плагин для Вордпресса. Но на всякий случай нужно рассказать (напомнить), как это делается.
Ну дальше вам нужно будет лишь немного поколдовать с ним и поставить нумерованную навигацию по страницам туда, где вам это нужно.
Пагинация через ajax на сайтах WordPress
Ajax — это асинхронный JavaScript и XML. По большому счету, это общее название для нескольких методов программирования, которые позволят вам создавать асинхронные веб-приложения.
Обычно ajax используется для создания бесконечной прокрутки страницы. Однако и для создания нумерованной разбивки он более чем подойдет.
Кроме того, при использовании ajax для создания пагинации на сайте Вордпресс, пользователи смогут пеерйти на следующую страницу, и не ждать ее полной загрузки.
Сначала потребуется создать дочернюю тему Вордпресс, чтобы спокойно и безопасно вносить изменения, не боясь чем-то навредить основному сайту. Плюс к этому добавлять собственный код в тему станет значительно проще.
Затем создайте мероприятие — то есть пропишите какой процесс должен быть реализован после каких действий со стороны пользователя (в нашем случае это переход на определенную страницу по щелчку на ее номер)..
Теперь всякий раз, когда на сервер будет отправляться запрос, произойдет вызов нового содержимого страницы без ее общей перезагрузки.
Выводы
Как видите, вариант с ajax не слишком прост и потребует от вас знаний JavaScript. Впрочем, в большинстве случаев, это и не нужно, поскольку плагины Вордпресса дают возможность запросто настроить пагинацию без колдовства с кодом.
Практически любой блоггер, который ведет свой блог на движке WordPress, знаком с плагином WP-PageNavi, который выводит постраничную навигацию такого вида:
Но не каждый знает (включая меня до недавнего времени), что WordPress имеет встроенную функцию (начиная аж с версии 2.1), которая реализует практически тот же самый функционал. Т.е. необходимость в использовании плагина отпадает.
Некоторое время я пользовался другим аналогичным решением, за что большое спасибо его автору Тимуру.
Функция, которую я вам предлагаю, совсем небольшая по размеру:
Данный код необходимо поместить в файл functions.php вашего шаблона. В функции всего четыре опции, комментарии я написал, думаю, тут все понятно.
Для того, чтобы вывести навигацию в нужном месте, вставляйте в шаблон следующую строку:
В HTML-коде, который получается в результате вывода функции, присутствуют все необходимые CSS-классы, которые можно использовать для оформления любого элемента навигации (например, текущую страницу, ссылки на предыдущую и следующую страницы).
Читайте также: