In questo articolo abbiamo raccolto 8 delle migliori soluzioni, 6 delle quali completamente gratuite.<\/p>\n
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.<\/p>\n
Cos’\u00e8 una Barra di Avanzamento della Lettura?<\/h2>\n
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<\/a> del vostro articolo.<\/p>\n 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.<\/p>\n Alcuni plugin danno anche la possibilit\u00e0 di creare una barra di avanzamento verticale a sinistra o a destra del contenuto. In questi casi, l’aspetto \u00e8 simile a quello di una barra di scorrimento. Tuttavia, la differenza fondamentale \u00e8 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.<\/p>\n Ecco due esempi reali del modo in cui i siti utilizzano le barre di avanzamento della lettura.<\/p>\n HubSpot aggiunge una barra di avanzamento arancione che appare direttamente sotto la sua intestazione fissa<\/a>:<\/p>\n Ma potete provare diverse collocazioni della barra di avanzamento a seconda del vostro sito.<\/p>\n\n Ad alto livello, una barra di avanzamento della lettura \u00e8 uno strumento per migliorare l’usabilit\u00e0<\/a> e l’esperienza utente sul sito che pu\u00f2 avere effetti pi\u00f9 diretti su indicatori importanti come il tempo sulla pagina e la frequenza di rimbalzo.<\/p>\n Innanzitutto, parliamo dell’esperienza utente in generale.<\/p>\n 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\u00e0 una certa attenzione?<\/p>\n Una barra di avanzamento d\u00e0 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.<\/p>\n Una volta che i vostri visitatori iniziano a leggere, la barra di avanzamento pu\u00f2 anche incoraggiarli a finire il post. Ad esempio, se un lettore vede che ha gi\u00e0 letto l’80% del contenuto, sar\u00e0 incoraggiato a finire l’ultimo 20% perch\u00e9 ha gi\u00e0 letto la maggior parte del post.<\/p>\n Questi miglioramenti nell’esperienza utente possono avere effetti positivi su due importanti indicatori:<\/p>\n Se combinate le barre di avanzamento con altre soluzioni per migliorare l’esperienza utente<\/a>, come una buona struttura di navigazione<\/a> e un uso intelligente della paginazione<\/a>, potrete creare un’esperienza davvero piacevole e coinvolgente per i visitatori.<\/p>\n 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.<\/p>\n 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.<\/p>\n In termini di prezzi, 6 di questi plugin sono completamente gratuiti, mentre i 2 rimanenti sono convenienti e aggiungono una flessibilit\u00e0 che non troverete nella maggior parte delle soluzioni gratuite.<\/p>\n Inoltre, tutti questi plugin dovrebbero funzionare con quasi tutti i temi di WordPress<\/a>.<\/p>\n Read Meter<\/a> \u00e8 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 \u00e8 nel nostro elenco dei temi WordPress pi\u00f9 veloci<\/a>).<\/p>\n 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\u00e0 di visualizzare il tempo di lettura stimato del post.<\/p>\n Ecco tutto ci\u00f2 che avrete con Read Meter:<\/p>\n Prezzo<\/strong>: Read Meter \u00e8 gratuito al 100%.<\/p>\n Reading progressbar<\/a> \u00e8 un altro dei plugin per barre di avanzamento pi\u00f9 popolari su WordPress.org. A differenza di Read Meter, per\u00f2, questo plugin non offre la possibilit\u00e0 di aggiungere il tempo di lettura stimato, ma solo la barra di avanzamento.<\/p>\n Ma offre una maggiore flessibilit\u00e0 di targeting rispetto a Read Meter. Ad esempio, potete assegnare la barra di avanzamento a template specifici oltre che a tipi di post.<\/p>\n Ecco tutto ci\u00f2 che avrete con Reading progressbar:<\/p>\n Prezzo<\/strong>: Reading progressbar \u00e8 gratuito al 100%.<\/p>\n Worth the Read<\/a> \u00e8 uno dei plugin per WordPress con barra di avanzamento pi\u00f9 personalizzabile, il che lo rende un’ottima opzione se trovate i plugin precedenti troppo limitanti.<\/p>\n 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\u00e0 di aggiungere una stima del tempo di lettura.<\/p>\n Ecco tutto ci\u00f2 che otterrete con Worth the Read:<\/p>\n Prezzo<\/strong>: Worth the Read \u00e8 gratuito al 100%.<\/p>\n Catch Scroll Progress Bar<\/a> \u00e8 un’altra soluzione leggera per aggiungere una barra di avanzamento base al vostro sito.<\/p>\n \u00c8 piuttosto semplice, con solo le opzioni minime necessarie per posizionare e stilizzare la barra di avanzamento.<\/p>\n Ecco tutto ci\u00f2 che avrete da Catch Scroll Progress Bar:<\/p>\n Prezzo<\/strong>: Catch Scroll Progress Bar \u00e8 gratuito al 100%.<\/p>\n WP Reading Progress<\/a> \u00e8 un altro plugin gratuito per la barra di avanzamento di WordPress disponibile su WordPress.org.<\/p>\n Come il precedente plugin, fornisce solo le impostazioni minime necessarie per personalizzare la barra di avanzamento della lettura. Ma \u00e8 tutto ci\u00e0 che serve alla maggior parte degli utenti, il che lo rende un’altra valida opzione.<\/p>\n Ecco tutto ci\u00f2 che avrete con WP Reading Progress:<\/p>\n Prezzo<\/strong>: WP Reading Progress \u00e8 gratuito al 100%.<\/p>\n Reading Time<\/a> \u00e8 il primo plugin per l’avanzamento della lettura di questo elenco disponibile solo in versione premium.<\/p>\n Tuttavia, \u00e8 abbastanza conveniente e offre aggiornamenti a vita tramite il marketplace CodeCanyon di Envato.<\/p>\n Ci sono due motivi principali per prendere in considerazione Reading Time rispetto alle alternative gratuite:<\/p>\n Inoltre, avrete a disposizione tutte le funzioni “standard” che vi aspettereste da un plugin:<\/p>\n Prezzo<\/strong>: Reading Time costa $15, con aggiornamenti a vita per un singolo sito e 6 mesi di assistenza.<\/p>\n Reading Position Indicator<\/a> \u00e8 un altro leggero plugin gratuito per barre di avanzamento di WordPress.org.<\/p>\n Non offre molte impostazioni, ma un’opzione unica \u00e8 quella che permette di utilizzare un gradiente personalizzato per la barra di avanzamento della lettura (oltre a un colore solido).<\/p>\n Ecco tutto ci\u00f2 che avrete con Reading Position Indicator:<\/p>\n Prezzo<\/strong>: Reading Position Indicator \u00e8 gratuito al 100%.<\/p>\n ReBar<\/a> \u00e8 un altro plugin premium per WordPress per aggiungere la barra di avanzamento della lettura, venduto tramite il marketplace CodeCanyon di Envato.<\/p>\n Ecco alcune delle caratteristiche uniche che offre questo plugin e per le quali vale la pena spendere un po’ di soldi:<\/p>\n Ecco altre caratteristiche degne di nota:<\/p>\n Prezzo<\/strong>: ReBar costa 15 dollari e include aggiornamenti a vita per un singolo sito e 6 mesi di assistenza.<\/p>\n\n Con questo abbiamo concluso la nostra presentazione degli 8 migliori plugin per WordPress per la barra di avanzamento della lettura.<\/p>\n Per le opzioni pi\u00f9 semplici per aggiungere una barra di avanzamento di base, potete prendere in considerazione plugin come Read Meter o Reading progressbar.<\/p>\n Ma se volete ottenere la massima personalizzazione gratuitamente, potreste provare Worth the Read, che include una serie di opzioni e funzionalit\u00e0 uniche che altri plugin non offrono.<\/p>\n 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\u00f9 singolari di questi plugin sono che entrambi sono dotati di oltre 8 stili predefiniti e di opzioni di puntamento molto pi\u00f9 avanzate.<\/p>\n 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\u00f9 adatta al vostro sito.<\/p>\n La maggior parte di questi plugin dispone di versioni gratuite su WordPress.org, il che permette di provarli facilmente. Se il vostro sito \u00e8 ospitato su Kinsta<\/a>, potete creare facilmente un sito di staging<\/a> per testare in modo sicuro l’aspetto di ogni plugin sul vostro sito.<\/p>\n![\"Un](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/07\/hubspot-progress-bar-1024x669.jpg\")
Perch\u00e9 Aggiungere una Barra di Avanzamento della Lettura a WordPress?<\/h2>\n
\n
Gli 8 Migliori Plugin per WordPress per Barre di Avanzamento della Lettura<\/h2>\n
Read Meter<\/h3>\n
![\"Read](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/07\/read-meter-1024x331.jpg\")
\n
Reading progressbar<\/h3>\n
![\"Reading](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/07\/reading-progressbar-1024x330.jpg\")
\n
Worth the Read<\/h3>\n
![\"Worth](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/07\/worth-the-read-1024x330.jpg\")
\n
Catch Scroll Progress Bar<\/h3>\n
![\"Catch](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/07\/catch-scroll-progress-bar-1024x461.jpg\")
\n
WP Reading Progress<\/h3>\n
![\"WP](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/07\/wp-reading-progress-1024x331.jpg\")
\n
Reading Time<\/h3>\n
![\"Il](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/07\/reading-progress-bar.jpg\")
<\/p>\n\n
\n
Reading Position Indicator<\/h3>\n
![\"Reading](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/07\/reading-position-indiciator-1024x331.jpg\")
\n
ReBar<\/h3>\n
![\"ReBar\"](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/07\/rebar.jpg\")
\n
\n
Riepilogo<\/h2>\n