RDFa面包屑

Question

当您使用ul元素格式化您的面包屑(旨在更好的谷歌搜索结果)时，您如何定义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与您的页面地址添加到面包堆的最后一部分：

class="currentLevel“title=当前级别”href="/my_page.html“rel="v:url”property="v:title“

(不好意思引用-出于某种原因，我不允许在这里放置可见代码)。

你会感觉到：

​

​

• 正如谷歌文档中所说的面包屑：

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

<span property="v:title">. 

rel属性表示该链接是该面包屑的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>

Answer 2

是的，搜索引擎倾向于根据标记为RDFa的HTML中元素的顺序来推断面包屑的顺序。

但是，如果您想拥有真正的语义HTML，那么也许<ol>比<ul>更好，因为您处理的是一个有序的面包屑列表，而不是无序列表。