RDFa Breadcrumbs

當您使用ul元素來設置您的麪包屑（旨在獲得更好的Google搜索結果）時，如何定義RDFa標記？我問的原因是li元素是彼此的兄弟姐妹，而不是孩子。我正在做類似：RDFa Breadcrumbs

<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>

它是正確的嗎？搜索引擎是否會明白在ul元素中麪包屑項目是按順序排列的？

來源

2013-08-19 Fabio Nolasco

他們是兄弟姐妹，但只有當引用他們的關係到父'ul'。基本上，當你的觀點是標記本身，就像CSS那樣，它們就是兄弟姐妹。你的RDFa基本上是說，這些'li'對應於一些底層的數據結構。所以關於一個想要弄清楚它們代表什麼的語義觀點，你的RDFa解釋它們實際上是分層的。 – TechZilla

是的。您可以使用Google Testing Tool進行檢查。您的代碼將在以下內容中爲result： enter image description here

雖然需要一些說明。

正如您看到鏈中的最後一個鏈接（「當前級別」）未顯示。 Google似乎需要一些合理的網址來顯示它。你可以用你的網頁地址添加HREF到breadcumb的最後一部分：

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

（對不起，引用 - 由於某種原因SO不允許我在這裏把可見的代碼）。

，你會得到像水木清華：

enter image description here

因爲它在谷歌doc規定的麪包屑：

的路徑名稱使用title屬性進行標識，帶有v：前綴，如下所示：

<span property="v:title">.

rel屬性表示該鏈接是該路徑的網址。該物業屬性應在一個元素中指定，而不是嵌套裏面，像這樣：

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

因此，最好重寫你的代碼是這樣的：

<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>

來源

2013-08-20 21:20:10 ajax

是的，搜索引擎傾向於按照RDFa標記的HTML元素的順序來推定麪包屑的順序。

不過，如果你想擁有真正的語義HTML，那麼也許一個<ol>比<ul>更好，因爲你處理麪包屑的有序列表，而不是一個無序名單。

來源

2014-01-13 10:48:24

回答

相關問題