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 Leckie › Ancillary 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:

LibriFantascienzaVincitori del premio

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
LetteraturaFantasy

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

Di seguito è riportato un esempio di blocco di breadcrumb all'interno della pagina HTML come parte del design visivo.

<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>
    Award Winners
  </li>
</ol>

Linee guida

Devi seguire queste linee guida affinché i tuoi contenuti siano idonei per la visualizzazione con la breadcrumb nella Ricerca Google.

Definizioni dei tipi di dati strutturati

Per specificare le breadcrumb, definisci un BreadcrumbList che contenga almeno due ListItems. Affinché i tuoi contenuti siano idonei per essere visualizzati nelle breadcrumb, devi includere le proprietà obbligatorie.

BreadcrumbList è l'elemento contenitore che contiene tutti gli elementi nell'elenco. La definizione completa di BreadcrumbList è disponibile all'indirizzo schema.org/BreadcrumbList.

Proprietà obbligatorie
itemListElement

BreadcrumbList

Un array della breadcrumb elencate in un ordine specifico. Consente di specificare ogni breadcrumb con un valore ListItem. Ad esempio:


{
"@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"
  }]
}

ListItem

ListItem contiene i dettagli su un singolo elemento nell'elenco. La definizione completa di ListItem è disponibile all'indirizzo schema.org/ListItem.

Proprietà obbligatorie
item

URL o un sottotipo di Thing

L'URL della pagina web che rappresenta la breadcrumb. Esistono due modi per specificare item:

  • URL: specifica l'URL della pagina. Ad esempio:
    
    "item": "https://example.com/books"
  • Thing: utilizza un ID per specificare l'URL in base al formato di markup che stai utilizzando:
    • JSON-LD : utilizza @id per specificare l'URL.
    • Microdati: puoi utilizzare href o itemid per specificare l'URL.
    • RDFa: puoi utilizzare about, href o resource per specificare l'URL.

Se la breadcrumb è l'ultimo elemento della traccia di breadcrumb, item non è obbligatorio. Se item non è incluso nell'ultimo articolo, Google utilizza l'URL della pagina che lo contiene.

name

Text

Il titolo della breadcrumb visualizzata per l'utente. Se utilizzi Thing con name invece di URL per specificare item, name non è obbligatorio.

position

Integer

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