Volete aggiungere una barra di avanzamento della lettura a WordPress?
Una barra di avanzamento della lettura offre un ottimo modo per migliorare l’esperienza utente del vostro sito, offrendo ai lettori un indicatore visuale dei loro progressi all’interno di un post.
Se volete aggiungerne una al vostro sito, ci sono tantissimi plugin gratuiti o economici che permettono di aggiungere una barra di avanzamento e abbinarla al resto del sito.
In questo articolo abbiamo raccolto 8 delle migliori soluzioni, 6 delle quali completamente gratuite.
Di seguito, vi daremo i dettagli di ogni plugin, oltre a una rapida introduzione sul funzionamento delle barre di avanzamento e sui motivi per cui possono essere utili al vostro sito.
Cos’è una Barra di Avanzamento della Lettura?
Una barra di avanzamento della lettura fa esattamente quello che dice il nome: permette ai visitatori del vostro sito di vedere a che punto sono con la lettura dei contenuti del vostro articolo.
In genere, si tratta di una barra orizzontale posizionata nella parte superiore o inferiore della pagina. Man mano che gli utenti scorrono il post, la barra si “riempie” per indicare quanto sono vicini alla fine del contenuto.
Alcuni plugin danno anche la possibilità di creare una barra di avanzamento verticale a sinistra o a destra del contenuto. In questi casi, l’aspetto è simile a quello di una barra di scorrimento. Tuttavia, la differenza fondamentale è che la barra di avanzamento si basa sulla lunghezza effettiva del contenuto, mentre la barra di scorrimento del browser si basa sull’intera lunghezza della pagina.
Ecco due esempi reali del modo in cui i siti utilizzano le barre di avanzamento della lettura.
HubSpot aggiunge una barra di avanzamento arancione che appare direttamente sotto la sua intestazione fissa:
Ma potete provare diverse collocazioni della barra di avanzamento a seconda del vostro sito.
Perché Aggiungere una Barra di Avanzamento della Lettura a WordPress?
Ad alto livello, una barra di avanzamento della lettura è uno strumento per migliorare l’usabilità e l’esperienza utente sul sito che può avere effetti più diretti su indicatori importanti come il tempo sulla pagina e la frequenza di rimbalzo.
Innanzitutto, parliamo dell’esperienza utente in generale.
La maggior parte delle persone vuol sapere a cosa va incontro prima di investire il proprio tempo in un post. Si tratta di un articolo di 5 minuti che possono leggere tra un impegno e l’altro o di un lungo articolo di 20 minuti che richiederà una certa attenzione?
Una barra di avanzamento dà ai lettori una buona idea di cosa aspettarsi dal vostro post non appena iniziano a leggerlo. Per questo motivo, alcuni siti aggiungono alla barra di avanzamento anche una stima del tempo di lettura, che molti dei plugin qui sotto supportano.
Una volta che i vostri visitatori iniziano a leggere, la barra di avanzamento può anche incoraggiarli a finire il post. Ad esempio, se un lettore vede che ha già letto l’80% del contenuto, sarà incoraggiato a finire l’ultimo 20% perché ha già letto la maggior parte del post.
Questi miglioramenti nell’esperienza utente possono avere effetti positivi su due importanti indicatori:
- Tempo di permanenza – incoraggiando i lettori a terminare un post una volta iniziata la lettura, potete aumentare il tempo che trascorrono sulla pagina.
- Frequenza di rimbalzo – aumentando il tempo che i visitatori trascorrono sulla pagina, aumenterà la possibilità che un visitatore continui a impegnarsi nel sito (magari leggendo un altro post), il che può contribuire a ridurre la frequenza di rimbalzo.
Se combinate le barre di avanzamento con altre soluzioni per migliorare l’esperienza utente, come una buona struttura di navigazione e un uso intelligente della paginazione, potrete creare un’esperienza davvero piacevole e coinvolgente per i visitatori.
Gli 8 Migliori Plugin per WordPress per Barre di Avanzamento della Lettura
Passiamo ora agli 8 migliori plugin WordPress per barre di avanzamento che vi permetteranno ad aggiungere una barra di avanzamento della lettura al vostro sito.
Sebbene sia possibile trovare dei plugin generici che permettono di creare una barra di avanzamento personalizzata per qualsiasi cosa, questo articolo si concentra in particolare sui plugin che aggiungono indicatori di avanzamento della lettura in base alla lunghezza del contenuto di una pagina.
In termini di prezzi, 6 di questi plugin sono completamente gratuiti, mentre i 2 rimanenti sono convenienti e aggiungono una flessibilità che non troverete nella maggior parte delle soluzioni gratuite.
Inoltre, tutti questi plugin dovrebbero funzionare con quasi tutti i temi di WordPress.
Read Meter
Read Meter è un plugin per la barra di avanzamento della lettura realizzato da Brainstorm Force, lo stesso team che ha creato il popolare tema WordPress Astra (che è nel nostro elenco dei temi WordPress più veloci).
Il plugin permette di aggiungere automaticamente una barra di avanzamento della lettura che si posiziona nella parte superiore o inferiore della pagina. Insieme alla barra di avanzamento, offre anche la possibilità di visualizzare il tempo di lettura stimato del post.
Ecco tutto ciò che avrete con Read Meter:
- Posizionamento in alto o in basso: visualizza la barra di avanzamento nella parte superiore o inferiore dello schermo dell’utente.
- Targeting del tipo di post: potete scegliere di aggiungere l’avanzamento di lettura solo per alcuni tipi di post (compresi quelli personalizzati). Ad esempio, potete visualizzarla sui post del blog ma non sulle pagine.
- Tempo di lettura: potete aggiungere automaticamente il tempo di lettura stimato in varie parti del post (ad esempio sotto il titolo) o inserirlo manualmente con uno shortcode.
- Colori personalizzabili: potete personalizzare i colori e lo stile di ogni elemento per renderlo adatto al vostro sito.
Prezzo: Read Meter è gratuito al 100%.
Reading progressbar
Reading progressbar è un altro dei plugin per barre di avanzamento più popolari su WordPress.org. A differenza di Read Meter, però, questo plugin non offre la possibilità di aggiungere il tempo di lettura stimato, ma solo la barra di avanzamento.
Ma offre una maggiore flessibilità di targeting rispetto a Read Meter. Ad esempio, potete assegnare la barra di avanzamento a template specifici oltre che a tipi di post.
Ecco tutto ciò che avrete con Reading progressbar:
- Posizionamento flessibile: potete posizionare automaticamente la barra di avanzamento nella parte superiore o inferiore della pagina. In alternativa, c’è un’opzione di posizionamento personalizzato che vi permette di posizionarla su qualsiasi elemento CSS. Ad esempio, se avete un header fisso, potete posizionarla sotto il menu di navigazione dell’intestazione invece che all’inizio della pagina (come nell’esempio di HubSpot).
- Design personalizzabile: potete modificare l’altezza e i colori della barra di avanzamento per adattarla al vostro sito.
- Opzioni di targeting: potete visualizzare la barra di avanzamento solo su determinati template e/o tipi di post.
Prezzo: Reading progressbar è gratuito al 100%.
Worth the Read
Worth the Read è uno dei plugin per WordPress con barra di avanzamento più personalizzabile, il che lo rende un’ottima opzione se trovate i plugin precedenti troppo limitanti.
Include alcune opzioni uniche di posizionamento e di targeting che la maggior parte degli altri plugin non offre, oltre ad altre caratteristiche uniche. Inoltre, offre la possibilità di aggiungere una stima del tempo di lettura.
Ecco tutto ciò che otterrete con Worth the Read:
- Opzioni di posizionamento orizzontale o verticale: potete inserire una barra di avanzamento orizzontale nella parte superiore o inferiore dello schermo oppure una barra di avanzamento verticale a sinistra o a destra dello schermo. L’opzione verticale è unica in quanto la maggior parte degli altri plugin non la supporta.
- Targeting del tipo di post: è possibile inserire la barra di avanzamento della lettura solo su alcuni tipi di post.
- Targeting del dispositivo: dà la possibilità di disattivare la barra di avanzamento per i dispositivi mobili e i tablet (o desktop).
- Avanzamento dei commenti: avete la possibilità di includere i commenti nell’avanzamento della lettura, il che può essere utile se avete sezioni di commenti attive con informazioni utili.
- Supporto RTL: è uno dei pochi plugin che vi permette di passare alla lingua RTL, il che può essere ottimo per i siti in lingua RTL.
- Opzioni di stile: è possibile personalizzare i colori, lo spessore, l’opacità e così via. Se avete abilitato i commenti, potete anche utilizzare un colore separato per indicare l’inizio della sezione dei commenti sulla barra di avanzamento.
- Tempo di lettura stimato: se avete abilitato il tempo di lettura, potete personalizzarne la funzionalità e posizionarlo automaticamente o manualmente tramite uno shortcode.
Prezzo: Worth the Read è gratuito al 100%.
Catch Scroll Progress Bar
Catch Scroll Progress Bar è un’altra soluzione leggera per aggiungere una barra di avanzamento base al vostro sito.
È piuttosto semplice, con solo le opzioni minime necessarie per posizionare e stilizzare la barra di avanzamento.
Ecco tutto ciò che avrete da Catch Scroll Progress Bar:
- Posizione in alto o in basso: posiziona la barra di avanzamento in alto o in basso nella pagina.
- Orientamento al tipo di post: aggiunge la barra di avanzamento solo a determinati tipi di post.
- Targeting dei template: all’interno di questi tipi di post, potete visualizzarla solo su determinati template. Ad esempio, potete aggiungerla ai post singoli ma non alla pagina dell’archivio.
- Opzioni di colore e stile: permette di personalizzare i colori, l’opacità e l’altezza della barra di avanzamento.
Prezzo: Catch Scroll Progress Bar è gratuito al 100%.
WP Reading Progress
WP Reading Progress è un altro plugin gratuito per la barra di avanzamento di WordPress disponibile su WordPress.org.
Come il precedente plugin, fornisce solo le impostazioni minime necessarie per personalizzare la barra di avanzamento della lettura. Ma è tutto cià che serve alla maggior parte degli utenti, il che lo rende un’altra valida opzione.
Ecco tutto ciò che avrete con WP Reading Progress:
- Posizionamento flessibile: fissa automaticamente la barra all’inizio o alla fine della pagina. È anche possibile posizionarla manualmente su qualsiasi selettore CSS.
- Targeting del tipo di post: permette di inserire la barra di avanzamento solo in alcuni tipi di post. C’è anche un’opzione per abilitare/disabilitare le pagine di archivio.
- Personalizzazione dello stile: potete personalizzare il colore e lo spessore della barra di avanzamento. Ma è possibile scegliere un solo colore e non ci sono opzioni per l’opacità.
Prezzo: WP Reading Progress è gratuito al 100%.
Reading Time
Reading Time è il primo plugin per l’avanzamento della lettura di questo elenco disponibile solo in versione premium.
Tuttavia, è abbastanza conveniente e offre aggiornamenti a vita tramite il marketplace CodeCanyon di Envato.
Ci sono due motivi principali per prendere in considerazione Reading Time rispetto alle alternative gratuite:
- 8 stili preimpostati: avete a disposizione alcune opzioni di stile uniche, come l’utilizzo di barre verticali invece di un riempimento solido all’interno della barra di avanzamento (immagine sopra).
- Regole di targeting avanzate: oltre a targetizzare i tipi di post e i template, potete assegnare le barre di avanzamento in base a regole molto specifiche come i ruoli degli utenti, gli URL, i dispositivi e altro ancora.
Inoltre, avrete a disposizione tutte le funzioni “standard” che vi aspettereste da un plugin:
- Posizionamento flessibile: oltre al posizionamento automatico in alto o in basso, potete anche utilizzare un posizionamento personalizzato per adattare la barra di avanzamento a qualsiasi selettore CSS.
- Opzioni di stile: oltre agli oltre 8 stili preimpostati, avete a disposizione anche opzioni generali per personalizzare i colori e l’altezza della barra di avanzamento.
Prezzo: Reading Time costa $15, con aggiornamenti a vita per un singolo sito e 6 mesi di assistenza.
Reading Position Indicator
Reading Position Indicator è un altro leggero plugin gratuito per barre di avanzamento di WordPress.org.
Non offre molte impostazioni, ma un’opzione unica è quella che permette di utilizzare un gradiente personalizzato per la barra di avanzamento della lettura (oltre a un colore solido).
Ecco tutto ciò che avrete con Reading Position Indicator:
- Posizione in alto o in basso: non c’è un selettore CSS da posizionare, ma potete aggiungere un offset.
- Targeting del tipo di post: potete indirizzare la barra di avanzamento a specifici tipi di post.
- Opzioni di personalizzazione dello stile: potete scegliere tra stili di colore solido o sfumato. È anche possibile regolare lo spessore della barra di avanzamento.
Prezzo: Reading Position Indicator è gratuito al 100%.
ReBar
ReBar è un altro plugin premium per WordPress per aggiungere la barra di avanzamento della lettura, venduto tramite il marketplace CodeCanyon di Envato.
Ecco alcune delle caratteristiche uniche che offre questo plugin e per le quali vale la pena spendere un po’ di soldi:
- 8 stili preimpostati: avete a disposizione una serie di stili unici che vanno oltre i riempimenti a tinta unita, come plastic, gradienti, stile iOS e altro ancora.
- Regole di targeting avanzate: oltre ai tipi di post, potete assegnare le vostre barre di avanzamento in base a regole molto specifiche, come i ruoli degli utenti, gli URL, i dispositivi e altro ancora.
- Supporto per lo scorrimento infinito: ReBar funziona anche con i layout a scorrimento infinito, il che la rende un’ottima opzione per questi siti. È possibile definire l’area di scorrimento in base ai selettori CSS e genererà una barra di avanzamento unica per ogni post a scorrimento infinito.
Ecco altre caratteristiche degne di nota:
- Stili orizzontali e verticali: potete posizionare una barra di avanzamento orizzontale nella parte superiore o inferiore della pagina oppure sul lato destro o sinistro della pagina.
- Stili personalizzabili: oltre agli 8 stili preimpostati, potete anche personalizzare i colori e l’altezza/larghezza della barra di avanzamento.
- Supporto RTL: potete invertire la barra di avanzamento per le lingue RTL.
Prezzo: ReBar costa 15 dollari e include aggiornamenti a vita per un singolo sito e 6 mesi di assistenza.
Riepilogo
Con questo abbiamo concluso la nostra presentazione degli 8 migliori plugin per WordPress per la barra di avanzamento della lettura.
Per le opzioni più semplici per aggiungere una barra di avanzamento di base, potete prendere in considerazione plugin come Read Meter o Reading progressbar.
Ma se volete ottenere la massima personalizzazione gratuitamente, potreste provare Worth the Read, che include una serie di opzioni e funzionalità uniche che altri plugin non offrono.
Se volete andare oltre un colore pieno per la barra di avanzamento, potreste prendere in considerazione le opzioni premium di CodeCanyon: Reading Time o ReBar. Anche in questo caso, i dettagli più singolari di questi plugin sono che entrambi sono dotati di oltre 8 stili predefiniti e di opzioni di puntamento molto più avanzate.
Ogni plugin ha un tocco unico per quanto riguarda lo stile e le caratteristiche, quindi vale la pena provarli tutti per trovare l’opzione più adatta al vostro sito.
La maggior parte di questi plugin dispone di versioni gratuite su WordPress.org, il che permette di provarli facilmente. Se il vostro sito è ospitato su Kinsta, potete creare facilmente un sito di staging per testare in modo sicuro l’aspetto di ogni plugin sul vostro sito.
Per trovare altri plugin che possono migliorare il vostro sito, consultate il nostro elenco completo dei migliori plugin per WordPress.
Lascia un commento