Sei a tre livelli di profondità in un sito. Vuoi tornare alla categoria da cui sei partito, non fino alla home page. Senza breadcrumb, o usi più volte il tasto indietro o ricominci dall'inizio. I breadcrumb risolvono il problema con un clic.
I breadcrumb sono un elemento di navigazione secondaria che mostra ai visitatori il percorso dalla home page alla pagina in cui si trovano. Di solito compaiono vicino alla parte alta della pagina come una scia orizzontale di link, per esempio Home, poi Categoria, poi Sottocategoria, poi Pagina attuale. Ogni passo è un link cliccabile che riporta il visitatore a quel livello del sito.
Il nome viene dalla fiaba di Hansel e Gretel, in cui i protagonisti lasciavano una scia di briciole di pane nel bosco per ritrovare la strada del ritorno. Su un sito il concetto è lo stesso: una scia visibile che mostra dove sei e ti permette di ripercorrere i tuoi passi.
Quali sono i diversi tipi di breadcrumb?
Ci sono tre tipi di breadcrumb, ciascuno adatto a un diverso tipo di struttura del sito.
I breadcrumb di posizione sono il tipo più comune. Mostrano la posizione fissa del visitatore nella gerarchia del sito, in base a come il sito è strutturato. Un visitatore su una pagina prodotto all'interno di una categoria vedrebbe qualcosa come Home, poi Negozio, poi Nome categoria, poi Nome prodotto. Il percorso è lo stesso per ogni visitatore che arriva su quella pagina, perché riflette la struttura del sito e non il viaggio del visitatore.
I breadcrumb di percorso mostrano il tragitto effettivo che il visitatore ha fatto per arrivare alla pagina attuale. Cambiano in base a come è arrivato. Sono meno comuni perché possono creare confusione: due visitatori sulla stessa pagina potrebbero vedere breadcrumb diversi, e questo va contro lo scopo di mostrare la struttura del sito. La maggior parte dei siti usa invece i breadcrumb di posizione.
I breadcrumb di attributo si usano nei siti di e-commerce dove i prodotti possono appartenere a più categorie o essere filtrati per attributi come colore, taglia o marca. Invece di mostrare un unico percorso gerarchico, mostrano i filtri o gli attributi applicati. Sono un tipo specializzato, usato soprattutto nei cataloghi prodotti.
Quando un sito ha bisogno dei breadcrumb?
I breadcrumb sono più utili nei siti con strutture profonde o complesse, dove i visitatori possono arrivare a vari livelli sotto la homepage e hanno bisogno di orientarsi.
I siti di e-commerce con categorie e sottocategorie di prodotti ne traggono un grande vantaggio. Un visitatore che arriva su una pagina prodotto da un risultato di ricerca può voler guardare prodotti simili nella stessa categoria. I breadcrumb gli danno un percorso diretto al livello della categoria senza ripartire dalla homepage.
Ne traggono vantaggio anche le knowledge base, i siti di documentazione e i siti ricchi di contenuti con più categorie di argomenti. Un visitatore che legge un articolo specifico e vuole vedere cos'altro c'è nella stessa area può seguire i breadcrumb fino alla categoria invece di cercare di nuovo.
Un semplice sito aziendale di cinque pagine con una struttura piatta non ha bisogno di breadcrumb. Se non c'è una gerarchia significativa da percorrere, l'elemento aggiunge solo disordine visivo senza servire a niente. L'articolo su cos'è la struttura di un sito spiega la gerarchia che i breadcrumb riflettono. L'articolo su cos'è la navigazione di un sito tratta l'intero sistema di navigazione e il posto che i breadcrumb vi occupano.
Come influiscono i breadcrumb sull'esperienza utente?
I breadcrumb riducono lo sforzo necessario per muoversi in un sito con più livelli. Danno ai visitatori tre cose insieme: la conferma di dove si trovano, una mappa visibile di come è strutturato il sito e una scorciatoia per risalire a qualsiasi livello della gerarchia.
Senza breadcrumb in un sito profondo, i visitatori che vogliono esplorare una categoria devono usare più volte il tasto indietro, tornare al menu principale e ricominciare oppure usare la ricerca. Tutte e tre richiedono più sforzo di un singolo clic su un breadcrumb. Ridurre quell'attrito tiene i visitatori più a lungo sul sito e aumenta la probabilità che trovino ciò che cercavano.
I breadcrumb riducono anche la frustrazione dei visitatori che arrivano in profondità nel sito da un motore di ricerca. All'arrivo potrebbero non conoscere affatto la struttura del sito. I breadcrumb danno un contesto immediato: si vede a colpo d'occhio che si sta guardando un prodotto specifico in una categoria specifica di un certo tipo di sito. Questo orientamento conta per la fiducia e per continuare a navigare.
Come influiscono i breadcrumb sulla SEO?
I breadcrumb influiscono sulla SEO in due modi distinti: attraverso i segnali sulla struttura del sito e attraverso il modo in cui i motori di ricerca mostrano i risultati.
Quando i breadcrumb sono implementati correttamente con i dati strutturati, i motori di ricerca possono leggere e capire la gerarchia del sito dalle scie dei breadcrumb. Questo aiuta la scansione e la comprensione di come le pagine sono collegate tra loro. Le pagine posizionate con chiarezza in una gerarchia ben definita tendono a essere capite e indicizzate con più precisione di quelle in strutture piatte o ambigue.
Il secondo effetto è visibile nei risultati di ricerca. Quando i breadcrumb includono dati strutturati, i motori di ricerca possono mostrare la scia dei breadcrumb al posto dell'URL completo sotto il titolo della pagina nei risultati. Un risultato che mostra Home, poi Categoria, poi Prodotto si capisce a colpo d'occhio meglio di un lungo URL con parametri. Questa maggiore leggibilità può aumentare il CTR dai risultati di ricerca.
I breadcrumb contribuiscono anche ai link interni. Ogni link di un breadcrumb è un link interno che trasmette autorevolezza lungo la gerarchia, rafforzando l'importanza delle pagine di categoria e delle pagine hub. Per i siti grandi è un vantaggio strutturale SEO significativo. L'articolo su cos'è la SEO spiega più in generale come link interni e struttura del sito si collegano alle prestazioni nelle ricerche.
Cosa sono i dati strutturati dei breadcrumb?
I dati strutturati sono codice aggiunto a una pagina che aiuta i motori di ricerca a capire elementi specifici della pagina in un formato standardizzato. I dati strutturati dei breadcrumb dicono ai motori di ricerca il nome e l'URL di ogni passo della scia, in un formato che i motori di ricerca supportano ufficialmente.
Senza dati strutturati, un motore di ricerca vede il testo dei breadcrumb nella pagina ma deve dedurne il significato. Con i dati strutturati l'informazione è esplicita: questo è un breadcrumb, questo è il primo passo con questo nome e questo URL, questo è il secondo passo, e così via. I motori di ricerca li usano per costruire la visualizzazione dei breadcrumb nei risultati e per capire la gerarchia del sito in modo più affidabile.
La maggior parte dei creatori di siti e dei CMS moderni genera in automatico i dati strutturati dei breadcrumb quando i breadcrumb sono attivi. Se costruisci o gestisci un sito a mano, aggiungere questo markup vale lo sforzo per qualsiasi sito con contenuti gerarchici significativi.
Come WEMASY gestisce i breadcrumb
Il creatore di siti di WEMASY supporta i breadcrumb per i siti con strutture di contenuti gerarchiche. Quando sono attivi, i breadcrumb vengono generati in automatico in base alla categoria della pagina e alla sua posizione nella struttura del sito, compreso il markup di dati strutturati che i motori di ricerca usano per mostrarli nei risultati.
Scopri cosa è incluso nel creatore di siti WEMASY o guarda i piani nella pagina dei prezzi.
Domande frequenti
I breadcrumb sostituiscono il menu di navigazione principale?
No. Breadcrumb e navigazione principale hanno scopi diversi. La navigazione principale permette ai visitatori di saltare a qualsiasi sezione del sito da qualsiasi pagina. I breadcrumb mostrano dove si trova la pagina attuale nella gerarchia e permettono ai visitatori di risalire lungo quello specifico percorso. In un sito progettato bene esistono entrambi gli elementi e lavorano insieme. I breadcrumb sono un livello di navigazione secondario, non un sostituto del menu principale. Con il creatore di siti di WEMASY puoi impostarlo direttamente sul tuo sito.
Dove devono comparire i breadcrumb in una pagina?
I breadcrumb compaiono di solito vicino alla parte alta della pagina, sotto la barra di navigazione principale e sopra il titolo della pagina. Questa posizione li mette dove i visitatori si aspettano di trovare gli indizi per orientarsi e prima che inizi il contenuto principale. Devono essere visivamente distinti ma non dominanti: abbastanza piccoli da non intralciare il contenuto principale, abbastanza grandi da essere letti e toccati comodamente su mobile.
I breadcrumb devono includere la pagina attuale?
Dipende dalla convenzione che segui. Alcune implementazioni includono la pagina attuale come ultimo elemento della scia, mostrata come testo semplice e non come link cliccabile. Altre fermano la scia al livello superiore, dato che linkare la pagina in cui già ti trovi non serve a niente. Entrambi gli approcci sono comuni e accettabili. La domanda più importante è se la scia mostra con chiarezza il percorso dalla homepage al punto in cui si trova ora il visitatore.
I breadcrumb aiutano su mobile?
Sì, ma vanno implementati con cura. Su uno schermo piccolo una scia lunga può andare su più righe o uscire dal contenitore. Soluzioni comuni sono accorciare i passaggi intermedi con i puntini di sospensione, comprimere tutto tranne il livello superiore immediato o mostrare su mobile solo il link al livello precedente. L'obiettivo è mantenere il vantaggio dell'orientamento senza che la scia domini lo schermo. Un breadcrumb che funziona male su mobile è peggio di nessun breadcrumb.
I breadcrumb sono un fattore di posizionamento?
Non direttamente. I motori di ricerca non posizionano più in alto le pagine solo perché hanno i breadcrumb. Il vantaggio SEO arriva in modo indiretto: i breadcrumb con dati strutturati aiutano i motori di ricerca a capire con più precisione la struttura del sito, i link dei breadcrumb contribuiscono all'autorevolezza dei link interni e la visualizzazione dei breadcrumb nei risultati di ricerca può migliorare il CTR. Sono vantaggi reali che vale la pena avere, ma agiscono migliorando struttura e usabilità, non come segnale diretto di posizionamento.