seo - RDFa 面包屑

Question

当您使用 ul 元素来格式化面包屑(旨在获得更好的 Google 搜索结果)时，您如何定义 RDFa 标记？我问的原因是 li 元素是彼此的 sibling ，而不是 child 。我正在做类似的事情:

<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 元素中按顺序排列吗？

Answer 1

是的。您可以使用 Google Testing Tool 检查它.您的代码将 result在以下:

尽管需要一些说明。

• 如您所见，链中的最后一个链接(“当前级别”)未显示。谷歌似乎需要一些合理的 url 来显示它。您可以将带有您的页面地址的 href 添加到面包屑的最后一部分:

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

(抱歉引用 - 由于某些原因，SO 不允许我在此处放置可见代码)。

你会得到像这样的东西:

• 如 Google 中所述 doc对于面包屑:

The breadcrumb name is identified using the title property, prefixed with v:, like this:

<span property="v:title">. 

The rel attribute indicates that the link is that breadcrumb's URL. The property attribute should be specified in the a element rather than nested inside it, like this:

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