Question

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

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

正如您所看到的，我还没有为当前页面指定一个网址，这将是多余的。但是当我尝试Google testing tool时，我收到一条错误，指出当前页面痕迹的网址丢失了。

鉴于此，我有三个选项可以考虑。

我为当前页面指定了一个网址：

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

你觉得我应该怎么做？

Answer 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上验证，并实现您的目标，即构建一个有效的面包屑，而不显示＆＃34;显示＆＃34;冗余链接。

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

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

有时，网页上的信息对标记很有价值   起来，但由于它的方式，信息不能被标记   出现在页面上...在这些情况下，请使用元标记和content属性   指定信息。

为了完整起见，必须根据他们当前的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>

请记住，谷歌面包屑文档很快就会进行审核，因为最近谷歌似乎采用了schema.org标记来获取面包屑，这可以从＆＃34; {{3 }}＆＃34;发布在官方Google网站管理员中心博客中并进行讨论。

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

当前页面上的面包屑

2 个答案: