Breadcrumb: Cosa Sono e Come Implementarli
Anche se Google li chiama stranamente "Percorsi di Navigazione/Esplorazione", quelli di noi nel mondo SEO conoscono ufficialmente questa funzionalità come Breadcrumb. Ultimamente, ci sono state molte novità su questo argomento, motivo per cui abbiamo deciso di mettere insieme una guida in cui ti mostriamo cosa sono, come implementarli passo dopo passo, modi per validare un'implementazione e infine come monitorare il loro avanzamento in Search Console.
Iniziamo!
Cosa sono i Breadcrumb?
I breadcrumb sono una funzionalità il cui scopo è migliorare la navigazione dell'utente e indicare chiaramente, sia ai motori di ricerca che agli utenti, la gerarchia delle pagine. In questo modo, l'utente può visitare rapidamente sia la pagina finale che le categorie a cui questa pagina appartiene.
Modi per implementare i breadcrumb
In termini di implementazione, attualmente abbiamo due opzioni: l'opzione visibile agli utenti e l'opzione del codice. In realtà, entrambe dovrebbero sempre essere implementate insieme e non separatamente.
Visibile
Nell'opzione visibile, il sito web implementa i breadcrumb nella parte superiore di ogni pagina in modo che l'utente che visita la pagina sappia esattamente dove si trova. Ad esempio, se stiamo guardando una pagina prodotto di un sito ecommerce (un computer HP Envy), nei breadcrumb vedremmo quanto segue:
Home > Computer > HP > Envy In questo modo, stiamo dicendo all'utente che il prodotto che sta visualizzando rientra nella categoria computer e appartiene anche alla famiglia di computer HP. In termini di navigazione, questa funzionalità è molto importante perché se l'utente volesse vedere altri modelli HP o continuare a sfogliare i computer, sarebbe a un solo clic di distanza.
Senza questa funzionalità, la navigazione diventa molto più difficile e le possibilità che l'utente abbandoni il sito web sono molto più alte.
Codice
Mentre l'opzione precedente ci permetteva di aggiungere breadcrumb per l'utente, questa opzione dirà ai motori di ricerca come è categorizzato il nostro contenuto. È molto importante che questa implementazione sia fatta correttamente perché Google non comprende i breadcrumb che sono solo visibili.
Di seguito, puoi vedere un esempio di implementazione di Breadcrumb utilizzando un frammento di script JSON-LD.
<script type="application/ld+json"> { "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [{ "@type": "ListItem", "position": 1, "name": "Books", "item": "https://example.com/books" },{ "@type": "ListItem", "position": 2, "name": "Authors", "item": "https://example.com/books/authors" },{ "@type": "ListItem", "position": 3, "name": "Ann Leckie", "item": "https://example.com/books/authors/annleckie" },{ "@type": "ListItem", "position": 4, "name": "Ancillary Justice", "item": "https://example.com/books/authors/ancillaryjustice" }] } </script> Il codice sopra ci dice che il libro "Ancillary Justice" è stato scritto dall'autrice Ann Leckie ed è un libro.
Books > Authors > Ann Leckie > Ancillary Justice
Se abbiamo costruito il nostro sito web con uno sviluppo personalizzato o con alcuni dei principali linguaggi, dovremo eseguire l'implementazione manualmente. Tuttavia, se utilizziamo Wordpress, abbiamo a disposizione diversi plugin che ci aiuteranno con questa implementazione:
- Rank Math
- Yoast SEO
Validare l'implementazione
Una volta eseguita l'implementazione, la cosa più importante sarà verificare che sia stata fatta correttamente. Mentre verificare l'implementazione "visibile" sarà molto semplice poiché basterà controllare che tutti gli elementi siano correttamente collegati e funzionino bene, per verificare l'implementazione del codice avremo bisogno di un po' più di sforzo.
Anche così, abbiamo a nostra disposizione uno strumento di Google e un'estensione di Chrome che ci renderanno la vita molto più facile.
Strumento di Dati Strutturati di Google:
Utilizzando lo strumento di Google, possiamo validare i nostri dati strutturati sia tramite URL sia a livello di codice se inseriamo direttamente il frammento.
Strumento di Dati Strutturati di Google
Se inseriamo un URL, Google restituirà l'analisi con tutti i dati strutturati rilevati.
Esempio di analisi di un URL nello strumento di dati strutturati di Google.
Se, invece, vogliamo prima testare il codice JSON-LD del Breadcrumb prima di implementarlo, possiamo utilizzare lo strumento "frammento di codice", che ci darà il seguente risultato:
Strumento di validazione di frammenti di codice per dati strutturati.
Structured Data Testing Tool (estensione Google Chrome)
Se invece di visitare lo strumento di Google, vogliamo validare i dati strutturati del Breadcrumb (e altri) direttamente dal browser, possiamo utilizzare l'estensione "Structured Data Testing Tool", che ci mostrerà tutti i dati strutturati rilevati e anche eventuali errori.
Estensione Chrome per validare i Dati Strutturati con un esempio di un articolo di SEO Alive.
Monitorare i breadcrumb in Google Search Console
Infine, una volta eseguita l'implementazione e la validazione, non resta che monitorare l'attività in Google Search Console, che ci permetterà di tracciarla quotidianamente e rilevare eventuali anomalie.
Visualizzazione del report dei breadcrumb in Search Console (lanciato a settembre 2019).
Per concludere, vorremmo chiederti: quali sono stati gli errori più comuni che hai incontrato nell'implementarli?
Vorremmo mettere insieme una raccolta e pubblicarla in questo articolo per aiutare altri professionisti SEO.
Grazie mille e non dimenticare di condividere i tuoi commenti!
Riferimenti
Autore: David Kaufmann
Ho passato gli ultimi oltre 10 anni completamente ossessionato dal SEO — e onestamente, non vorrei fosse altrimenti.
La mia carriera ha fatto un salto di qualità quando ho lavorato come Senior SEO Specialist per Chess.com — uno dei 100 siti più visitati dell'intero Internet. Operare a quella scala, su milioni di pagine, decine di lingue e in una delle SERPs più competitive in assoluto, mi ha insegnato cose che nessun corso o certificazione avrebbe mai potuto. Quell'esperienza ha cambiato la mia prospettiva su come dovrebbe essere davvero un grande SEO — ed è diventata la base di tutto ciò che ho costruito da allora.
Da quell'esperienza è nata SEO Alive — un'agenzia per brand che fanno sul serio con la crescita organica. Non siamo qui per vendere dashboards e report mensili. Siamo qui per costruire strategie che spostino davvero l'ago della bilancia, combinando il meglio del SEO classico con l'entusiasmante nuovo mondo della Generative Engine Optimization (GEO) — facendo in modo che il tuo brand appaia non solo nei link blu di Google, ma anche all'interno delle risposte generate dall'AI che ChatGPT, Perplexity e Google AI Overviews consegnano ogni giorno a milioni di persone.
E poiché non riuscivo a trovare uno strumento che gestisse correttamente entrambi questi mondi, me ne sono costruito uno — SEOcrawl, una piattaforma enterprise di SEO intelligence che unisce rankings, audit tecnici, monitoraggio dei backlinks, salute del crawl e tracciamento della visibilità del brand nell'AI, tutto in un unico posto. È la piattaforma che ho sempre desiderato esistesse.
Scopri altri contenuti di questo autore
