Le breadcrumb sono dei link di navigazione che mostrano il percorso che l’utente ha seguito per arrivare a una determinata pagina web. Il termine breadcrumb, che in italiano significa briciole di pane, deriva dalla fiaba di Hansel e Gretel, i due bambini che lasciavano cadere le briciole per ritrovare la strada di casa nel bosco. Allo stesso modo, le breadcrumb aiutano gli utenti a non perdersi nel sito web e a tornare facilmente alle pagine precedenti.
Ma quali sono i vantaggi di inserire le breadcrumb sul sito? E come si fa a implementarle correttamente?
In questo articolo vedremo:
- I benefici delle breadcrumb per l’esperienza utente e la SEO
- I tipi di breadcrumb e quando usarli
- Come inserire le breadcrumb su WordPress con il plugin Yoast SEO
- Come verificare se le breadcrumb sono state inserite correttamente
I benefici delle breadcrumb per l’esperienza utente e la SEO
Le breadcrumb sono utili sia per gli utenti che per i motori di ricerca, in quanto migliorano la navigabilità e la comprensione del sito web.
Vediamo nel dettaglio i principali benefici delle breadcrumb:
- Migliorano l’esperienza utente: le breadcrumb permettono agli utenti di sapere in ogni momento dove si trovano nel sito e di tornare facilmente alle pagine di livello superiore, senza dover usare il pulsante indietro del browser o il menu principale. Questo riduce la frustrazione e aumenta la soddisfazione degli utenti, che possono esplorare il sito in modo più efficace e intuitivo.
- Migliorano la SEO: le breadcrumb aiutano i motori di ricerca a capire la struttura e la gerarchia del sito, facilitando l’indicizzazione e la classificazione delle pagine. Inoltre, le breadcrumb possono apparire negli snippet dei risultati di ricerca, rendendo il sito più visibile e attraente per gli utenti. Infine, le breadcrumb possono ridurre il tasso di rimbalzo e aumentare il tempo di permanenza sul sito, due fattori che influenzano positivamente il posizionamento.
I tipi di breadcrumb e quando usarli
Esistono tre tipi principali di percorsi di navigazione, che si differenziano per il criterio usato per mostrare il percorso di navigazione:
Tra i diversi tipi di percorso di navigazione che si possono usare sul sito web, il più comune è quello basato sulla posizione, che mostra la posizione corrente dell’utente nel sito e la struttura gerarchica delle pagine.
Ad esempio, se l’utente sta leggendo un articolo sul SEO, il percorso di navigazione potrebbe essere: Home > Blog > SEO > Come e perché inserire le breadcrumb sul sito. Questo tipo di percorso di navigazione si adatta bene ai siti che hanno una struttura chiara e organizzata in categorie e sottocategorie.
Un altro tipo di percorso di navigazione è quello basato sull’attributo, che mostra gli attributi o le caratteristiche della pagina corrente, in base alle scelte fatte dall’utente. Questo tipo di percorso di navigazione è utile per i siti di e-commerce o di comparazione, che offrono diversi filtri e opzioni per selezionare i prodotti.
Ad esempio, se l’utente sta cercando uno smartphone Samsung, il percorso di navigazione potrebbe essere: Home > Prodotti > Smartphone > Samsung > Galaxy S21.
Infine, c’è il tipo di percorso di navigazione basato sul percorso, che mostra la cronologia delle pagine visitate dall’utente, in ordine cronologico inverso.
Ad esempio, se l’utente ha visitato prima la home page e poi una pagina interna, il percorso di navigazione potrebbe essere: Home > Pagina precedente > Pagina corrente. Questo tipo di percorso di navigazione è il meno usato, in quanto non fornisce informazioni sulla struttura del sito e può essere sostituito dal pulsante indietro del browser.
Come inserire le breadcrumb su WordPress con il plugin Yoast SEO
Se il tuo sito è basato su WordPress, uno dei modi più semplici per inserire il percorso di navigazione è usare il plugin Yoast SEO, uno dei più popolari e completi per la gestione della SEO. Per fare questo, segui questi passi:
- Installa e attiva il plugin Yoast SEO, se non lo hai già fatto.
- Vai nella sezione SEO > Aspetto nei risultati di ricerca >percorso di navigazione del pannello di amministrazione di WordPress.
- Abilita il percorso di navigazione spostando il cursore su Attivato.
- Configura le impostazioni dell’ percorso di navigazione secondo le tue preferenze. Puoi scegliere il separatore, il prefisso, il suffisso, il testo per la home page, il testo per la pagina di ricerca, il testo per la pagina 404 e il testo per l’archivio.
- Salva le modifiche.
A questo punto, devi inserire il codice dell’percorso di navigazione nel tuo tema WordPress, per farle apparire sulle tue pagine.
Il codice da usare è il seguente:
<?php if ( function_exists('yoast_breadcrumb') ) { yoast_breadcrumb( '<p id="breadcrumbs">','</p>' ); } ?>
Puoi inserire questo codice nel file header.php, single.php, page.php o in qualsiasi altro file del tuo tema dove vuoi che il percorso di navigazione appaiano. Se non sai come modificare i file del tema, puoi usare il plugin Insert Headers and Footers, che ti permette di aggiungere codice personalizzato senza toccare i file originali.
Come verificare se il percorso di navigazione sono state inserite correttamente
Per verificare se le il percorso di navigazione sono state inserite correttamente, puoi usare lo strumento di test dei dati strutturati di Google, che ti permette di controllare se il tuo sito usa il markup appropriato per il percorso di navigazione.
Per fare questo, segui questi passi:
- Vai allo Strumento di test dei dati strutturati di Google.
- Inserisci l’URL di una pagina del tuo sito che dovrebbe avere il percorso di navigazione e clicca su Esegui test.
- Se il test ha successo, vedrai una schermata con i dettagli dell’percorso di navigazione, come il tipo, l’oggetto e la proprietà. Se il test fallisce, vedrai degli errori o degli avvisi che ti indicano cosa correggere.
Rendi il tuo sito intuitivo con l’inserimento delle breadcrumb
L’inserimento delle breadcrumb sul tuo sito non solo migliora l’esperienza utente, ma contribuisce anche a una migliore indicizzazione nei motori di ricerca. Sfruttando questo strumento, potrai rendere la navigazione più intuitiva e agevolare gli utenti nella scoperta dei contenuti. In questo modo, non solo migliorerai la soddisfazione degli utenti, ma aumenterai anche le possibilità di conversione, poiché gli utenti saranno più propensi a restare sul tuo sito e a interagire con i tuoi contenuti.
Se desideri ottimizzare il tuo sito e implementare al meglio le breadcrumb, non esitare a contattare Doctor Web! I nostri servizi di creazione di siti web sono progettati per supportarti in ogni fase del processo!
