结构化数据预览工具中未出现面包屑微数据

Question

我正在开发网站上尝试微数据的面包屑导航，我遵循了 Google 自己的示例，但由于某种原因，实际的面包屑导航无法在结构化数据测试工具中预览

这就是我的代码的样子：

<div class="back" xmlns:v="http://rdf.data-vocabulary.org/#">
    <h3>
        <span itemprop="breadcrumb" typeof="v:Breadcrumb">
            <a href="http://www.SteaksAndGame.com/" title="Online Shopping" rel="v:url" property="v:title">Steaks And Game</a>
        </span> :: 
        <span itemprop="breadcrumb" typeof="v:Breadcrumb">
            <a href="http://www.SteaksAndGame.com/wagyu-steaks/" title="Wagyu Steaks" rel="v:url" property="v:title">Wagyu Steaks</a>
        </span> :: 
        <span itemprop="breadcrumb" typeof="v:Breadcrumb"><a href="http://www.SteaksAndGame.com/wagyu-steaks/tenderloin-filet-mignon-052" title="Tenderloin - Filet Mignon" rel="v:url" property="v:title">Tenderloin - Filet Mignon</a>
        </span>
    </h3>
    <div class="clear"></div>
</div>

这就是结构数据工具向我展示的内容： 它在标题下显示 URL，而不是面包屑链接。

这是一个显示面包屑链接的示例：

• 测试页面是here
• 使用结构化数据工具预览的页面是here
• 网站是使用Asp.Net构建的

我尝试了很多方法，例如：

使用› 符号代替:: 我什至复制粘贴了 Google 的 own example code 用于微数据面包屑实现：

<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
    <a href="http://www.example.com/dresses" itemprop="url">
        <span itemprop="title">Dresses</span>
    </a> ›
</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> ›
</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>

我已将该页面的整个源代码复制粘贴到 linux 服务器上的另一个页面上，并且令人惊讶的是验证正确。我真的不知道该怎么做。任何建议将不胜感激。

Answer 1

我找到了一种将当前 Schema.org 标记用于有效面包屑的方法。重要的是不仅要逐个附加面包屑链接，还要嵌套它们，并为除第一个之外的所有链接提供 'child' itemprop。

<p id="breadcrumbs">
    <span itemprop="breadcrumb" itemscope="itemscope" itemtype="http://schema.org/Breadcrumb">
        <a href="http://www.example.com/dresses" itemprop="url"><span itemprop="title">Dresses</span></a>
        &raquo;
        <span itemprop="child" itemscope="itemscope" itemtype="http://schema.org/Breadcrumb">
            <a href="http://www.example.com/dresses/real" itemprop="url"><span itemprop="title">Real Dresses</span></a>
            &raquo;
            <span itemprop="child" itemscope="itemscope" itemtype="http://schema.org/Breadcrumb">
                <a href="http://www.example.com/clothes/dresses/real/green" itemprop="url"><span itemprop="title">Real Green Dresses</span></a>
            </span>
        </span>
    </span>
</p>

这正是它与Data-Vocabulary.org 一起工作的方式，它只是使用更新的 Schema.org 标记来代替。这将告诉搜索引擎您的面包屑是如何连接的。

Answer 2

使用此 SCHEMA 结构

**

将此用于面包屑的微数据

**

<div class="breadcrumbs">
  <ul>
    <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb" class="home" >
      <a href="index.html" title="Go to Home Page" itemprop="url">
        <span itemprop="title">Home</span>
      </a>
      <span>></span>
    </li>
    <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb" class="category5">
      <a href="product.html" title="Product" itemprop="url">
        <span itemprop="title">product name</span>
      </a>
      <span>></span>
    </li>
    <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb" class="category5">
      <a href=".finalproduct.html" title="final product" itemprop="url">
        <span itemprop="title">final product</span>
      </a>
      <span>></span>
    </li>
    <li class="category6"><strong>Final Product view</strong></li>
  </ul>
</div>

**

重要提示：它也用于 SEO 目的

**

enter link description here