5

当您使用一个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元素内的顺序吗？

4

2 回答 2

5

是的。您可以使用Google 测试工具进行检查。您的代码将导致以下结果： 在此处输入图像描述

虽然需要一些澄清。

  • 如您所见，未显示链中的最后一个链接（“当前级别”）。谷歌似乎需要一些合理的网址来显示它。您可以将带有页面地址的href添加到面包屑的最后部分：
a class="currentLevel" title="Current Level" href="/my_page.html" rel="v:url" property="v:title"

（抱歉引用 - 由于某种原因，SO不允许我在这里放置可见代码）。

你会得到这样的：

在此处输入图像描述

  • 正如谷歌文档中关于面包屑的说明：

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

<span property="v:title">.

rel 属性指示链接是该面包屑的 URL。property 属性应该在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>
于 2013-08-20T21:20:10.823 回答
0

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

但是，如果您想拥有真正语义化的 HTML，那么 an 可能<ol>比 a 更好<ul>，因为您正在处理面包屑的有序列表，而不是无序列表。

于 2014-01-13T10:48:24.883 回答