带有组织的产品的微数据

Question

我正在尝试为我的产品页面创建 Google Rich Snippets。

我使用

创建了一个产品

<div itemscope="" itemtype="http://schema.org/Product">
  ...
</div>

在这个产品中，我有一个优惠，创建于

<div itemscope="" itemtype="http://schema.org/Product">
  <div itemprop="offers" itemscope="" itemtype="http://schema.org/Offer">
    ...
  </div>
</div>

我想将卖方属性（一个组织）添加到报价中，但是，我的 HTML 结构在产品下而不是报价下有卖方。

<div itemscope="" itemtype="http://schema.org/Product">
  <div itemprop="offers" itemscope="" itemtype="http://schema.org/Offer">
    ...
  </div>
  <div itemprop="seller" itemscope="" itemtype="http://schema.org/Organization">
    ...
  </div>
</div>

但是，这似乎并不能让 Google 结构化数据测试工具满意。

然后我尝试在组织上使用itemref 并在报价中使用meta-tag

<div itemscope="" itemtype="http://schema.org/Product">
  <div itemprop="offers" itemscope="" itemtype="http://schema.org/Offer">
    <meta itemprop="seller" itemref="provider">
    ...
  </div>
  <div id="provider" itemscope="" itemtype="http://schema.org/Organization">
    ...
  </div>
</div>

但它似乎仍然不承认卖方是组织。

我做错了什么？

Answer 1

你没有正确使用itemref：

• 必须在带有itemscope 的元素上指定itemref 属性。
• 它必须用itemprop 引用一个元素。

所以你的例子应该是这样的：

<div itemscope itemtype="http://schema.org/Product">
  <div itemprop="offers" itemscope itemtype="http://schema.org/Offer" itemref="provider">
  </div>
  <div id="provider" itemprop="seller" itemscope itemtype="http://schema.org/Organization">
  </div>
</div>

但这不起作用，因为这样，seller 属性将被添加到 Product 和 Offer 这两个项目中。这是无效的，因为 Product 不能拥有 seller 属性。

因此，您要么必须更改嵌套，要么不要在容器 div 上使用 Product。

但是，还有一个丑陋的解决方法：添加一个带有 itemscope 的虚拟元素：

<div itemscope itemtype="http://schema.org/Product">
  <div itemprop="offers" itemscope itemtype="http://schema.org/Offer" itemref="provider">
  </div>
  <div itemscope>
    <div id="provider" itemprop="seller" itemscope itemtype="http://schema.org/Organization">
    </div>
  </div>
</div>