Tra le tecniche per ottimizzare un sito per i motori di ricerca, l’uso dei breadcrumb è un’alternativa molto interessante, perché offrono sempre agli utenti un ulteriore modo per orientarsi nel sito web o nel negozio online.
Implementare i breadcrumb (briciole di pane) in un sito web è ideale per migliorare l’usabilità e l’esperienza dell’utente.
Per il web design e la SEO, i breadcrumb sono uno strumento molto importante.
Cosa sono i breadcrumb nella SEO?
I breadcrumb, o briciole di pane, sono un elemento di navigazione che aiuta gli utenti a raggiungere le diverse sezioni di un sito. Il nome deriva dalla fiaba di Hänsel e Gretel e dall’episodio in cui i due fratelli lasciano briciole di pane per ricordare la strada del ritorno a casa.
In un sito web, le briciole di pane funzionano come una traccia che permette all’utente di tornare sui propri passi e raggiungere facilmente il punto di partenza, rendendo la navigazione molto più agile e semplice.
I breadcrumb permettono inoltre all’utente di capire in quale parte del sito si trova, tornare indietro oppure passare direttamente ad altre pagine correlate.
Esistono diversi tipi di breadcrumb:
- Breadcrumb gerarchici. Sono i più usati e seguono la struttura del sito. Sono i link che si trovano nella parte alta di un ecommerce e indicano il percorso fino alla pagina corrente.
- Breadcrumb basati sulla cronologia. Questo tipo di breadcrumb segue l’ordine con cui l’utente ha acceduto ai contenuti, consentendogli di tornare sui propri passi.
Un esempio di struttura gerarchica di breadcrumb segue questo schema:
Home / categoria / sottocategoria / prodotto
L’elemento in grassetto è la pagina in cui si trova l’utente, che cliccando su uno qualsiasi degli altri elementi può accedere direttamente al relativo contenuto.
Dati strutturati (markup): cosa sono?
Parlare di dati strutturati significa contrassegnare una parte del contenuto di un sito per indicare a Google che quei dati sono importanti e corrispondono a informazioni utili per gli utenti.
I rich snippet sono risultati arricchiti che Google può mostrare nelle pagine dei risultati (SERP) e che derivano dall’analisi dei dati strutturati dei siti web.
Se Google utilizza i breadcrumb per mostrarli nei risultati arricchiti, il negozio online o il sito può migliorare la propria visibilità. Se e come Google mostri il percorso lo decide Google stesso, e può cambiare nel tempo.
Come creare i breadcrumb?
Implementare i breadcrumb in un sito web, un blog o un negozio virtuale non è complesso, grazie a moduli e plugin specifici.
Di seguito vedremo come creare i breadcrumb nel CMS WordPress e nello strumento per creare e gestire negozi online PrestaShop.
Breadcrumb in PrestaShop
PrestaShop include un proprio sistema di breadcrumb gerarchico, basato sulle categorie di prodotto del negozio online. Modificando il codice CSS del foglio di stile dei breadcrumb è possibile personalizzarli per adattarli meglio alle esigenze e al design del negozio.
È anche possibile sostituire i breadcrumb di PrestaShop con un modulo come Google Rich Snippets Breadcrumbs. Con questo modulo si possono implementare i breadcrumb in un negozio PrestaShop con la configurazione necessaria affinché Google possa mostrarli in evidenza nelle pagine dei risultati.
I breadcrumb sono compatibili con Google tramite HTML e dati strutturati Schema.org: se implementati correttamente, possono quindi comparire come risultati arricchiti nelle SERP di Google.
Questi e altri rich snippet sono indispensabili per lavorare sulla SEO di PrestaShop.Plugin breadcrumb per WordPress
Le opzioni per inserire i breadcrumb in WordPress sono molte. Per esempio, i noti plugin Yoast SEO e Rank Math includono tra le loro funzioni la possibilità di configurare un sistema di breadcrumb per un sito WordPress, tramite shortcode o PHP.
In alternativa si può installare e attivare uno dei tanti plugin specifici per creare breadcrumb in WordPress, come ad esempio:
- Breadcrumb NavXT. Con questo plugin è molto semplice inserire un percorso di navigazione in WordPress e aiutare gli utenti a orientarsi nel sito. Supporta più lingue, è compatibile con Schema per aumentare le possibilità di comparire nei risultati arricchiti di Google e permette anche di implementare un sistema di breadcrumb semplice per chi preferisce non appesantire il sito.
- WooCommerce Breadcrumbs. Questo plugin serve a implementare i breadcrumb in un negozio online creato con WooCommerce, il sistema di WordPress per creare un ecommerce. Sostituisce il sistema di breadcrumb di base incluso di serie in WooCommerce, offrendo maggiore flessibilità e personalizzazione (per esempio con la modifica dell’HTML e la possibilità di cambiare il separatore tra le categorie).
I breadcrumb sono molto importanti per una buona strategia SEO perché migliorano l’usabilità e l’esperienza dell’utente, e questo può influire positivamente sulla posizione del sito nei risultati di ricerca.
Essendo compatibili con i dati strutturati Schema, i breadcrumb sono una buona opportunità per far comparire un negozio online o un sito web in una posizione di rilievo nelle pagine dei risultati di Google.
