Perché servono i breadcrumb in un negozio
In un negozio online con decine di categorie, sottocategorie e filtri gli utenti si perdono facilmente. I breadcrumb risolvono tre problemi principali:
- Navigazione: gli utenti vedono sempre dove sono e possono salire di uno o più livelli con un clic.
- Riduzione del rimbalzo: se un prodotto non va bene, l'utente torna alla categoria e continua a sfogliare invece di chiudere il sito.
- SEO: i breadcrumb creano link interni aggiuntivi, distribuendo il valore dei link tra le pagine. Il markup BreadcrumbList migliora inoltre lo snippet nei risultati di ricerca.
Tipi di breadcrumb
Negli e-commerce compaiono tre tipi principali:
- Gerarchici (consigliati): mostrano la struttura reale del catalogo: Home › Elettronica › Smartphone › iPhone.
- Basati su attributi: includono i filtri selezionati (per esempio «Colore: rosso»). Usati per la navigazione a facet, ma possono creare duplicati.
- Basati sulla cronologia: il percorso effettivamente seguito dall'utente (via ricerca interna, promozioni, link esterni). Sconsigliati per la SEO perché confondono gli utenti.
Per SEO e UX i breadcrumb gerarchici sono i migliori: rispecchiano la struttura del catalogo e aiutano i crawler a capire la gerarchia.
Markup BreadcrumbList Schema
Per mostrare nei risultati di ricerca un percorso pulito al posto dell'URL, aggiungi i dati strutturati BreadcrumbList. Esempio per una pagina prodotto:
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "Home",
"item": "https://shop.com"
},
{
"@type": "ListItem",
"position": 2,
"name": "Electronics",
"item": "https://shop.com/electronics"
},
{
"@type": "ListItem",
"position": 3,
"name": "Smartphones",
"item": "https://shop.com/electronics/smartphones"
},
{
"@type": "ListItem",
"position": 4,
"name": "iPhone 15 Pro"
}
]
}Assicurati che ogni elemento tranne l'ultimo contenga un URL assoluto. Per i prodotti che appartengono a più categorie, scegli un percorso canonical (vedi sotto).
Il problema dei percorsi multipli
In un negozio online un singolo prodotto può appartenere a categorie diverse. Per esempio, le scarpe da running Nike potrebbero stare in «Running», «Sport» e «Promozioni». Nasce il problema: quale percorso di breadcrumb mostrare?
Soluzioni consigliate:
- Scegli un percorso «principale» (categoria) che descriva meglio il prodotto e abbia più traffico.
- Usa quel percorso per i breadcrumb e per il BreadcrumbList Schema.
- Per i percorsi alternativi lascia la navigazione agli utenti ma non includerla nel markup.
- Se non puoi scegliere un unico percorso, valuta breadcrumb basati su attributi oppure cambia dinamicamente l'URL canonical verso la versione preferita.
Inoltre, sulle pagine di categoria e filtro ricorda di usare i tag canonical e noindex per le combinazioni di filtri impopolari. I breadcrumb su quelle pagine devono riportare agli URL puliti delle categorie.