Come aggiungerlo al tuo sito web
Pubblicato: 2022-10-27Vuoi aggiungere lo scorrimento infinito in WordPress?
Lo scorrimento infinito assicura che le tue pagine carichino automaticamente nuovi contenuti ogni volta che un visitatore raggiunge la fine di una pagina. In questo modo, puoi coinvolgere i tuoi visitatori e ridurre le frequenze di rimbalzo del tuo sito.
Ti mostreremo come aggiungere scorrimento infinito al tuo sito Web WordPress . Ma prima, toccheremo alcune cose di base che dovresti sapere a riguardo. Lo schema di questo post è il seguente:
Iniziamo.
Con lo scorrimento infinito, il tuo sito carica nuovi contenuti mentre un utente scorre verso il basso, invece di richiedere loro di fare clic su un collegamento manualmente per aprire una nuova pagina.
Su WordPress, un esempio comune sarebbe caricare automaticamente i nuovi post sulla pagina del tuo blog una volta che il visitatore raggiunge il fondo, piuttosto che fare affidamento su altre tecniche come l'impaginazione.
La tecnica viene spesso utilizzata su piattaforme di social media come Facebook e Twitter per offrire agli utenti un'esperienza di navigazione senza ostacoli.
E la stessa tecnica può essere utilizzata sui siti Web per mantenere i visitatori coinvolti con loro.
Dovresti aggiungere scorrimento infinito sul tuo sito? Pro e contro
Nonostante l'impatto positivo che può avere sul coinvolgimento degli utenti e sull'esperienza di navigazione, lo scorrimento infinito non è per tutti.
Diamo un'occhiata ai pro e ai contro per decidere se è necessario implementare la tecnica sul tuo sito Web WordPress.
Vantaggi dell'utilizzo dello scorrimento infinito
I vantaggi dell'utilizzo dello scroll infinito sul tuo sito sono:
Contro dell'utilizzo dello scroll infinito
Gli svantaggi dell'utilizzo dello scroll infinito sul tuo sito sono:
- Può essere fonte di confusione navigare nel tuo sito poiché il contenuto cambia senza interruzioni ed è difficile sapere in quale pagina ti trovi.
- La visualizzazione continua di contenuti, in particolare di testo, può essere opprimente per alcuni visitatori e potrebbero scegliere di lasciare il tuo sito e cercare un sito concorrente.
- Il piè di pagina del tuo sito diventerà ridondante perché il visitatore non potrà mai raggiungerlo.
- Lo scorrimento veloce può sovraccaricare i tuoi server web causando il blocco e l'arresto anomalo del tuo sito.
- Alcuni strumenti potrebbero avere difficoltà a tenere traccia delle metriche per pagina perché lo scorrimento infinito può far sembrare il tuo sito web come una grande pagina.
- E se il tuo sito viene visualizzato come una pagina continua, potrebbe avere un impatto negativo sulla SEO del sito e sul ranking di ricerca . Tuttavia, lo scorrimento infinito correttamente implementato può evitarlo, fornendo comunque a ciascuna pagina il proprio URL univoco.
Questi sono i pro e i contro dell'implementazione dello scroll infinito sul tuo sito web. Dopo aver considerato questi, se vuoi ancora aggiungere uno scorrimento infinito al tuo sito WordPress, continua a leggere.
Esistono due modi diversi in cui puoi aggiungere uno scorrimento infinito al tuo sito WordPress:
- Usa un tema WordPress che supporti lo scorrimento infinito
- Usa un plugin di scorrimento infinito
Immergiamoci in ogni metodo e puoi implementare quello che fa per te.
Ma prima di iniziare, fai un backup dell'intero sito Web perché l'implementazione dello scorrimento infinito richiederà di cambiare il tema e installare un nuovo plug-in nel tuo sito. L'esecuzione di questi passaggi comporta una certa quantità di rischio e potresti trovare il tuo sito danneggiato a causa di un singolo passo falso. In questi casi, il backup sarà la tua rete di sicurezza, quindi esegui un backup.
1. Aggiungi scorrimento infinito usando il tema WordPress (Neve)
Neve è uno dei pochi temi WordPress gratuiti che offre la funzione di scorrimento infinito. È una soluzione ideale se desideri abilitare lo scorrimento infinito solo sulla pagina dell'elenco del tuo blog (o su altre pagine di archivio).
Abilitare lo scorrimento infinito usando Neve è semplicissimo.
Installa e attiva il tema sul tuo sito Web WordPress.
Quindi vai su Aspetto → Personalizza → Layout → Blog/Archivio .
Scorri verso il basso fino all'opzione Ordinazione e contenuto e seleziona Scorrimento infinito in Impaginazione post .
Premi il pulsante Pubblica per salvare le tue impostazioni.
Tuttavia, se desideri abilitare lo scorrimento infinito sui tuoi singoli post o pagine, devi utilizzare un plug-in. Cioè, quando qualcuno apre l'intera pagina del singolo post del blog e scorre fino in fondo, vuoi che il tuo sito carichi un altro post completo.
Nelle prossime due sezioni, ti mostreremo come utilizzare i plugin per implementare lo scorrimento infinito.
2. Usa un plugin di scorrimento infinito di WordPress
Esistono numerosi plugin che ti aiuteranno ad abilitare lo scorrimento infinito sul tuo sito web, ma i più popolari sono:
- Cattura Pergamena infinita
- YITH Scorrimento infinito
- Ajax carica di più
Diamo una rapida occhiata a ciascun plugin prima di mostrarti come usarli.
Cattura Pergamena infinita
Catch Infinite Scroll è un plug-in di scorrimento infinito semplice e gratuito che ti consente di visualizzare il contenuto del tuo sito orizzontalmente su una singola pagina.
Se modifichi il trigger per fare clic invece di scorrere, verrà aggiunto un pulsante Carica altro sul tuo sito.
La personalizzazione è possibile e puoi scegliere di modificare l'immagine di caricamento e il colore, la dimensione del carattere e la famiglia di caratteri sul pulsante Carica altro, tra le altre cose.
La versione gratuita ti consente di abilitare lo scorrimento infinito sul tuo sito web. Tuttavia, per poter cambiare colore, famiglia di caratteri e dimensioni dei caratteri, è necessario ottenere la versione premium per una tariffa annuale di $ 24,99.
Per utilizzare il plugin gratuito, tutto ciò che devi fare è installare e attivare il plugin sul tuo sito e sei a posto.
Andando su Catch Infinite Scroll sulla dashboard di WordPress, puoi caricare una nuova immagine di caricamento e modificare il testo Carica altro e il testo che apparirà quando non ci sono più contenuti da mostrare.
YITH Scorrimento infinito
YITH Infinite Scrolling è un plug-in gratuito e, come il plug-in precedente, YITH Infinite Scrolling offre anche opzioni per scegliere il tipo di paginazione: scorrimento infinito o caricamento di più pulsanti.
Puoi modificare il testo del pulsante Carica altro, aggiungere classi extra al pulsante e persino utilizzare animazioni (come dissolvenza in entrata, diapositiva in entrata) per caricare nuovi contenuti.
Ci sono un certo numero di immagini di caricamento tra cui scegliere insieme all'opzione per caricare le tue.
Due delle nostre funzionalità preferite sono l'opzione per abilitare o disabilitare lo scorrimento infinito sui dispositivi mobili e per modificare l'URL di una pagina ogni volta che vengono caricati nuovi elementi ( importante per la SEO ).
Con la versione gratuita del plugin, puoi fare solo due cose:
- Carica un'immagine di caricamento personalizzata.
- Abilita lo scorrimento infinito solo sul tuo post.
Per consentire lo scorrimento infinito su tutte le pagine dell'archivio e accedere a tutte le funzionalità del plug-in, è necessaria la versione premium del plug-in che costa $ 59,99 all'anno.
L'uso di YITH Infinite Scrolling è abbastanza semplice. Installa e attiva il plug-in gratuito sul tuo sito e consentirà lo scorrimento infinito dei tuoi post.
Puoi navigare su YITH → Scorrimento infinito per personalizzare la configurazione del plugin, ma le impostazioni predefinite funzionano bene.
Ajax carica di più
Ajax Load More è un plug-in complesso che ti consente di abilitare lo scorrimento infinito insieme a opzioni come il filtro AJAX, modelli di ripetitori, shortcode builder, richieste personalizzate, ecc.
Rispetto ai plugin precedenti, Ajax Load More è un po' più complicato da configurare. Anche se non è necessario essere uno sviluppatore per usarlo, i principianti potrebbero voler utilizzare un plug-in diverso perché dovrai gestire termini come "parametri di query" e "modelli di ripetitore".
Tuttavia, il vantaggio di tale complessità aggiuntiva è che hai un sacco di opzioni per configurare e personalizzare il comportamento di scorrimento infinito sul tuo sito.
Quindi, se vuoi essere in grado di scorrere all'infinito tutto sul tuo sito, dai post alle pagine, ai commenti e altro, questa potrebbe essere una buona opzione da guardare.
Inizia con lo scorrimento infinito di WordPress
L'aggiunta di scorrimento infinito sul tuo sito Web WordPress ha molti vantaggi e svantaggi. Ad esempio, può migliorare la frequenza di rimbalzo e il ranking del tuo sito, ma in alcune situazioni può anche influire negativamente sull'esperienza dell'utente.
Lo scorrimento infinito può essere abilitato sul tuo sito utilizzando il tema Neve o plug-in dedicati come Catch Infinite Scroll e YITH Infinite Scrolling. Assicurati solo di avere un backup come rete di sicurezza prima di implementare uno qualsiasi dei metodi.
Per altri modi per migliorare il tuo sito, dai un'occhiata ai nostri sette suggerimenti per migliorare l'esperienza utente.
Questo è tutto per questo! Se hai domande su come aggiungere lo scorrimento infinito su un sito WordPress, faccelo sapere nei commenti qui sotto.