Utilizzate le breadcrumb per orientarvi, non solo per la SEO.

In che modo le breadcrumb aiutano gli utenti a orientarsi, e non solo il motore di ricerca?

Le breadcrumb riflettono le relazioni gerarchiche tra le pagine, percepite a livello editoriale, non necessariamente la loro struttura URL tecnica. Livelli comprensibili, link diretti alle pagine principali e una posizione corrente chiaramente indicata devono essere in linea con la navigazione principale e la gerarchia delle pagine.

Posizione corrente corretta

Percorso URL come breadcrumb

• Percorso URL come breadcrumb – Le directory tecniche vengono visualizzate senza verifica, anche se non rappresentano una gerarchia di navigazione percepibile.

• Stack di parole chiave – I segmenti ripetono termini di ricerca e nomi di luoghi senza consentire un ritorno significativo agli argomenti principali.

• Seconda gerarchia contraddittoria – Breadcrumb, navigazione principale e titoli di pagina assegnano lo stesso contenuto a pagine principali diverse, indebolendo l'orientamento.

Caso d'uso: "Percorso URL come breadcrumb"

Una pagina di servizio si trova tecnicamente all'indirizzo /de/seo/berlin, ma editorialmente appartiene alla categoria Visibilità Digitale. Il breadcrumb mostra Home, Visibilità Digitale e il servizio corrente anziché il codice lingua e il percorso delle parole chiave. Tutti i livelli principali conducono a pagine visibili e pertinenti.

Gerarchia percepibile

• Gerarchia percepibile – Il percorso corrisponde all'architettura informativa visibile e ai livelli attraverso i quali gli utenti trovano effettivamente i contenuti correlati.

• Nomi di livello comprensibili – Ogni segmento denomina una categoria o una pagina riconoscibile ed evita codici interni, stringhe di parole chiave e titoli troncati.

• Posizione corrente corretta – L'ultimo livello è contrassegnato come posizione corrente, mentre i segmenti padre fungono da collegamenti diretti funzionanti.

Nomi di livello comprensibili

1. Derivare la relazione padre pertinente per ogni tipo di pagina dall'architettura informativa visibile, non dalle stringhe URL.

2. Visualizzare nomi di segmento brevi e comprensibili e lo stato della pagina corrente nel template in modo semanticamente e visivamente corretto.

3. Testare in pratica il percorso sulle pagine di ingresso dalla ricerca, dalle directory profonde e dalle visualizzazioni mobile per percorsi di ritorno comprensibili.

Domande correlate e prossimi passi

Rendere visibili le opzioni di contatto senza sovraccaricare ogni pagina con call-to-action Risponde alla successiva domanda pratica: come mantenere visibili i percorsi di contatto senza sovraccaricare ogni pagina con call to action?

Derivazione del markup breadcrumb dalla gerarchia effettiva della pagina Proseguendo su questo argomento, si pone un'altra domanda: come si deriva il markup dei breadcrumb dalla gerarchia effettiva della pagina?

Se si desidera implementare concretamente i "breadcrumb per un orientamento reale", è possibile fare riferimento a Sistemi web robusti Questo articolo si concentra su "Navigazione, Ricerca e Orientamento" e "Gerarchia percepita".

Conclusione: Breadcrumb per un orientamento reale

I breadcrumb mostrano la posizione percepita nello spazio informativo, non la posizione di memoria interna di un URL. Il loro markup SEO dovrebbe descrivere questo orientamento reale, non sostituirlo.

Fonti e ulteriori informazioni

Le fonti primarie definiscono il quadro tecnico per i "percorsi di navigazione" (breadcrumb) per un orientamento efficace.

• Navigazione in un servizio – Sistema di progettazione GOV. UKModello ufficiale per link di primo livello orientati alle attività, navigazione nei servizi, ricerca, contatti e delineazione di processi lineari.

• Breadcrumbs – Sistema di progettazione GOV. UKCriteri ufficiali per l'uso, la struttura, la posizione e il comportamento mobile dei breadcrumbs.

• Struttura del menu - Iniziativa W3C per l'accessibilità webLinee guida ufficiali del W3C sulla struttura semantica dei menu e sull'etichettatura comprensibile della navigazione.