I migliori plugin di scorrimento infinito e temi WordPress con scorrimento infinito integrato (aumento dal 58% al 330% del tempo sul sito)

Pubblicato: 2020-07-07

Aggiornato l'11 giugno 2021

Dichiarazione di non responsabilità: ho impostato un plug-in e un tema WordPress che ritengo il migliore per lo scorrimento infinito. Non ho testato tutte le opzioni là fuori, ma ho fatto la mia due diligence. Questo articolo si basa sulla mia opinione basata sulla distribuzione di scorrimento infinito su 16 siti di nicchia che possiedo.

Curiosità: ho aumentato il tempo sul sito con lo scorrimento infinito del mio portafoglio di 16 siti di nicchia dal 58% al 330% (escluso Fat Stacks).

Il 58% è stato l'aumento più basso del tempo sul sito. 330% il più grande.

Controlla:

Di seguito sono riportati gli screenshot del tempo medio trascorso sul sito prima e dopo la distribuzione dello scorrimento infinito. Dato che questo sito ha oltre 1,5 milioni di visitatori mensili, l'aumento aggregato del tempo trascorso sul sito è incredibile arrivando a 1.500.000 x 34 secondi per visitatore = 850.000 minuti di aumento al mese . L'aumento delle visualizzazioni di pagina per visitatore è stato quasi altrettanto impressionante arrivando a 555.000 visualizzazioni di pagina aggiuntive al mese.

Sommario

  • 2 tipi di scorrimento infinito
  • 2 posti su un sito Web per utilizzare lo scorrimento infinito
  • Perché non metto lo scorrimento infinito su Fat Stacks?
  • 2 modi per distribuire la pergamena infinita
  • Qual è il modo migliore per distribuire lo scroll infinito?
  • Qual è il miglior plugin per lo scorrimento infinito?
  • Quali plugin di scorrimento infinito ho testato?
  • Carica Ajax Più in dettaglio (caratteristiche che ho usato)
    • Risultati dei test di velocità del plug-in Ajax Load More
  • Qual è il mio tema WordPress preferito con scorrimento infinito integrato?
  • Come attivare lo scorrimento infinito con Astra Theme
    • Come attivare lo scorrimento infinito in Bimber Theme
    • Hai bisogno del plugin Ajax Load More se usi i temi Astra o Bimber?
    • Il tema Astra è veloce?
    • Il tema Bimber è veloce?
  • Lo scorrimento infinito ha danneggiato il mio SEO?
  • Gli annunci display possono essere mostrati su siti con scorrimento infinito?
  • Lo scorrimento infinito fa guadagnare più entrate pubblicitarie?
  • Perché lo scorrimento infinito non viene utilizzato su più siti?
  • La mia ultima cartina di tornasole

Prima dello scorrimento infinito: dal 1 al 29 febbraio 2020

Sito web prima dello scorrimento infinito

  • Visualizzazioni di pagina medie per sessione: 1,24
  • Tempo medio sul posto: 55 secondi

Con Infinite Scroll: dal 1 al 29 aprile 2020

Sito con scorrimento infinito

  • Visualizzazioni di pagina medie per sessione: 1,61 ( miglioramento del 30% )
  • Tempo medio sul sito: 1 minuto e 29 secondi ( miglioramento del 62% )

La maggior parte dei miei altri siti di nicchia è migliorata ancora di più.

Tutto sommato, questi guadagni sono enormi. Sono un credente del rotolo infinito. È innegabilmente positivo per gli utenti dato che rimangono sui miei siti molto più a lungo che senza lo scorrimento infinito.

2 tipi di scorrimento infinito

Esistono due tipi di scorrimento infinito.

Il primo è dove i visitatori fanno clic su un pulsante "carica altro" che carica più post (nelle pagine di archivio) o sul post successivo se distribuito su singoli post.

Il secondo è dove il contenuto successivo scorre automaticamente sullo schermo.

Ho distribuito il secondo tipo.

2 posti su un sito Web per utilizzare lo scorrimento infinito

Puoi distribuire lo scorrimento infinito in due parti di un sito Web. Uno è su categoria, tag e home page che carica più estratti di post. NON è quello che faccio. Tuttavia, utilizzo un pulsante Carica di più sulle pagine di archivio sui miei siti di nicchia.

L'altro è distribuirlo su singoli post in modo che il prossimo post venga visualizzato mentre i visitatori scorrono verso il basso. Questo è quello che ho sui miei siti.

Perché non metto lo scorrimento infinito su Fat Stacks?

Potrei, ma i numeri qui intorno sono già molto buoni con oltre 3,39 pagine per visitatore e tempo medio del sito di 2:59.

Ma per il resto delle mie nicchie, è uno scorrimento infinito fino in fondo.

2 modi per distribuire la pergamena infinita

Se gestisci un sito WordPress, ed è probabile che tu lo faccia, hai due modi per distribuire lo scorrimento infinito. Stanno usando un tema con scorrimento infinito integrato o utilizzando un plug-in.

In genere utilizzo un tema con scorrimento infinito integrato, ma durante il test dello scorrimento infinito, ho provato tutti i plug-in disponibili. speravo di farlo

Qual è il modo migliore per distribuire lo scroll infinito?

Preferisco usare un tema con scorrimento infinito integrato solo perché è più fluido. Tuttavia, lo capisco perfettamente se preferisci restare con il tuo tema attuale. Cambiare tema è una grande operazione. Spesso è più facile distribuire un plug-in.

Se preferisci l'approccio plug-in, la prossima domanda è...

Qual è il miglior plugin per lo scorrimento infinito?

Dopo aver testato 4 principali plugin di scorrimento infinito, uno regna sovrano. Non è nemmeno vicino. Quel plugin è Ajax Load More (ALM).

Il motivo per cui dico che regna sovrano è che funziona effettivamente con GeneratePress (gli altri no) e ALM offre più impostazioni, funzionalità e controlli rispetto a qualsiasi altro.

Detto questo, ALM non è il plugin più semplice da implementare. Fortunatamente, il supporto è stato straordinario; Non sarei stato in grado di farlo senza il supporto.

Per farla breve, ho distribuito lo scorrimento infinito su un sito di nicchia con il tema GeneratePress, ma non mi importava tanto quanto l'utilizzo di un tema con scorrimento infinito integrato.

Quali plugin di scorrimento infinito ho testato?

Non intendo eliminare questi altri plugin, ma alla fine nessuno di essi, tranne ALM, ha funzionato con il tema Generate Press. Non ho provato i plugin su un altro tema. Ero interessato solo a far funzionare lo scorrimento infinito con Generate Press.

I plugin che ho testato sono:

  • Ajax Carica di più (è il migliore)
  • YITH Infinite Scrolling (ho aggiornato alla versione premium)
  • Catch Infinite Scroll (ho aggiornato alla versione premium)
  • Carica automaticamente il post successivo

Carica Ajax Più in dettaglio (caratteristiche che ho usato)

ALM ha un'opzione gratuita qui e un'opzione premium qui. Ho usato la versione premium. Mentre per la maggior parte dei plugin consiglio di provare la versione gratuita, in questo caso dovresti ottenere la versione a pagamento perché è ciò di cui hai bisogno per distribuirla su singoli post e per la funzione SEO.

Il plug-in ALM offre un sacco di opzioni, funzionalità e controlli. Non li ho richiesti tutti, ma alcuni di essi sono di fondamentale importanza.

Ecco cosa ho richiesto e fornito ALM:

Scorrimento infinito SEO friendly

Questo è importante. Ciò richiede che mentre i visitatori scorrono nuovi articoli, lo slug URL cambia nel nuovo articolo. Questo dice a Google che si tratta di un nuovo articolo. Se non lo hai operativo, Google potrebbe raggruppare i contenuti di più articoli in un unico URL, il che sarebbe negativo.

Possibilità di limitare il numero massimo di pagine nella pergamena

Ho impostato il mio scorrimento infinito su un limite a 5 articoli. In questo modo i visitatori alla fine arrivano in fondo al mio sito. Detto questo, metto anche un menu secondario in alto che contiene collegamenti alla mia pagina dei contatti, alla politica sulla privacy e alla pagina Informazioni.

Possibilità di distribuire lo scorrimento infinito per categoria

Lo scorrimento infinito funziona solo se il contenuto successivo è rilevante per ciò che i visitatori stanno leggendo. Questo è il motivo per cui è utile avere la possibilità di distribuire lo scorrimento infinito per categoria. Ciò significa che i prossimi articoli che scorrono in vista saranno nella stessa categoria del primo articolo visitato. Questo può fare una grande differenza se il tuo sito si trova in un'ampia nicchia.

Un'altra cosa che suggerisco è di trasformare la barra dei menu di navigazione in alto in una barra dei menu mobile in modo che i visitatori possano navigare se si è in fondo allo scorrimento. Includo anche un collegamento a casa. Questo aiuta a mantenere i visitatori orientati all'interno del tuo sito.

Risultati dei test di velocità del plug-in Ajax Load More

Steve Teare, un amico, esperto di velocità del sito ed editore del blog molto popolare e ridicolmente utile PagePipe.com, ha eseguito alcuni test di velocità del plug-in ALM. Ecco i suoi risultati che mi ha fornito insieme al permesso di riprodurli qui:

1. Questo test è un post del blog e ha una funzione di scorrimento infinito su di esso.

Nota l'elemento 9 nella cascata. Questo è Ajax che aggiunge 754 millisecondi al tempo di caricamento del post. Questo è tipico dell'Ajax. Si noti che TTFB è di 1 secondo. Le chiamate Ajax influiscono sull'attività del server aumentando così anche il TTFB.

Fortunatamente, il resto delle risorse della pagina sono ultraleggere. Quindi il tempo di caricamento è di 2,192 secondi. Non al di sotto del nostro budget di prestazioni di 2 secondi, ma vicino. Fortunatamente, gran parte dell'Ajax sembra essere pigro. Ma sul cellulare?

Vedi il punteggio di WebPageTest qui.

2. Un altro test geek in questa demo: la nostra pagina delle testimonianze (normalmente molto veloce) in cui Ajax non dovrebbe essere caricato perché è una pagina, non un post.

Ripeti: solo i post sono selezionati nei controlli del plugin.

Vedi il punteggio di WebPageTest qui.

Nota TTFB — stesso server — 664 millisecondi. Tempo di caricamento: 1.585 secondi.

Ajax per il plugin NON viene caricato. Questo è un buon plugin. È stato costruito correttamente. Utilizza l'attivazione selettiva. Ajax è sempre dannoso per la velocità (WooCommerce lo usa pesantemente a livello globale). Ma se hai intenzione di farlo
usalo, accendilo solo dove serve. Non lasciare le luci accese nelle stanze vuote.

Grazie Steve. Se vuoi saperne di più su come velocizzare il tuo sito, visita il sito Web PagePipe.com di Steve qui.

Qual è il mio tema WordPress preferito con scorrimento infinito integrato?

Ad oggi, ho utilizzato 2 temi con scorrimento infinito integrato per i post. Sono Bimber e Astra Pro.

A marzo 2021 ho cambiato tutti i miei siti da Bimber ad Astra. Bimber è fantastico ma è molto più voluminoso e gonfio di Astra.

Lo scorrimento infinito di Astra per i singoli post funziona alla grande. Non ho avuto modifiche al traffico effettuando la modifica. Fat Stacks usa anche Astra (ma non attivo lo scorrimento infinito per Fat Stacks... solo i miei siti di nicchia).

Se vuoi uno scroll infinito, consiglio vivamente Astra in questi giorni.

Usavo Bimber Theme ed è fantastico ma molto più gonfio di Astra. Non è il tema più leggero là fuori, ma lo scorrimento infinito è impeccabile. Ci sono altri temi con scorrimento infinito. Non li ho testati tutti. Ho controllato molte demo e ho pensato che le capacità di Bimber fossero le più fluide. Non sono deluso dalla mia scelta.

Include tutte le mie funzionalità indispensabili sopra descritte.

Come attivare lo scorrimento infinito con Astra Theme

Vai a Personalizza => Blog => Post singolo. Scorri verso il basso e attiva "Carica automaticamente i post precedenti" come segue:

Come limitare il numero di post nella pergamena infinita con il tema Astra

Sebbene si chiami pergamena infinita, preferisco limitare il numero di post nella pergamena a 5.

Per fare ciò, vai su Impostazioni => Lettura e nel campo "Tariffe di syndication mostra il più recente", inserisci il numero che desideri limitare il numero di post a scorrimento infinito come segue:

Come attivare lo scorrimento infinito in Bimber Theme

Vai a Personalizzatore => Messaggi => Singolo => Scorri verso il basso fino alla sezione intitolata "Carica automaticamente il prossimo post".

Una volta lì, seleziona la "casella Abilitato" per indicare il numero massimo di post nello scroll infinito e indica se vuoi che scorri per categoria. Ecco uno screenshot:

Come attivare lo scorrimento infinito nel tema Bimber

Hai bisogno del plugin Ajax Load More se usi i temi Astra o Bimber?

No, non è necessario un plug-in di scorrimento infinito se utilizzi il tema Bimber (o qualsiasi tema con scorrimento infinito integrato).

Vai con l'uno o l'altro.

Il tema Astra è veloce?

Sì. Non è il più leggero ma si qualifica sicuramente come un tema leggero.

Il tema Bimber è veloce?

Non è il tema più veloce là fuori. Tuttavia, prima di acquistarlo e implementarlo, ho fatto alcune ricerche. È stato allora che mi sono imbattuto nel blog di Steve Teare PagePipe e nella sua recensione sul tema Bimber. Ho parlato ulteriormente con Steve di Bimber. Dice che anche se non è il miglior tema per la velocità, per quello che offre, è decente.

Lo scorrimento infinito ha danneggiato il mio SEO?

No. Il mio traffico di ricerca è cresciuto da quando ho utilizzato lo scorrimento infinito. Non sto suggerendo che sia cresciuto a causa dello scorrimento infinito. Sto semplicemente suggerendo che lo scorrimento infinito non ha danneggiato la SEO.

Tuttavia, devi assolutamente assicurarti di impostare correttamente il tuo scorrimento infinito per la SEO. Ciò richiede che lo slug URL cambi quando vengono visualizzati nuovi articoli. L'ho anche impostato in modo che i titoli SEO cambino quando vengono visualizzate nuove pagine.

ALM gestisce entrambi questi requisiti.

Gli annunci display possono essere mostrati su siti con scorrimento infinito?

Questo è uno dei motivi per cui lo scorrimento infinito non è così popolare come dovrebbe essere.

Molte reti pubblicitarie non dispongono della tecnologia per distribuire annunci su scorrimento infinito.

L'unica rete pubblicitaria in grado di farlo di cui sono a conoscenza è AdThrive. Quindi sto spostando tutti i miei siti su AdThrive.

Ora, NON ho chiesto a tutte le reti pubblicitarie là fuori se possono pubblicare annunci su scorrimento infinito . Sono sicuro che ci sono altre reti che possono ospitare lo scorrimento infinito.

Gli annunci AdSense possono essere utilizzati su scorrimento infinito?

No, gli annunci AdSense non possono essere utilizzati su scorrimento infinito.

Gli annunci Ezoic possono essere utilizzati su siti con scorrimento infinito?

Sì e no. Sì, nel senso che gli annunci verranno visualizzati nella prima visualizzazione di pagina ma non nelle visualizzazioni di pagina successive.

Mediavine e Monumetric potrebbero essere in grado di configurare lo scroll infinito per te. Ho contattato Mediavine e mi hanno detto che è possibile, ma ho anche sentito da persone che gli è stato detto che Mediavine non lo farà.

La cosa migliore da fare è chiedere alla tua rete pubblicitaria.

Lo scorrimento infinito fa guadagnare più entrate pubblicitarie?

Ancora una volta, non sono sicuro. L'ho implementato quando il COVID-19 ha colpito duramente, quindi le tariffe degli annunci sono diminuite drasticamente ma poi hanno ricominciato a salire. Non posso dire che l'aumento delle entrate pubblicitarie sia stato il risultato di uno scorrimento infinito. Francamente, non mi interessa. L'aumento del tempo sul sito per me è una vittoria abbastanza grande.

Perché lo scorrimento infinito non viene utilizzato su più siti?

Chi lo sa?

Quando cerchi su Google "è buono lo scorrimento infinito" ottieni un sacco di post che suggeriscono che non va bene.

Tuttavia, ciò che mi ha fatto pensare due volte è che molti siti di alto livello utilizzano lo scorrimento infinito. Non tutti ovviamente, ma molti lo fanno e sai che testano questa roba.

Ho pensato che almeno valesse la pena provare. Sono sicuro di averlo fatto. Provo molte cose che finiscono per essere una perdita di tempo e denaro, ma quando qualcosa funziona, può davvero funzionare. Lo scorrimento infinito è una di queste caratteristiche.

La mia ultima cartina di tornasole

Come visitatore di un sito web, AMO i siti con scorrimento infinito, specialmente sul mio telefono. Non voglio navigare in un sito con link e menu. Intrattienimi e alimentami con il cucchiaio altri fantastici contenuti. Finché mi piace, rimango in giro.

Se mi piace, gli altri devono.