Come aggiungerlo al tuo sito web
Pubblicato: 2022-10-27Vuoi aggiungere lo scorrimento infinito in WordPress?
Lo scorrimento infinito garantisce che le tue pagine carichino automaticamente nuovi contenuti ogni volta che un visitatore raggiunge la parte inferiore di una pagina. In questo modo, puoi mantenere i tuoi visitatori coinvolti 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 al 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 manualmente su un collegamento 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 affidarsi ad 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 essi.
Dovresti aggiungere scroll 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 di utilizzare lo scroll infinito sul tuo sito sono:
Contro dell'utilizzo dello scorrimento infinito
Gli svantaggi dell'utilizzo dello scroll infinito sul tuo sito sono:
- Può creare confusione navigare nel tuo sito poiché il contenuto cambia senza soluzione di continuità ed è difficile sapere in quale pagina ti trovi.
- La visualizzazione continua di contenuti, in particolare di testo, può essere opprimente per alcuni visitatori, che potrebbero scegliere di abbandonare 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 server Web causando il blocco e l'arresto anomalo del 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, assegnando 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 scroll infinito al tuo sito WordPress, continua a leggere.
Esistono due modi diversi in cui puoi aggiungere lo scorrimento infinito al tuo sito WordPress:
- Usa un tema WordPress che supporti lo scorrimento infinito
- Usa un plug-in 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 scoprire che il tuo sito non funziona a causa di un singolo passo falso. In questi casi, il backup sarà la tua rete di sicurezza, quindi fai un backup.
1. Aggiungi scorrimento infinito utilizzando 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 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 Ordinamento e contenuto e seleziona Scorrimento infinito sotto 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 la pagina completa 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 plug-in di scorrimento infinito di WordPress
Esistono numerosi plug-in che ti aiuteranno ad abilitare lo scorrimento infinito sul tuo sito Web, ma i più popolari sono:
- Cattura scorrimento infinito
- YITH Scorrimento infinito
- Ajax carica di più
Diamo una rapida occhiata a ogni plugin prima di mostrarti come usarli.
Cattura scorrimento infinito
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 cambiare 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 dimensione del carattere, è necessario ottenere la versione premium per una tariffa annuale di $ 24,99.
Per utilizzare il plug-in gratuito, tutto ciò che devi fare è installare e attivare il plug- in 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 apparirebbe 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 impaginazione: scorrimento infinito o carica più pulsanti.
Puoi modificare il testo del pulsante Carica altro, aggiungere classi extra al pulsante e persino utilizzare animazioni (come dissolvenza in apertura, scorrimento 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 abilitare lo scorrimento infinito su tutte le tue pagine di archivio e accedere a tutte le funzionalità del plug-in, è necessaria la versione premium del plug-in che costa $ 59,99 all'anno.
Usare YITH Infinite Scrolling è abbastanza semplice. Basta installare e attivare il plug-in gratuito sul tuo sito e abiliterà lo scorrimento infinito sui 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 ripetitori, generatore di shortcode, richieste personalizzate, ecc.
Rispetto ai plugin precedenti, Ajax Load More è un po' più complicato da configurare. Sebbene non sia necessario essere uno sviluppatore per utilizzarlo, i principianti potrebbero voler utilizzare un plug-in diverso perché dovrai gestire termini come "parametri di query" e "modelli di ripetitori".
Tuttavia, il vantaggio di questa complessità aggiuntiva è che ottieni 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, 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 posizionamento del tuo sito, ma può anche influire negativamente sull'esperienza dell'utente in alcune situazioni.
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 dell'utente.
Questo è tutto per questo! Se hai domande su come aggiungere lo scorrimento infinito su un sito WordPress, faccelo sapere nei commenti qui sotto.