Breadcrumb SEO: cosa sono e come usarli

I breadcrumb non sono un dettaglio di navigazione. Sono uno dei pochi elementi del sito che lavora contemporaneamente per l’utente, per Google e per i motori AI — e la maggior parte dei siti li tratta come un ornamento.

L’errore più comune non è l’assenza del markup. È avere breadcrumb visivi che non corrispondono alla struttura URL, o markup JSON-LD compilato a metà, o breadcrumb corretti sul desktop e invisibili su mobile. Tre problemi diversi, stesso risultato: Google non li legge come vorresti, e l’utente non ci clicca.

Un breadcrumb è un elemento di navigazione che mostra all’utente la posizione corrente all’interno della gerarchia del sito. Un percorso come Home > Blog > SEO > Breadcrumb dice sia all’utente che al motore di ricerca dove si trova quella pagina rispetto al resto del sito. In tre parole: contesto, gerarchia, orientamento.

In questa guida ti spiego come implementare i breadcrumb correttamente, perché Google li considera importanti, e quali errori evitare per non vanificare il lavoro.

Cosa sono i breadcrumb e a cosa servono

I breadcrumb sono una sequenza di link navigabili che mostrano il percorso gerarchico tra le pagine di un sito. Compaiono in cima al contenuto, sopra il titolo o subito sotto l’header, e permettono all’utente di capire dove si trova e come è arrivato fin lì.

Non sono una funzione decorativa. Sono un sistema di orientamento che riduce il disorientamento su siti con molti livelli, migliora la navigazione interna e rafforza la struttura semantica del sito agli occhi di Google.

Tipologie di breadcrumb più usate sul web

Esistono tre varianti principali. La scelta dipende dall’architettura del sito e dal tipo di contenuto:

  • Breadcrumb gerarchici: riflettono la struttura fissa del sito. Esempio: Home > Abbigliamento > Donna > Giacche. Sono i più comuni e i più utili per la SEO.
  • Breadcrumb basati sulla cronologia: mostrano le ultime pagine visitate. Esempio: Home > Articolo A > Articolo B > Pagina corrente. Sono dinamici e non raccomandati per la SEO perché cambiano in base al percorso dell’utente.
  • Breadcrumb basati sugli attributi: usati principalmente negli e-commerce con filtri. Esempio: Home > Scarpe > Colore: Nero > Taglia: 42. Utili per la navigazione a faccette, ma richiedono attenzione per evitare contenuti duplicati.

Esempi pratici di breadcrumb in un sito

Per capire come funzionano in contesti diversi, questi sono tre percorsi tipici:

  • Blog: Home > Blog > SEO > Breadcrumb SEO: cos'è e come usarli
  • E-commerce: Home > Elettronica > Smartphone > iPhone 15 Pro
  • Sito istituzionale: Home > Servizi > Consulenza SEO > SEO Tecnica

Ogni livello del percorso è un link cliccabile. L’ultimo elemento — la pagina corrente — di solito non è linkato perché ci sei già.

Come implementare i breadcrumb in HTML e con Schema.org

L’implementazione corretta richiede due livelli: la struttura HTML visibile e il markup strutturato per i motori di ricerca. Uno senza l’altro è un’implementazione a metà — e un’implementazione a metà non porta rich result.

Breadcrumb HTML: struttura base con tag nav e lista

La struttura semantica corretta usa il tag <nav> con un attributo aria-label e una lista ordinata <ol>. Ecco un esempio minimo commentato:

<nav aria-label="Breadcrumb">
  <ol>
    <!-- Primo livello: homepage -->
    <li><a href="/">Home</a></li>

    <!-- Secondo livello: categoria -->
    <li><a href="/blog/">Blog</a></li>

    <!-- Terzo livello: sottocategoria -->
    <li><a href="/blog/seo/">SEO</a></li>

    <!-- Pagina corrente: non linkata, marcata con aria-current -->
    <li aria-current="page">Breadcrumb SEO</li>
  </ol>
</nav>

Il tag <ol> è preferibile a <ul> perché l’ordine è significativo: il percorso ha una sequenza logica. L’attributo aria-current="page" sull’ultimo elemento è buona pratica di accessibilità e aiuta anche i lettori di schermo.

Aggiungere il markup strutturato BreadcrumbList

Il markup JSON-LD da inserire nel <head> della pagina abilita i rich result in SERP. Questo è l’esempio minimo:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "Home",
      "item": "https://adrianalonghitano.it/"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "Blog",
      "item": "https://adrianalonghitano.it/blog/"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "name": "SEO",
      "item": "https://adrianalonghitano.it/blog/seo/"
    },
    {
      "@type": "ListItem",
      "position": 4,
      "name": "Breadcrumb SEO",
      "item": "https://adrianalonghitano.it/breadcrumb/"
    }
  ]
}
</script>

Ogni elemento ha position (l’ordine nel percorso), name (il testo visibile) e item (l’URL completo e assoluto). Dopo l’implementazione, verifica con il Rich Results Test di Google che il markup sia letto correttamente.

Errori comuni da evitare nei breadcrumb

Questi sono gli errori che vedo più spesso, ciascuno con la soluzione pratica:

  • Breadcrumb non coerenti con la struttura URL: il percorso visivo dice Home > Blog > SEO ma l’URL è /risorse/articoli/seo/. Google confronta i due: se non corrispondono, il markup perde affidabilità. Soluzione: allinea la struttura URL alla gerarchia reale prima di implementare il markup.
  • Assenza di markup strutturato: il breadcrumb visivo c’è, ma non c’è JSON-LD. Google vede la navigazione ma non può abilitare i rich result. Soluzione: aggiungi sempre il markup BreadcrumbList, anche se il breadcrumb visivo funziona già.
  • Breadcrumb nascosti su mobile: implementati solo su desktop, o con display:none su schermi piccoli. Google indicizza principalmente la versione mobile — quello che non vede su mobile non conta. Soluzione: verifica che il breadcrumb sia visibile e accessibile su tutti i dispositivi.
  • URL relativi nel markup JSON-LD: il campo item deve contenere URL assoluti (https://...), non percorsi relativi (/blog/seo/). Soluzione: usa sempre URL completi nel markup strutturato.
  • Pagina corrente linkata nell’ultimo elemento: l’ultimo elemento del percorso è la pagina in cui si trova l’utente: non ha senso che linka a se stessa. Soluzione: rimuovi il link dall’ultimo elemento e aggiungi aria-current="page".

Che cos’è il breadcrumb?

Il breadcrumb è un elemento di navigazione che mostra all’utente la sua posizione all’interno della gerarchia del sito, attraverso una sequenza di link cliccabili che rappresentano i livelli attraversati per arrivare alla pagina corrente. Esempio: Home > Categoria > Sottocategoria > Pagina.

Il termine deriva dalla fiaba di Pollicino, che lasciava briciole di pane per ritrovare la strada: la metafora è precisa, e si applica perfettamente al web.

Che cos’è la funzione breadcrumb?

La funzione breadcrumb permette all’utente di tornare a qualsiasi livello gerarchico superiore con un singolo clic, senza dover usare il tasto indietro del browser o tornare alla homepage.

È un meccanismo di orientamento che riduce la frustrazione da disorientamento su siti profondi e articolati. In termini di UX, è la risposta alla domanda implicita che ogni utente si fa su ogni pagina: “dove mi trovo e come torno indietro?”

Che cos’è il metodo breadcrumb?

In ambito web, il metodo breadcrumb indica la strategia di progettazione della navigazione gerarchica: come strutturare i percorsi, quale tipologia scegliere (gerarchica, cronologica o per attributi) e come allinearli all’architettura del sito.

È distinto dal “breadcrumbing” in ambito relazionale, termine usato in psicologia per indicare comportamenti di contatto discontinuo. Nel contesto SEO e web design, “metodo breadcrumb” si riferisce sempre alla navigazione strutturata per livelli gerarchici.

Vuoi ottimizzare la struttura del tuo sito per Google? Contattami per una consulenza SEO personalizzata.

Se quello che hai letto ti risuona, fammi sapere su cosa stai lavorando.

Contattami







    Autore

    Adriana Longhitanohttps://adrianalonghitano.it

    Adriana Longhitano

    SEO Specialist con oltre 8 anni di esperienza. Progetto strategie di visibilità organica per aziende e professionisti che vogliono essere trovati — su Google e nei sistemi AI. Specializzata in GEO (Generative Engine Optimization), SEO tecnica e architettura dell’informazione.

    Scopri chi sonoContattami
    Adriana Longhitano

    Articoli correlati

    Torna in alto

    Se quello che hai letto ti risuona, allora ha senso parlarne.

    Contattami