Un visitatore arriva sul tuo sito, legge un articolo e vuole tornare alla categoria superiore. Senza una navigazione, preme il pulsante «Indietro» del browser e abbandona il sito. Per il proprietario del sito è una pageview persa; per la SEO è un segnale che il contenuto non ha trattenuto l'utente.

I breadcrumb risolvono questo problema con una singola riga di navigazione. Mostrano il percorso dalla homepage alla pagina corrente, aiutano Google a comprendere la struttura del sito e contribuiscono direttamente a ridurre la frequenza di rimbalzo. Aggiungerli a WordPress richiede circa 10 minuti, anche se non hai mai modificato il codice di un tema.

Ecco una guida passo passo che copre tutto, dalla comprensione dei tipi di breadcrumb all'inserimento di codice pronto all'uso nel tuo template. Niente fronzoli, con screenshot reali e plugin affidabili.

💡 Panoramica rapida:

• Scopri i quattro tipi di breadcrumb e scegli quello più adatto alla struttura del tuo sito
• Aggiungi i breadcrumb con Yoast SEO (il metodo più diffuso) o Breadcrumb NavXT (massima flessibilità)
• Configura i dati strutturati Schema.org; senza, Google non mostrerà i breadcrumb nei risultati di ricerca

Cosa sono i breadcrumb

I breadcrumb sono una traccia di navigazione che mostra agli utenti la loro posizione corrente all'interno della gerarchia di un sito. Il nome fa riferimento alla fiaba di Hansel e Gretel, in cui i bambini lasciavano cadere briciole di pane per ritrovare la strada di casa. Sul web, questo meccanismo funziona allo stesso modo: una catena di link conduce dalla pagina corrente fino alla homepage.

Il formato standard dei breadcrumb utilizza il separatore > tra i livelli. Ad esempio, se un lettore sta visualizzando un articolo sulla struttura degli URL all'interno della sezione «WordPress Tutorial», vede: Home > WordPress Tutorial > URL Structure in WordPress. La traccia è solitamente posizionata nella parte superiore del contenuto, più raramente in fondo.

Tecnicamente, ogni briciola è un link al livello corrispondente nella gerarchia. L'ultimo elemento (la pagina corrente) in genere non è cliccabile, poiché l'utente si trova già lì. Per i motori di ricerca, questa traccia diventa dati strutturati secondo lo standard BreadcrumbList di Schema.org.

Tipi di breadcrumb

I siti web utilizzano quattro tipi di tracce di navigazione. La scelta dipende dall'architettura del sito e dagli scenari utente.

Basati sulla posizione

Il tipo più comune. Mostra la posizione corrente dell'utente all'interno della struttura ad albero del sito. L'esempio sopra è un breadcrumb basato sulla posizione. Questo tipo è particolarmente utile per siti con gerarchie profonde: negozi e-commerce, portali di documentazione e hub di notizie. Gli utenti capiscono sempre in quale sezione si trovano e possono salire di un livello con un solo clic.

Basati sugli attributi

Utilizzati principalmente nei siti e-commerce. Invece di un percorso fisso, mostrano i filtri attivi sui prodotti. La struttura ha questo aspetto: Home > Smartphone > Apple > iPhone 15 > 128 GB > Nero. Ogni attributo è un filtro cliccabile che consente agli utenti di tornare rapidamente indietro nella selezione. Comodo per cataloghi con decine di parametri di filtro.

Basati sulla cronologia

Mostrano il percorso che l'utente ha seguito da quando è entrato nel sito. In pratica duplicano il pulsante «Indietro» del browser, motivo per cui questo tipo è usato raramente. I progettisti UX preferiscono la navigazione standard del browser: è più familiare e non appesantisce l'interfaccia.

Basati sul percorso

Un tipo ibrido che combina la cronologia di visita con un approccio basato sugli attributi. Struttura: Torna a precedente > Categoria > Colore > Taglia. Questo tipo è raro e si trova principalmente in interfacce di nicchia dove è importante combinare contesto e percorso.

Perché il tuo sito ha bisogno dei breadcrumb

Google utilizza i breadcrumb per due scopi: comprendere la struttura del sito e mostrare la traccia di navigazione direttamente nei risultati di ricerca. Invece di un URL nudo, gli utenti vedono un percorso leggibile: techblog.sdstudio.top > WordPress > Plugins. Questo aumenta il tasso di clic sullo snippet, poiché i visitatori capiscono dove si trova la pagina prima di cliccare.

Dal punto di vista UX, i breadcrumb risolvono due problemi. Primo, l'orientamento: gli utenti vedono immediatamente la loro posizione sul sito e non si sentono persi. Secondo, la navigazione: spostarsi a una sezione superiore richiede un solo clic, senza usare il pulsante indietro del browser. Il risultato è una minore frequenza di rimbalzo e una maggiore profondità di pagina.

Una nota importante: i breadcrumb non sostituiscono il menu principale. Lo completano come strumento di navigazione secondario per le pagine di secondo e terzo livello. Di solito non vengono mostrati nella homepage.

Come aggiungere i breadcrumb in WordPress

Esistono diversi metodi principali: tramite un plugin SEO, tramite un plugin di navigazione specializzato o manualmente con codice. Il primo metodo è il più semplice e copre la maggior parte dei casi d'uso. Il secondo è per chi ha bisogno di un controllo granulare. Il terzo è per sviluppatori.

Metodo 1. Yoast SEO

Il plugin SEO per WordPress più diffuso include un modulo breadcrumb integrato. È disabilitato per impostazione predefinita; devi aggiungere una riga al template del tuo tema.

Copia il codice qui sotto e incollalo in single.php, page.php o header.php del tuo tema. Non aggiungerlo a functions.php, perché potrebbe causare conflitti durante l'aggiornamento del tema.

1
<?php
2
if (function_exists('yoast_breadcrumb')) {
3
    yoast_breadcrumb('<p id="breadcrumbs">', '</p>');
4
}
5
?>

Dopo aver inserito il codice, vai al pannello di amministrazione: Yoast SEO** → Impostazioni → Avanzate → Breadcrumb**. Attiva l'interruttore «Abilita i breadcrumb per il tuo tema».

In questa stessa sezione puoi configurare il separatore, il prefisso per la homepage e i collegamenti tassonomici per i custom post type. Yoast genera automaticamente i dati strutturati BreadcrumbList, quindi non servono passaggi aggiuntivi.

Metodo 2. Breadcrumb NavXT

Se Yoast non è installato o hai bisogno di una configurazione più flessibile, Breadcrumb NavXT ti dà il pieno controllo sull'aspetto e sul comportamento della breadcrumb. Il plugin è attivamente mantenuto: la versione 7.5.1 (dicembre 2025) ha corretto la vulnerabilità CVE-2025-13842, quindi assicurati di installare l'ultima versione.

Installa il plugin dal repository Breadcrumb NavXT, attivalo e vai su Impostazioni → Breadcrumb NavXT.

Configura i template della breadcrumb in base alla tua struttura. Poi aggiungi la chiamata alla funzione nel template del tema:

1
<div class="breadcrumbs" typeof="BreadcrumbList" vocab="https://schema.org/">
2
    <?php if (function_exists('bcn_display')) {
3
        bcn_display();
4
    } ?>
5
</div>

Il plugin supporta nativamente i dati strutturati di Schema.org e funziona con WPML, Polylang, bbPress e BuddyPress. Per l'output tramite widget: Aspetto → Widget, trascina "Breadcrumb Trail" nell'area desiderata.

Metodo 3. Rank Math SEO

Un'alternativa a Yoast con breadcrumb integrate. Dopo aver installato Rank Math, vai su Rank Math** SEO → Impostazioni generali → Breadcrumb**. Attiva l'opzione e aggiungi lo shortcode [rank_math_breadcrumb] nel punto desiderato del template. Funziona in modo simile a Yoast: dati strutturati automatici e impostazioni di aspetto flessibili.

Metodo 4. Funzionalità integrata del tema

Alcuni temi (GeneratePress, Astra Pro, Kadence) includono le breadcrumb nelle impostazioni del personalizzatore. Controlla Aspetto → Personalizza → Layout → Breadcrumb; potresti non aver nemmeno bisogno di un plugin.

Test e debug

Dopo aver aggiunto il codice, verifica i risultati in due punti. Primo, apri una qualsiasi pagina interna del sito: la breadcrumb dovrebbe apparire sopra il titolo o sotto l'header. Secondo, esegui il Rich Results Test di Google, inserisci l'URL della pagina e conferma che l'elemento "BreadcrumbList" venga rilevato senza errori.

Se le breadcrumb non compaiono, verifica che il file template in cui hai inserito il codice sia effettivamente quello usato per quella pagina. In alcuni temi, single.php è sovrascritto da singular.php o dai blocchi nell'Editor del sito (FSE). Per i temi a blocchi, usa il widget di Breadcrumb NavXT o lo shortcode di Rank Math.

⁉️🤔 Domande frequenti

Le briciole di pane influenzano il posizionamento su Google?

Non direttamente. Le briciole di pane non sono un fattore di ranking ufficiale. Tuttavia, hanno un effetto indiretto: Google mostra le briciole di pane nello snippet al posto dell'URL, il che aumenta la visibilità e migliora il CTR. Inoltre, i dati strutturati BreadcrumbList aiutano i motori di ricerca a comprendere l'architettura del sito in modo più preciso, influenzando l'indicizzazione delle pagine profonde. I siti con briciole di pane registrano in genere tassi di rimbalzo inferiori del 5-10% rispetto a siti simili che ne sono sprovvisti.

Posso aggiungere le briciole di pane senza un plugin?

Sì. Aggiungi una funzione al file functions.php che costruisca il percorso basandosi su wp_get_nav_menu_items() o sulla gerarchia delle categorie. Poi richiamala nel tuo template. Lo svantaggio dell'approccio manuale: devi generare autonomamente i dati strutturati Schema.org, gestire i casi limite (homepage, 404, allegati) e aggiornare il codice quando modifichi la struttura del sito. Per la maggior parte dei progetti, un plugin è più veloce e affidabile.

Qual è il separatore migliore: >, /, o →?

Il separatore > è lo standard de facto. Si legge intuitivamente come "scendere di un livello" ed è usato da Google nei risultati di ricerca. Il simbolo / è visivamente più leggero ma può essere confuso con gli URL. La freccia → è più gradevole per i designer, ma Google potrebbe non riconoscerla nei dati strutturati. Raccomandazione: usa > per la massima compatibilità.

È necessario mostrare le briciole di pane su mobile?

Lo spazio sullo schermo è limitato sui dispositivi mobili, ma le briciole di pane sono in realtà ancora più utili in questo contesto. Chi usa uno smartphone non vede un menu laterale, quindi le briciole di pane diventano l'unico modo rapido per risalire la gerarchia. La maggior parte dei temi adatta automaticamente il percorso per il mobile: riduce la dimensione del carattere e tronca i livelli intermedi in un formato come "... > Corrente".

Cosa succede se il mio sito usa una struttura URL personalizzata?

Breadcrumb NavXT ti consente di impostare manualmente la gerarchia per custom post type e tassonomie. Nelle impostazioni del plugin, vai alla scheda Post Types e seleziona la tassonomia padre per ogni CPT. Per casi fortemente atipici, usa il filtro bcn_breadcrumb_trail, che ti dà pieno controllo su ogni elemento del percorso.

Conviene aggiungere le briciole di pane nel 2026

Assolutamente sì. Non è una moda o un esperimento: è un pattern di navigazione collaudato negli anni che migliora la UX e aiuta indirettamente la SEO. Il costo di implementazione è di 10 minuti per installare un plugin e inserire una riga di codice. Il risultato è una navigazione chiara per i visitatori e snippet puliti nei risultati di Google.

Se hai già installato Yoast SEO o Rank Math, sei letteralmente a due clic dal risultato finale. Altrimenti, Breadcrumb NavXT coprirà le tue esigenze con flessibilità da vendere. Scegli il metodo più adatto al tuo stack e aggiungi oggi le briciole di pane: i tuoi visitatori ti ringrazieranno in silenzio con tassi di rimbalzo più bassi e un tempo di permanenza sul sito più lungo.