Лучшие плагины бесконечной прокрутки и темы WordPress со встроенной бесконечной прокруткой (увеличение времени пребывания на сайте с 58% до 330%)

Обновлено 11 июня 2021 г.

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

Забавный факт: благодаря бесконечной прокрутке моего портфолио из 16 нишевых сайтов я увеличил время нахождения на сайте с 58% до 330% (не считая Fat Stacks).

58% — это самый низкий показатель увеличения времени пребывания на объекте. 330% самый большой.

Проверьте это:

Вот скриншоты среднего времени пребывания на сайте до и после развертывания бесконечной прокрутки. Учитывая, что этот сайт посещают более 1,5 миллионов человек в месяц, совокупное увеличение времени пребывания на сайте невероятно: 1 500 000 x 34 секунды на посетителя = увеличение на 850 000 минут в месяц . Увеличение числа просмотров страниц на одного посетителя было почти столь же впечатляющим, увеличившись на 555 000 дополнительных просмотров страниц в месяц.

До бесконечной прокрутки: с 1 по 29 февраля 2020 г.

• Среднее количество просмотров страниц за сеанс: 1,24.
• Среднее время на сайте: 55 секунд

С Infinite Scroll: с 1 по 29 апреля 2020 г.

• Среднее количество просмотров страниц за сеанс: 1,61 ( улучшение на 30 % ).
• Среднее время на сайте: 1 минута 29 секунд ( улучшение на 62% ).

Большинство других моих нишевых сайтов улучшились еще больше.

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

2 типа бесконечной прокрутки

Существует два типа бесконечной прокрутки.

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

Во-вторых, следующий контент автоматически прокручивается на экране.

Я развернул второй тип.

2 места на сайте для использования бесконечной прокрутки

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

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

Почему бы мне не поставить бесконечную прокрутку на Fat Stacks?

Я могу, но цифры здесь уже очень хорошие: более 3,39 страниц на посетителя и среднее время сайта 2:59.

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

2 способа развернуть Infinite Scroll

Если вы запускаете сайт WordPress, а скорее всего, у вас есть два способа развернуть бесконечную прокрутку. Они используют тему со встроенной бесконечной прокруткой или используют плагин.

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

Как лучше всего развернуть бесконечную прокрутку?

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

Если вы предпочитаете подход с плагинами, следующий вопрос…

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

После тестирования 4 ведущих плагинов бесконечной прокрутки один из них лидирует. Это даже не близко. Этот плагин называется Ajax Load More (ALM).

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

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

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

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

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

Плагины, которые я тестировал:

• Ajax Load More (это лучшее)
• YITH Infinite Scrolling (я обновился до премиум-версии)
• Поймай бесконечный свиток (я обновился до премиум-версии)
• Автоматическая загрузка следующего поста

Ajax Load Подробнее (функции, которые я использовал)

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

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

Вот что мне потребовалось и предоставил ALM:

SEO дружественная бесконечная прокрутка

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

Возможность ограничить максимальное количество страниц в прокрутке

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

Возможность развертывания бесконечной прокрутки по категориям

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

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

Результаты тестирования скорости плагина Ajax Load More

Стив Тир, друг, эксперт по скорости сайта и издатель очень популярного и смехотворно полезного блога PagePipe.com, провел небольшое тестирование скорости плагина ALM. Вот его результаты, которые он предоставил мне вместе с разрешением воспроизвести их здесь:

1. Этот тест представляет собой сообщение в блоге и содержит функцию бесконечной прокрутки.

Обратите внимание на пункт 9 в водопаде. То есть Ajax добавляет 754 миллисекунды ко времени загрузки поста. Это типично для «Аякса». Обратите внимание, что TTFB составляет 1 секунду. Вызовы Ajax влияют на активность сервера, что также увеличивает TTFB.

К счастью, остальные ресурсы страницы очень легкие. Таким образом, время загрузки составляет 2,192 секунды. Не ниже нашего 2-секундного бюджета производительности, но близко. К счастью, большая часть Ajax загружается лениво. А на мобильном?

См. оценку WebPageTest здесь.

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

Повторите: в элементах управления плагином выбираются только сообщения.

См. оценку WebPageTest здесь.

Обратите внимание на TTFB — тот же сервер — 664 миллисекунды. Время загрузки: 1,585 секунды.

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

Спасибо, Стив. Если вы хотите узнать больше об ускорении своего сайта, посетите веб-сайт Стива PagePipe.com здесь.

Какая моя любимая тема WordPress со встроенной бесконечной прокруткой?

На сегодняшний день я использовал 2 темы со встроенной бесконечной прокруткой для постов. Это Бимбер и Астра Про.

В марте 2021 года я перевел все свои сайты с Bimber на Astra. Bimber великолепен, но он намного громоздче и раздут, чем Astra.

Бесконечная прокрутка Astra для отдельных сообщений отлично работает. У меня не было изменений трафика, вносящих изменения. Fat Stacks также использует Astra (но я не включаю бесконечную прокрутку для Fat Stacks… только для своих нишевых сайтов).

Если вам нужна бесконечная прокрутка, я настоятельно рекомендую Astra в наши дни.

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

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

Как включить бесконечную прокрутку с помощью Astra Theme

Перейдите в Настройка => Блог => Отдельный пост. Прокрутите вниз и включите «Автозагрузка предыдущих сообщений» следующим образом:

Как ограничить количество сообщений в бесконечной прокрутке с темой Astra

Хотя это называется бесконечной прокруткой, я предпочитаю ограничивать количество сообщений в прокрутке до 5.

Для этого перейдите в «Настройки» => «Чтение» и в поле «Сборы за синдикацию показать самые последние» введите число, которое вы хотите ограничить количеством сообщений в бесконечной прокрутке, следующим образом:

Как включить бесконечную прокрутку в теме Bimber

Перейдите в Customizer => Posts => Single => Прокрутите вниз до раздела «Автозагрузка следующего сообщения».

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

Нужен ли вам плагин Ajax Load More при использовании тем Astra или Bimber?

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

Иди с тем или другим.

Тема Astra быстрая?

Да. Это не самая легкая тема, но она определенно считается легкой.

Тема Bimber быстрая?

Это не самая быстрая тема. Однако, прежде чем купить его и развернуть, я провел небольшое исследование. Именно тогда я наткнулся на блог Стива Тира PagePipe и его обзор темы Bimber. Я говорил со Стивом дальше о Бимбере. Он говорит, что хотя это не лучшая тема для скорости, для того, что она предлагает, она приличная.

Повредила ли бесконечная прокрутка моему SEO?

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

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

ALM отвечает обоим этим требованиям.

Можно ли показывать медийную рекламу на сайтах с бесконечной прокруткой?

Это одна из причин, по которой бесконечная прокрутка не так популярна, как должна быть.

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

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

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

Можно ли использовать объявления AdSense для бесконечной прокрутки?

Нет, объявления AdSense нельзя использовать при бесконечной прокрутке.

Можно ли использовать рекламу Ezoic на сайтах с бесконечной прокруткой?

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

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

Лучше всего обратиться в свою рекламную сеть.

Приносит ли бесконечная прокрутка больше доходов от рекламы?

Опять же, я не уверен. Я развернул его, когда COVID-19 сильно ударил, поэтому показатели рекламы резко упали, но затем снова начали расти. Я не могу сказать, что увеличение дохода от рекламы было результатом бесконечной прокрутки. Честно говоря, мне все равно. Увеличенное время на сайте для меня является достаточно большой победой.

Почему на других сайтах не используется бесконечная прокрутка?

Кто знает?

Когда вы ищете в Google «бесконечная прокрутка — это хорошо», вы получаете тонну сообщений, в которых говорится, что это плохо.

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

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

Моя последняя лакмусовая бумажка

Как посетитель веб-сайта, я ОБОЖАЮ сайты с бесконечной прокруткой, особенно на моем телефоне. Я не хочу перемещаться по сайту со ссылками и меню. Просто развлекайте меня и давайте больше отличного контента. Пока мне это нравится, я остаюсь рядом.

Если мне это нравится, другие должны.