RDFa面包屑

Question

当您使用ul元素格式化面包屑(旨在获得更好的Google搜索结果)时,如何定义RDFa标记？我问的原因是li元素是彼此的兄弟姐妹,而不是孩子.我做的事情如下:

<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测试工具进行检查.您的代码将产生以下结果:

虽然需要一些澄清.

• 如您所见,链中的最后一个链接("当前级别")未显示.谷歌似乎需要一些合理的网址来展示它.您可以将href与您的页面地址一起添加到breadcumb的最后部分:

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

(对不起引用 - 出于某种原因,SO不允许我在这里放置可见代码).

你会得到像:

• 正如它在谷歌文档中所说的面包屑:

使用title属性标识面包屑名称,前缀为v:,如下所示:

<span property="v:title">. 

rel属性表示链接是breadcrumb的URL.属性属性应该在a元素中指定而不是嵌套在其中,如下所示:

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