RDFa Breadtrumbs

Question

Quando si utilizza un elemento ul per formattare il breadcrumb (con l'obiettivo di ottenere risultati di ricerca Google migliori), come si definisce il markup RDFa? La ragione per cui sto chiedendo è che gli elementi li sono fratelli l'uno dall'altro e non bambini. Sto facendo qualcosa di simile:

<div class="dv_breadcrumbs"> 
    <ul xmlns:v="http://rdf.data-vocabulary.org/#"> 
    <li typeof="v:Breadcrumb"><a title="Level1" href="/level1" rel="v:url"><span property="v:title">Level1</span></a></li> 
    <li typeof="v:Breadcrumb"><a title="Level2" href="/level2" rel="v:url"><span property="v:title">Level2</span></a></li> 
    <li typeof="v:Breadcrumb"><a title="Level3" href="/level3" rel="v:url"><span property="v:title">Level3</span></a></li> 
    <li typeof="v:Breadcrumb"><a title="lever4" href="/level4" rel="v:url"><span property="v:title">Level4</span></a></li> 
    <li typeof="v:Breadcrumb"><a class="currentLevel" title="Current Level" rel="v:url" property="v:title">Current Level</a></li> 
    </ul> 
</div> 

E 'corretto? I motori di ricerca capiranno che gli elementi di breadcrumb sono in sequenza all'interno dell'elemento ul?

Answer 1

Sì. Puoi verificarlo usando Google Testing Tool. Il tuo codice sarà result nel seguente:

Sebbene siano necessari alcuni chiarimenti.

• Come si vede l'ultimo collegamento nella catena ("Livello corrente") non è mostrato. Sembra che Google abbia bisogno di qualche URL ragionevole per mostrarlo. È possibile aggiungere href con il vostro indirizzo della pagina per ultima parte del breadcumb:

a class="currentLevel" title="Current Level" href="/my_page.html" rel="v:url" property="v:title" 

(scusate per la citazione - per qualche motivo così non mi permette di mettere il codice visibile qui).

E avrai dovrebbe occupare come:

• Come ha dichiarato in Google doc per briciole di pane:

Il nome breadcrumb è identificato utilizzando la proprietà del titolo, prefisso con v :, come questo:

<span property="v:title">. 

L'attributo rel indica che il link è URL del breadcrumb. La proprietà attributo deve essere specificato nel un elemento piuttosto che nidificato al suo interno, in questo modo:

<a href="books.html" rel="v:url" property="v:title">Books</a>. 

Quindi è meglio riscrivere il codice come questo:

<div class="dv_breadcrumbs"> 
    <ul xmlns:v="http://rdf.data-vocabulary.org/#"> 
    <li typeof="v:Breadcrumb"><a title="Level1" href="/level1" rel="v:url" property="v:title">Level1</a></li> 
    <li typeof="v:Breadcrumb"><a title="Level2" href="/level2" rel="v:url"property="v:title">Level2</a></li> 
    <li typeof="v:Breadcrumb"><a title="Level3" href="/level3" rel="v:url" property="v:title">Level3</a></li> 
    <li typeof="v:Breadcrumb"><a title="lever4" href="/level4" rel="v:url" property="v:title">Level4</a></li> 
    <li typeof="v:Breadcrumb"><a class="currentLevel" title="Current Level" href="/my_page.html" rel="v:url" property="v:title">Current Level</a></li> 
    </ul> 
</div> 

Answer 2

Sì, i motori di ricerca tendono a presumere l'ordine dei breadcrumb dall'ordine degli elementi nell'HTML contrassegnati con RDFa.

Tuttavia, se si vuole avere davvero semantica HTML allora forse un <ol> è meglio di un <ul>, dal momento che hai a che fare con una lista ordinata di pangrattato, non un non ordinata lista.