Os melhores plugins de rolagem infinita e temas do WordPress com rolagem infinita incorporada (aumento de 58% a 330% no tempo no site)

Atualizado em 11 de junho de 2021

Isenção de responsabilidade: eu estabeleci um plugin e um tema WordPress que considero o melhor para rolagem infinita. Não testei todas as opções disponíveis, mas fiz minha devida diligência. Este artigo é baseado na minha opinião baseada na implantação de rolagem infinita em 16 sites de nicho que possuo.

Curiosidade: aumentei o tempo no site com rolagem infinita em meu portfólio de 16 sites de nicho de 58% a 330% (sem incluir Fat Stacks).

58% foi o menor aumento no tempo no local. 330% o maior.

Confira:

Aqui estão as capturas de tela do tempo médio no local antes e depois da implantação da rolagem infinita. Dado que este site tem mais de 1,5 milhão de visitantes mensais, o aumento agregado do tempo no site é incrível, chegando a 1.500.000 x 34 segundos por visitante = 850.000 minutos de aumento por mês . O aumento nas visualizações de página por visitante foi quase tão impressionante, chegando a 555.000 visualizações de página adicionais por mês.

Antes da rolagem infinita: 1 a 29 de fevereiro de 2020

• Média de visualizações de página por sessão: 1,24
• Tempo médio no site: 55 segundos

Com Pergaminho Infinito: 1 a 29 de abril de 2020

• Média de visualizações de página por sessão: 1,61 ( 30% de melhoria )
• Tempo médio no local: 1 minuto, 29 segundos ( melhoria de 62% )

A maioria dos meus outros sites de nicho melhorou ainda mais.

Em suma, esses ganhos são enormes. Eu sou um crente de rolagem infinita. É inegavelmente bom para os usuários, pois eles permanecem nos meus sites por muito mais tempo do que sem rolagem infinita.

2 tipos de rolagem infinita

Existem dois tipos de rolagem infinita.

A primeira é onde os visitantes clicam em um botão “carregar mais” que carrega mais postagens (nas páginas de arquivo) ou a próxima postagem, se implantada em postagens individuais.

O segundo é onde o próximo conteúdo rola na tela automaticamente.

Eu implantei o segundo tipo.

2 lugares em um site para usar rolagem infinita

Você pode implantar a rolagem infinita em duas partes de um site. Um deles está na categoria, na tag e na página inicial que carrega mais trechos de posts. Isso NÃO é o que eu faço. No entanto, eu uso um botão carregar mais em páginas de arquivo em meus sites de nicho.

A outra é implantá-lo em postagens individuais para que a próxima postagem seja exibida à medida que os visitantes rolam para baixo. Isso é o que eu tenho em meus sites.

Por que não coloco rolagem infinita no Fat Stacks?

Posso, mas os números por aqui já são muito bons com mais de 3,39 páginas por visitante e tempo médio de site de 2:59.

Mas para o resto dos meus nichos, é uma rolagem infinita até o fim.

2 maneiras de implantar a rolagem infinita

Se você executa um site WordPress, e é provável que o faça, você tem duas maneiras de implantar a rolagem infinita. Eles estão usando um tema com scroll infinito embutido ou usando um plugin.

Normalmente, uso um tema com rolagem infinita incorporada, mas ao testar a rolagem infinita, tentei todos os plug-ins disponíveis. eu esperava

Qual é a melhor maneira de implantar rolagem infinita?

Eu prefiro usar um tema com rolagem infinita incorporada apenas porque é mais suave. No entanto, eu entendo totalmente se você preferir ficar com seu tema atual. Alternar temas é uma grande operação. Muitas vezes é mais fácil implantar um plugin.

Se você preferir a abordagem do plugin, a próxima pergunta é…

Qual é o melhor plugin para rolagem infinita?

Depois de testar 4 plugins de rolagem infinita líderes, um reina supremo. Não está nem perto. Esse plugin é o Ajax Load More (ALM).

A razão pela qual eu digo que ele reina supremo é que ele realmente funciona com o GeneratePress (os outros não) e o ALM oferece mais configurações, recursos e controles do que qualquer um dos outros.

Dito isso, o ALM não é o plug-in mais fácil de implantar. Felizmente, o suporte foi incrível; Eu não teria conseguido sem o apoio.

Para encurtar a história, implantei a rolagem infinita em um site de nicho com o tema GeneratePress, mas não me importei tanto quanto usar um tema com rolagem infinita incorporada.

Quais plugins de rolagem infinita eu testei?

Eu não quero criticar esses outros plugins, mas no final do dia, nenhum deles, exceto o ALM, trabalhou com o tema Generate Press. Eu não tentei os plugins em outro tema. Eu só estava interessado em obter rolagem infinita trabalhando com o Generate Press.

Os plugins que testei são:

• Ajax Load More (é o melhor)
• YITH Infinite Scrolling (atualizei para a versão premium)
• Catch Infinite Scroll (atualizei para a versão premium)
• Carregar automaticamente a próxima postagem

Ajax Load Mais em detalhes (recursos que usei)

O ALM tem uma opção gratuita aqui e uma opção premium aqui. Usei a versão premium. Enquanto para a maioria dos plugins eu recomendo dar uma chance à versão gratuita, neste caso, você deve obter a versão paga porque é disso que você precisa para implantá-la em postagens individuais e para o recurso de SEO.

O plug-in do ALM oferece várias opções, recursos e controles. Eu não exigi todos eles, mas alguns deles são extremamente importantes.

Aqui está o que eu exigi e o ALM forneceu:

Rolagem infinita amigável para SEO

Isso é importante. Isso requer que, à medida que os visitantes rolem para novos artigos, o slug de URL mude para o novo artigo. Isso informa ao Google que é um novo artigo. Se você não tiver isso operacional, o Google pode agrupar o conteúdo de vários artigos em um URL, o que seria ruim.

Capacidade de limitar o número máximo de páginas na rolagem

Eu configurei minha rolagem infinita para limitar em 5 artigos. Dessa forma, os visitantes chegam ao final do meu site. Dito isso, também coloco um menu secundário no topo que contém links para minha página de contato, política de privacidade e página Sobre.

Capacidade de implantar rolagem infinita por categoria

A rolagem infinita só funciona se o conteúdo subsequente for relevante para o que os visitantes estão lendo. É por isso que é bom ter a opção de implantar rolagem infinita por categoria. O que isso significa é que os próximos artigos que aparecerem estarão na mesma categoria que o primeiro artigo visitado. Isso pode fazer uma grande diferença se o seu site estiver em um nicho amplo.

Outra coisa que sugiro é transformar sua barra de menu de navegação superior em uma barra de menu flutuante para que os visitantes possam navegar se estiver muito abaixo de uma rolagem. Eu incluo um link para casa também. Isso ajuda a manter os visitantes orientados em seu site.

Ajax Load More resultados do teste de velocidade do plug-in

Steve Teare, um amigo, especialista em velocidade do site e editor do blog muito popular e ridiculamente útil PagePipe.com, fez alguns testes de velocidade do plugin ALM. Aqui estão os resultados que ele me forneceu, juntamente com permissão para reproduzi-los aqui:

1. Este teste é um post de blog e tem um recurso de rolagem infinita nele.

Observe o item 9 na cachoeira. Isso é Ajax adicionando 754 milissegundos ao tempo de carregamento do post. Isso é típico do Ajax. Observe que TTFB é de 1 segundo. As chamadas Ajax afetam a atividade do servidor, aumentando assim o TTFB também.

Felizmente, o restante dos recursos da página são ultraleves. Portanto, o tempo de carregamento é de 2,192 segundos. Não abaixo do nosso orçamento de desempenho de 2 segundos, mas próximo. Felizmente, muito do Ajax parece ser carregado com preguiça. Mas no celular?

Veja a pontuação do WebPageTest aqui.

2. Mais um teste nerd nesta demonstração: nossa página de depoimentos (normalmente muito rápida) onde o Ajax não deveria estar carregando porque é uma página — não um post.

Repetir: Apenas as postagens são selecionadas nos controles do plug-in.

Veja a pontuação do WebPageTest aqui.

Observe TTFB — mesmo servidor — 664 milissegundos. Tempo de carregamento: 1,585 segundos.

Ajax para o plugin NÃO está sendo carregado. Este é um bom plug-in. Foi construído corretamente. Ele usa ativação seletiva. O Ajax é sempre ruim para a velocidade (o WooCommerce o usa fortemente globalmente). Mas se você vai
usá-lo, ligue-o apenas onde for necessário. Não deixe as luzes acesas em salas vazias.

Obrigado Steve. Se você quiser aprender muito mais sobre como acelerar o seu site, visite o site do Steve's PagePipe.com aqui.

Qual é o meu tema WordPress favorito com rolagem infinita integrada?

Até o momento, usei 2 temas com rolagem infinita integrada para postagens. Eles são Bimber e Astra Pro.

Em março de 2021, troquei todos os meus sites do Bimber para o Astra. Bimber é ótimo, mas é muito mais volumoso e inchado que o Astra.

A rolagem infinita do Astra para postagens individuais funciona muito bem. Eu não tive nenhuma mudança de tráfego fazendo a mudança. Fat Stacks também usa Astra (mas eu não ligo a rolagem infinita para Fat Stacks… apenas meus sites de nicho).

Se você quiser rolagem infinita, recomendo fortemente o Astra hoje em dia.

Eu costumava usar o tema Bimber e é incrível, mas muito mais inchado que o Astra. Não é o tema mais leve que existe, mas o scroll infinito é impecável. Existem outros temas com rolagem infinita. Não testei todos. Eu verifiquei muitas demos e achei que as capacidades do Bimber eram as mais suaves. Não estou desapontado com a minha escolha.

Inclui todos os meus recursos obrigatórios descritos acima.

Como ativar a rolagem infinita com o tema Astra

Vá para Personalizar => Blog => Post único. Role para baixo e ative “Carregar automaticamente postagens anteriores” da seguinte maneira:

Como limitar o número de posts no scroll infinito com o tema Astra

Embora seja chamado de rolagem infinita, prefiro limitar o número de postagens na rolagem para 5.

Para fazer isso, vá em Configurações => Leitura e no campo “As taxas de distribuição mostram as mais recentes”, insira o número que você deseja para limitar o número de postagens na rolagem infinita da seguinte forma:

Como ativar a rolagem infinita no tema Bimber

Vá para Customizer => Posts => Single => Role para baixo até a seção intitulada “Autoload Next Post”.

Uma vez lá, marque a caixa “Ativado” para indicar o número máximo de postagens na rolagem infinita e indique se deseja rolar por categoria. Aqui está uma captura de tela:

Você precisa do plugin Ajax Load More se estiver usando os temas Astra ou Bimber?

Não, você não precisa de um plugin de rolagem infinita se usar o tema Bimber (ou qualquer tema com rolagem infinita incorporada).

Vá com um ou outro.

O tema Astra é rápido?

Sim. Não é o mais leve, mas definitivamente se qualifica como um tema leve.

O tema Bimber é rápido?

Não é o tema mais rápido que existe. No entanto, antes de comprá-lo e implantá-lo, fiz algumas pesquisas. Foi quando me deparei com o blog PagePipe de Steve Teare e sua revisão do tema Bimber. Falei mais com Steve sobre Bimber. Ele diz que, embora não seja o melhor tema para velocidade, pelo que oferece, é decente.

A rolagem infinita prejudicou meu SEO?

Não. Meu tráfego de pesquisa aumentou desde que usei a rolagem infinita. Não estou sugerindo que ele cresceu por causa da rolagem infinita. Estou apenas sugerindo que a rolagem infinita não prejudicou o SEO.

No entanto, você definitivamente quer ter certeza de configurar sua rolagem infinita corretamente para SEO. Isso requer que o slug de URL mude à medida que novos artigos forem exibidos. Também configurei para que os títulos de SEO mudem à medida que novas páginas aparecem.

O ALM lida com esses dois requisitos.

Os anúncios gráficos podem ser exibidos em sites com rolagem infinita?

Esta é uma razão pela qual a rolagem infinita não é tão popular quanto deveria ser.

Muitas redes de anúncios não têm tecnologia para implantar anúncios em rolagem infinita.

A única rede de anúncios que eu conheço que pode fazer isso é a AdThrive. Portanto, estou no processo de migrar todos os meus sites para o AdThrive.

Agora, eu NÃO perguntei a todas as redes de anúncios se elas podem exibir anúncios em rolagem infinita . Tenho certeza de que existem outras redes que podem acomodar rolagem infinita.

Os anúncios do AdSense podem ser usados ​​em rolagem infinita?

Não, os anúncios do AdSense não podem ser usados ​​em rolagem infinita.

Os anúncios Ezoic podem ser usados ​​em sites com rolagem infinita?

Sim e não. Sim, no sentido de que os anúncios serão exibidos na primeira visualização de página, mas não nas visualizações de página subsequentes.

Mediavine e Monumetric podem configurar a rolagem infinita para você. Entrei em contato com a Mediavine e eles disseram que é possível, mas também ouvi de pessoas que disseram que a Mediavine não faria isso.

A melhor coisa a fazer é perguntar à sua rede de anúncios.

A rolagem infinita gera mais receita com anúncios?

Novamente, não tenho certeza. Eu o implantei quando o COVID-19 atingiu com força, então as taxas de anúncios caíram drasticamente, mas depois começaram a subir novamente. Não posso dizer que o aumento da receita de anúncios foi resultado da rolagem infinita. Francamente, eu não me importo. O aumento do tempo no local para mim é uma grande vitória.

Por que a rolagem infinita não é usada em mais sites?

Quem sabe?

Quando você pesquisa no Google “rolagem infinita é boa” você recebe uma tonelada de posts que sugerem que é ruim.

No entanto, o que me fez pensar duas vezes é que muitos sites de primeira linha usam rolagem infinita. Nem todos eles, é claro, mas muitos o fazem e você sabe que eles testam essas coisas.

Achei que pelo menos valia a pena tentar. Tenho certeza que eu fiz. Eu testo muitas coisas que acabam sendo um desperdício de tempo e dinheiro, mas quando algo funciona, pode realmente funcionar. A rolagem infinita é um desses recursos.

Meu teste decisivo final

Como visitante do site, eu AMO sites com scroll infinito, principalmente no meu celular. Não quero navegar em um site com links e menus. Apenas me mantenha entretido e me dê mais conteúdo excelente. Enquanto eu gosto, fico por perto.

Se eu gosto, outros devem gostar.