Breadcrumb

Breadcrumb visualizzata in una pagina web

Una traccia di breadcrumb in una pagina indica la posizione della pagina nella gerarchia del sito. Un utente può navigare completamente nella gerarchia del sito, un livello alla volta, a partire dall'ultima breadcrumb nella traccia di breadcrumb.

Esempi

Ricerca Google utilizza markup di breadcrumb nel corpo di una pagina web per classificare le informazioni dalla pagina nei risultati di ricerca. Spesso, come illustrato nei seguenti casi d'uso, gli utenti possono arrivare a una pagina da tipi molto diversi di query di ricerca. Se da un lato ogni ricerca può restituire la stessa pagina web, dall'altro la breadcrumb classifica i contenuti nel contesto della query di Ricerca Google. La pagina ancillaryjustice.html potrebbe visualizzare le seguenti tracce di breadcrumb a seconda del contesto di ricerca:

Una query di ricerca per il titolo del libro "Ancillary Justice - La vendetta di Breq" può generare la seguente breadcrumb:

LibriAutoriAnn LeckieAncillary Justice - La vendetta di Breq

Ecco un esempio in formato JSON-LD per supportare la breadcrumb:

Una query di ricerca relativa a un anno e un premio basato sul genere, ad esempio "miglior romanzo premio Nebula 2014", può generare la seguente breadcrumb:

LibriFantascienzaAncillary Justice - La vendetta di Breq

RDFa

Ecco un esempio in formato RDFa per supportare la breadcrumb:

Microdati

Ecco un esempio in formato Microdati per supportare la breadcrumb:

Ecco un esempio di più tracce di breadcrumb:

LibriFantascienzaVincitori del premio
LetteraturaFantastico

RDFa

Ecco il formato RDF di esempio per supportare la breadcrumb:

Microdati

Ecco il formato Microdati di esempio per supportare la breadcrumb:

Esempio di HTML

Inserisci il blocco di breadcrumb all'interno della pagina HTML come parte del design visivo. La traccia di breadcrumb HTML per l'esempio delle Linee guida potrebbe essere:

<ol>
  <li>
    <a href="http://www.example.com/books">Books</a>
  </li>
  <li>
    <a href="http://www.example.com/sciencefiction">Science Fiction</a>
  </li>
  <li>
    <a href="http://www.example.com/books/sciencefiction/awardwinners">Award Winners</a>
  </li>
<ol>

Linee guida

Oltre alle linee guida generali sui dati strutturati, il markup dei profili social dovrebbe creare una o più tracce di breadcrumb senza una "briciola" per la pagina di destinazione, se è possibile trovare la pagina all'interno di una serie più ampia di risultati di ricerca. Continuando con gli esempi precedenti, poiché per la query di ricerca romanzi di fantascienza premiati verrebbero trovate molte altre pagine oltre a ancillaryjustice.html, potresti includere la traccia di breadcrumb per rispecchiare la categoria di ricerca più ampia:

LibriFantascienzaVincitori del premio

Definizioni dei tipi di dati strutturati

Ricerca Google riconosce le seguenti proprietà di un BreadcrumbList. Affinché i tuoi contenuti siano idonei per essere visualizzati come risultato multimediale, devi includere le proprietà obbligatorie.

Proprietà obbligatorie
item

Thing

L'URL della pagina web che rappresenta la breadcrumb.

name

Text

Il titolo della breadcrumb visualizzata per l'utente.

position

Numero intero

La posizione della breadcrumb nella traccia di breadcrumb. La posizione 1 indica l'inizio della traccia.

Invia feedback per...