Seo 面包屑

当您使用

ul

元素格式化面包屑（旨在获得更好的谷歌搜索结果）时，您如何定义RDFa标记？我询问的原因是

li

元素是彼此的兄弟，而不是子元素。我正在做一些类似于：

当前级别

---

对吗？搜索引擎是否理解面包屑项目在

ul

元素中的顺序？

是。你可以用电脑检查。您的代码将包含以下内容：

尽管需要一些澄清

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

（很抱歉被引用-出于某种原因，所以不允许我在此处放置可见代码）

您将获得smth，如：

• 正如谷歌对面包屑的描述：

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

。

rel属性 指示该链接是面包屑的URL。财产 属性应该在元素中指定，而不是嵌套 在它里面，像这样：

。

因此，最好像这样重写代码：

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

是的，搜索引擎倾向于假定面包屑的顺序与用RDFa标记的HTML中元素的顺序不同

---

然而，如果您想要真正的语义HTML，那么

可能比

更好，因为您处理的是面包屑的有序列表，而不是无序列表。

它们是兄弟，但仅当引用它们与父级

ul

的关系时。本质上，当您的视点是标记本身时，就像CSS一样，它们将是兄弟。您的RDFa基本上是说，这些

li

对应于一些底层数据结构。因此，对于想要弄清楚它们代表什么的语义观点，RDFa解释说它们实际上是分层的。

<span property="v:title">. 

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