当前页面上的面包屑答案

【问题标题】：Breadcrumbs on current page当前页面上的面包屑
【发布时间】：2015-04-23 07:32:32
【问题描述】：

我目前已经像这样实现了我的面包屑：

<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
    <a href="HOME URL" itemprop="url">
        <span itemprop="title">HOME TITLE</span>
    </a> > 
</div>
<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
    <a href="1ST LEVEL URL" itemprop="url">
        <span itemprop="title">1ST LEVEL TITLE</span>
    </a> > 
</div>
<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
    <span itemprop="title">CURRENT TITLE</span>
</div>

如您所见，我没有为当前页面指定 url，这将是多余的。但是当我尝试Google testing tool 时，我收到一条错误消息，指出当前页面面包屑的 url 缺失。

鉴于此，我可以想到三个选项。

我为当前页面指定一个url：

<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
    <a href="HOME URL" itemprop="url">
        <span itemprop="title">HOME TITLE</span>
    </a> > 
</div>
<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
    <a href="1ST LEVEL URL" itemprop="url">
        <span itemprop="title">1ST LEVEL TITLE</span>
    </a> > 
</div>
<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
    <a href="CURRENT LEVEL URL" itemprop="url">
        <span itemprop="title">CURRENT TITLE</span>
    </a>
</div>

我只显示当前页面标题，而不将其包含在结构化数据标记中：

<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
    <a href="HOME URL" itemprop="url">
        <span itemprop="title">HOME TITLE</span>
    </a> > 
</div>
<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
    <a href="1ST LEVEL URL" itemprop="url">
        <span itemprop="title">1ST LEVEL TITLE</span>
    </a> > 
</div>
<span>CURRENT TITLE</span>

我没有在面包屑中显示当前级别（我不想这样做，我必须说）：

<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
    <a href="HOME URL" itemprop="url">
        <span itemprop="title">HOME TITLE</span>
    </a> > 
</div>
<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
    <a href="1ST LEVEL URL" itemprop="url">
        <span itemprop="title">1ST LEVEL TITLE</span>
    </a>
</div>

你认为我应该怎么做最好？

【问题讨论】：

我不明白你想要做什么......
我只是想知道我应该对当前页面的面包屑做什么：带链接的结构化数据？没有链接也没有结构化数据？什么都没有？
我觉得没关系，面包屑的重点是让用户在进入多级分页或浏览类别时可以返回，如果需要的话就放上去，如果它不需要在那里，那就不要放它。
是的，我知道，但我不太喜欢谷歌告诉我，如果你明白我的意思，我的代码中有错误^^这就是为什么我想知道该怎么做那个特殊情况。

标签： html seo breadcrumbs microdata google-rich-snippets

【解决方案1】：

解决方法是使用<meta>标签。

因此，面包屑导航中的最后一项应如下所示：

<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> <span itemprop="title">CURRENT TITLE</span> <meta itemprop="url" content="CURRENT URL" /> </div>

这将在 Google testing tool 上进行验证，并实现您构建有效面包屑而不“显示”冗余链接的预期目标。

供参考：Getting started with schema.org using Microdata

3c。缺失/隐含信息：使用带有内容的元标记

有时，网页包含有价值的信息 up，但信息不能被标记，因为它的方式出现在页面上...在这些情况下，使用元标记和内容属性指定信息。

为了完整起见，必须添加，根据他们当前的specs，为 Google SERP 提供格式正确的面包屑，您的示例代码应如下所示：

<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb" id="a" itemref="b">
    <a href="HOME URL" itemprop="url">
        <span itemprop="title">HOME TITLE</span>
    </a> 
</div>
<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb" id="b" itemprop="child" itemref="c">
    <a href="1ST LEVEL URL" itemprop="url">
        <span itemprop="title">1ST LEVEL TITLE</span>
    </a>
</div>
<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb" id="c" itemprop="child">
    <span itemprop="title">CURRENT TITLE</span>
    <meta itemprop="url" content="CURRENT URL" />
</div>

还请记住，Google 面包屑文档很快就会进行审核，因为 Google 似乎终于采用了面包屑的 schema.org 标记，可以从“Better presentation of URLs in search results”帖子中推断出Google 官方网站管理员中心博客及其讨论。

【讨论】：

注意have to use link instead of meta如果值是一个URI。
谢谢，这正是我所需要的！感谢您提供其他信息，我会密切注意这一点。

【解决方案2】：

我会选择只显示标题，当前级别不包含在标记中，如下所示。恕我直言，您不必在面包屑中包含当前页面，因为 SERP 无论如何都会指向当前页面。从高于当前页面的一级提供面包屑是有意义的。希望这可以帮助。顺便说一句，我们已经在我们的组织中做到了。

<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
    <a href="HOME URL" itemprop="url">
        <span itemprop="title">HOME TITLE</span>
    </a> > 
</div>
<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
    <a href="1ST LEVEL URL" itemprop="url">
        <span itemprop="title">1ST LEVEL TITLE</span>
    </a> > 
</div>
<span>CURRENT TITLE</span>

【讨论】：