Breadcrumb nel sito web: quando servono e come verificarli

Per un sito immaginario di attrezzature, un percorso potrebbe essere «Home, Attrezzature, Sollevamento, Modello A». Ogni passaggio deve corrispondere a un livello comprensibile. Se «Sollevamento» non ha una destinazione utile, decidete se realizzarla o rivedere la struttura prima di inserirla come link.

Non è necessario riprodurre ogni segmento tecnico dell'indirizzo. Una cartella usata dal sistema non diventa automaticamente una categoria per il lettore. Il percorso visibile deve descrivere l'organizzazione dei contenuti.

Un prodotto potrebbe essere pertinente a più usi. Concordate quale gerarchia mostrare nella scheda e come collegare gli altri percorsi nel contenuto. Per un piccolo sito, un percorso coerente può essere più semplice da mantenere di una logica che cambia continuamente.

Esempio ipotetico: una scheda compare sia nell'area «Noleggio» sia in una raccolta per eventi. La scheda conserva il proprio percorso nella categoria di prodotto, mentre un collegamento separato porta alla raccolta. È una scelta progettuale da verificare con i contenuti reali, non una regola universale di posizionamento.

Il pattern W3C descrive una regione di navigazione identificata e un insieme ordinato di collegamenti ai livelli superiori. La pagina corrente deve essere riconoscibile; quando è un link, il pattern prevede aria-current con valore page. La semantica viene implementata da chi sviluppa.

Nel disegno, non affidate tutta la distinzione al colore. Verificate che i nomi restino leggibili e che i separatori non creino ambiguità. Non dichiarate accessibile l'intero sito solo perché un singolo componente segue il pattern: serve controllare l'esperienza effettiva.

Preparate una scheda con pagina iniziale, percorso atteso, etichette mostrate, destinazioni e anomalie. Aprite direttamente l'indirizzo della pagina interna, senza passare dalla home: è il caso in cui l'orientamento può essere particolarmente utile.

Seguite ogni collegamento superiore e controllate che porti a una pagina pertinente. Provate la tastiera e una larghezza mobile, soprattutto con titoli lunghi. Annotate se il percorso viene tagliato, se i nomi diventano indistinguibili o se un link non è raggiungibile. Sono verifiche da svolgere, non risultati già ottenuti per il vostro progetto.

Prima del redesign, consegnate al fornitore la gerarchia approvata e un esempio per ciascun tipo di pagina. Quando aggiungete una sezione, aggiornate insieme struttura, menu e percorsi. Per un progetto ConversionWorks, questa mappa aiuta a definire ciò che il sistema deve generare e ciò che il team editoriale deve mantenere.