Generatore di breadcrumb (percorso di navigazione) con schema
Scrivi il percorso della pagina, dall’inizio a quella attuale. Il codice include insieme il percorso visibile e i dati strutturati.
Come si usaPercorso di navigazione per il sito e per Google
Disponibile in: 
Generatore di breadcrumb (percorso di navigazione) con schema: a cosa serve
Il breadcrumb, o percorso di navigazione, mostra il cammino della pagina attuale all’interno del sito, come Home › Prodotti › Magliette, e aiuta sia chi visita sia Google.
Scrivi il percorso e il generatore crea il percorso visibile con nav, lista ordinata e aria-current sulla pagina attuale, con il separatore e il colore che scegli, e i dati strutturati BreadcrumbList con gli indirizzi completi, che permettono a Google di mostrare il percorso del sito nel risultato di ricerca.
Come si usa
- Indica il dominio del sito.
- Scrivi il percorso dalla home alla pagina attuale.
- Copia l’HTML, il CSS e il JSON-LD.
Quando usarlo
- Pagine prodotto di un negozio online.
- Articoli di blog dentro le categorie.
- Siti con più sezioni di servizi.
Domande frequenti
A cosa serve il breadcrumb?
Mostra dove si trova la persona nel sito (Home › Prodotti › Magliette) e permette di tornare indietro di un livello con un tocco. Su Google, i dati BreadcrumbList fanno sì che il risultato mostri il percorso del sito invece dell’indirizzo grezzo.
L’ultimo elemento ha bisogno di un link?
No. L’ultimo elemento è la pagina attuale: compare come testo con aria-current=page. Nei dati strutturati, Google accetta l’ultimo elemento senza il campo item (indirizzo).
Devo usare indirizzi completi?
Nei link del percorso, gli indirizzi relativi (/prodotti) funzionano. Nel JSON-LD usa l’indirizzo completo con https e dominio; lo strumento lo costruisce a partire dal dominio che indichi.
È davvero gratis?
Sì, 100% gratis. Senza registrazione, senza abbonamento e senza limiti d’uso. Tutti gli strumenti di Tools123 sono gratuiti.