Regola50

Il Filo di Arianna: Breadcrumb

Navigazione con i Breadcrumb Breadcrumb Navigation

SEO A UX A AI A

Galdor (tracciando un percorso luminoso che collegava ogni stanza a quella vicina): «Abbiamo visto quanto sia importante la profondità di una pagina, ma ora dobbiamo dare ai viaggiatori un filo d’Arianna. I breadcrumb sono esattamente questo: una guida chiara che mostra da dove vieni e come tornare indietro.»

Allievo: «Li conosco — sono i segnalini lungo il sentiero.»

Galdor: «Ogni breadcrumb è un indizio visivo e logico: l’utente vede sempre dove si trova, il crawler capisce la gerarchia del sito e l’AI interpreta le relazioni tra le pagine.»

Galdor mostrò la struttura:

Home > Biscotti > Biscotti Elfici al Cioccolato

Galdor: «Senza di loro, anche una pagina poco profonda può diventare un labirinto. Con i breadcrumb, anche percorsi complessi diventano intuitivi.»

Giovane: «Posso usarli anche per prodotti e articoli simili?»

Galdor: «Puoi usarli per tutto, in armonia con la gerarchia logica. Non inventare scorciatoie che non esistono nella struttura reale del sito — altrimenti confondi tutti.»

I breadcrumb sono esplicitamente supportati da Google come segnale di struttura del sito. Google usa i breadcrumb per mostrare il percorso della pagina nell'URL in SERP al posto del percorso completo — migliorando la leggibilità e il CTR.

Con Schema.org BreadcrumbList (JSON-LD), i breadcrumb diventano dati strutturati che Google può usare per generare rich snippet nelle SERP.

Rilevanza per AI Search

Google AI Overview: i breadcrumb dichiarano esplicitamente la gerarchia della pagina nel sito — un segnale che l'AI usa per contestualizzare il contenuto estratto.
Perplexity: usa la struttura del sito per valutare l'autorità contestuale della pagina. Breadcrumb ben strutturati contribuiscono a questa valutazione.
GEO: implementare breadcrumb con Schema.org BreadcrumbList è una delle ottimizzazioni tecniche più semplici e più efficaci per migliorare la visibilità nei motori generativi.

I breadcrumb sono la traccia di navigazione che mostra la posizione della pagina corrente all'interno della gerarchia del sito. Funzionano come una guida sia per gli utenti sia per motori di ricerca e AI.

<nav aria-label="Breadcrumb">
  <ol>
    <li><a href="/home">Home</a></li>
    <li><a href="/biscotti">Biscotti</a></li>
    <li aria-current="page">Biscotti Elfici al Cioccolato</li>
  </ol>
</nav>

Best practice:

Rappresentare sempre il percorso dalla homepage riflettendo la struttura logica del sito
Visibili e cliccabili — migliorano la navigazione
Usare separatore > o / tra i livelli
Posizionare in alto, sotto header o titolo della pagina
Aggiungere aria-label="breadcrumb" all'elemento <nav>
Applicare aria-current="page" all'ultimo elemento
Aggiungere Schema.org BreadcrumbList per i rich snippet in SERP

Beneficio	Per utenti	Per SEO	Per AI
Orientamento nella struttura	✅ Sempre sa dove si trova	✅ Segnale gerarchico	✅ Relazioni tra pagine
Navigazione rapida	✅ Torna alla categoria	✅ Riduce bounce rate	Neutro
Rich snippet in SERP	✅ URL più leggibile	✅ CTR più alto	✅ Struttura dichiarata
Link interni aggiuntivi	Neutro	✅ Link equity	✅ Segnale di autorità
Accessibilità (ARIA)	✅ Screen reader	Indiretto	✅ Struttura leggibile

Stai leggendo la regola 50 di 205. Inizia dall'inizio →

← Quanto è Profondo il Tuo Castello Un Solo Volto per il Tuo Negozio: Canonical →

Amar Amoretti SEO Strategist & Dev

Amar Amoretti lavora su internet — un posto vasto, complicato e pieno di cose che probabilmente ti stai perdendo. Ha realizzato yaoki.academy con l'obiettivo dichiarato di rendere la SEO/GEO o come diavolo volete chiamarla comprensibile agli esseri umani. Questo è considerato da molti un atto di ottimismo cosmico.