Il breadcrumb è un percorso di navigazione secondario visualizzato su una pagina web, che indica la posizione dell'utente nella gerarchia del sito: Home > Elettronica > Smartphone > iPhone 15. Quella che sembra una semplice componente UX ha in realtà un ruolo SEO significativo: rafforza il collegamento interno, aiuta i motori di ricerca a comprendere l'architettura del sito e consente di ottenere un rich snippet nei SERP di Google — l'URL tecnico viene sostituito da un percorso di navigazione leggibile direttamente nei risultati di ricerca.
Tipi di breadcrumb
Esistono tre tipi di breadcrumb. I breadcrumb basati sulla posizione (i più comuni) riflettono la posizione della pagina nella gerarchia del sito: Home > Categoria > Sottocategoria > Prodotto. I breadcrumb basati sul percorso mostrano il percorso di navigazione effettivo dell'utente, che può differire dalla gerarchia strutturale — meno utili per il SEO poiché variano per utente. I breadcrumb basati sugli attributi vengono utilizzati nelle pagine di risultati filtrati: Home > Abbigliamento > Rosso > Taglia M — rilevanti per i negozi e-commerce con navigazione a faccette.
Vantaggi SEO dei breadcrumb
- Collegamento interno naturale: ogni breadcrumb crea link interni alle pagine padre, rafforzandone il PageRank
- Comprensione dell'architettura: Google usa i breadcrumb per mappare la struttura del sito e identificare le pagine chiave
- Rich snippet nei SERP: l'URL tecnico viene sostituito dal percorso Home > Categoria > Prodotto nei risultati Google
- Riduzione del bounce rate: gli utenti che atterrano su pagine profonde possono risalire nella gerarchia senza usare il pulsante indietro
- Miglioramento del CTR: i risultati con breadcrumb nei SERP sono più leggibili e tendono ad attirare più clic
Markup BreadcrumbList: implementare il rich snippet
Per ottenere il rich snippet breadcrumb in Google, è necessario implementare lo schema BreadcrumbList in JSON-LD. La struttura è un elenco di elementi ListItem, ognuno con: @type ListItem, position (numero d'ordine a partire da 1), name (testo visualizzato per quel livello, es. Elettronica) e item (URL assoluto della pagina padre). L'ultimo elemento dell'elenco — la pagina corrente — non necessita di URL poiché è la pagina stessa. Google mostra poi nei SERP: Home › Elettronica › Smartphone al posto dell'URL tecnico.
Breadcrumb visualizzato in Google
Buone pratiche di implementazione
Un breadcrumb efficace segue alcune regole fondamentali: iniziare sempre con la home page (come link cliccabile), usare testo leggibile anziché sole immagini o icone, riflettere la struttura reale degli URL (coerenza tra l'URL /donna/abiti/estate e il breadcrumb Donna > Abiti > Abiti estivi), essere mobile-friendly (non troncato su schermi piccoli), e usare separatori tipografici chiari (›, /, >). I breadcrumb con più di 4-5 livelli possono essere troncati su mobile — preferire architetture URL con massimo 3-4 livelli.
Breadcrumb su PrestaShop
PrestaShop include un modulo breadcrumb nativo (ps_breadcrumb) che genera automaticamente il percorso di navigazione sulle pagine prodotto, categoria e CMS, seguendo la gerarchia delle categorie. Il markup Schema.org BreadcrumbList è incluso nel tema predefinito (Classic) da PrestaShop 1.7.5. Tuttavia, a seconda del tema utilizzato, la qualità del markup può variare. Per verificare che il markup sia corretto, usa lo strumento Rich Results Test di Google su una pagina prodotto del tuo negozio.