使用Schema.org丰富摘要的面包屑

9

我在实现来自schema.org的面包屑丰富的摘要时遇到问题。当我使用文档构建面包屑并通过Google Rich Snippet测试工具运行时，该面包屑已被识别，但未在预览中显示。

<!DOCTYPE html>
<html>
  <head>
    <title>My Test Page</title>
  </head>
  <body itemscope itemtype="http://schema.org/WebPage">     
      <strong>You are here: </strong>
      <div itemprop="breadcrumb">
        <a title="Home" href="/">Home</a> >
        <a title="Test Pages" href="/Test-Pages/">Test Pages</a> >
      </div>
  </body>
</html>

如果我更改为使用data-vocabulary.org中的代码段，则丰富的代码段将在预览中正确显示。

<!DOCTYPE html>
<html>
  <head>
    <title>My Test Page</title>
  </head>
  <body>
      <strong>You are here: </strong>
      <ol itemprop="breadcrumb">
        <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
          <a href="/" itemprop="url">
            <span itemprop="title">Home</span>
          </a>
        </li>
        <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
          <a href="/Test-Pages/" itemprop="url">
            <span itemprop="title">Test Pages</span>
          </a>
        </li>
      </ol>
  </body>
</html>

我希望将面包屑显示在搜索结果中，而不是页面的URL中。

鉴于Schema.org是使用丰富代码段的推荐方法，因此我宁愿使用它，但是由于面包屑未显示在使用此方法的搜索结果的预览中，因此我不认为这可以正常工作。

我在Schema.org示例的标记中做错了吗？

— 亚当·詹金（Adam Jenkin）
source

Google建议使用微数据格式，而不是其他格式。他们支持微数据和RDFa的面包屑support.google.com/webmasters/bin/…如果您希望它出现在搜索结果中，我会使用它们的推荐格式。

— Anagio

相关：面包屑是Schema.org还是Data-Vocabulary.org？

— Unor

3

通过此实现：

<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
      <a href="http://www.example.com/dresses" itemprop="url">
    <span itemprop="title">Dresses</span>
  </a> &gt;
</div>  
<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
  <a href="http://www.example.com/dresses/real" itemprop="url">
    <span itemprop="title">Real Dresses</span>
  </a> &gt;
</div>  
<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
  <a href="http://www.example.com/clothes/dresses/real/green" itemprop="url">
    <span itemprop="title">Real Green Dresses</span>
  </a>
</div>

您将在Google中获得以下面包屑：

Dresses > Real Dresses > Real Green Dresses

— 拉奈沃
source

1

对于您的Barenaked Ladies参考资料，我会+1，但可悲的是，我认为我会滥用投票系统:-)因此，我将为您+1提供一个切实可行的解决方案。

— Paul d'Aoust 2014年

1

在我看来，问题出在schema.org文档本身。以下是一些教育链接：

我已将它们排在最有帮助的位置，基本上它们最终都相互链接。对此的操作应在本月底进行，但结果似乎与第二个示例相同。

很可惜，因为html最终比实际需要的要复杂得多，但事实确实如此。

希望有帮助！

— 斯图尔特·伯罗斯
source

1

我最近一直在对此进行一些研究。

事实证明，谷歌对面包屑的建议不起作用。几周前，当我查看时，他们自己的示例在Google的Rich Snippet Tool中失败了。Google似乎落后一些，但仍领先于其他公司。

尽管据说Schema.org已被Data-vocabulary.org折旧，但Data-vocabulary.org是公认的事实上的标准。但是，现实与言辞不符。目的是Schema.org将取代Data-vocabulary.org，并且可能会发生。不过，我在某个地方发现了一个片段（意为双关语），提到Google尚未修改其代码以识别Schema.org。

话虽如此，但是我发现这是我在Google和Bing中都能使用的示例，尽管Bing最近改变了一些情况，因此如果Bing对您很重要，请谨慎使用。

<span itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a itemprop="url" href="http://www.example.com/"><span itemprop="title">Home</span></a> &gt; </span>
<span itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a itemprop="url" href="http://www.example.com/marvel/"><span itemprop="title">Marvel Comics</span></a> &gt; </span>
<span itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a itemprop="url" href="http://www.example.com/fantastic-four/"><span itemprop="title">Fantastic Four</span></a> &gt; </span>
<span itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a itemprop="url" href="http://www.example.com/fantastic-four/58/"><span itemprop="title">Fantastic Four #48: The Coming of Galactus</span></a></span>

希望这可以帮助。

— 壁橱
source

1

（撇开消费者的支持。）

词汇表Schema.org提供了两种方法来为WebPage（及其子类型）提供面包屑：

breadcrumb具有文本值的属性
breadcrumb属性与BreadcrumbList价值

使用文本很容易，但是结构化（很难为消费者解析）。
使用起来BreadcrumbList比较复杂，但是允许明确指定所需的任何内容（更易于为消费者解析）。

以您的示例为例，使用BreadcrumbList可能看起来像这样：

<body itemscope itemtype="http://schema.org/WebPage">     
  <strong>You are here: </strong>
  <div itemprop="breadcrumb" itemscope itemtype="http://schema.org/BreadcrumbList">

    <span itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
      <meta itemprop="position" content="1" />
      <a itemprop="item" href="/">
        <span itemprop="name">Home</span>
      </a>
    </span> 

    &gt;

    <span itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
      <meta itemprop="position" content="2" />
      <a itemprop="item" href="/Test-Pages/">
        <span itemprop="name">Test Pages</span>
      </a>
    </span>

  </div>
</body>

（如果需要考虑空格，则可能必须移动元素。）

— Unor
source