microdata - schema.org 数据分散在页面上

Question

我想将 schema.org 标记添加到产品页面。所以基本上所有的页面都被包裹在一个:<div itemscope itemtype="http://schema.org/Product">
页面显示我标记的产品名称 itemprop="name" ，它显示了我用 itemprop="image" 标记的图像等等。

为了标记商品的价格和类别，我使用 http://schema.org/Offer .问题是价格和类别显示在网页的不同部分。可以用itemtype=http://schema.org/Offer两倍于以下示例？

<div itemscope itemtype="http://schema.org/Product">
<span itemprop="name">Name of product</span>

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

<img itemprop="image" src="#"/>

<div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
        <span itemprop="price">1000 EUR</span>
</div>
</div>

Answer 1

不要使用 http://schema.org/Offer 两次。您正在以这种方式创建两个优惠。

solution user1769790 提出的建议可能适合您，但请注意 image将与产品和优惠(可能是也可能不是您想要的)相关联。

您可以使用 itemref属性代替。见 my answer关于 Webmasters SE 的类似问题。

它可能看起来像:

<div itemscope itemtype="http://schema.org/Product" itemref="foobar-image">

  <span itemprop="name">Name of product</span>

  <div itemprop="offers" itemscope itemtype="http://schema.org/Offer" itemref="foobar-price">
    <span itemprop="category">animals</span>
  </div>

</div>

<img itemprop="image" id="foobar-image" src="" alt="" />

<div itemprop="price" id="foobar-price">1000 EUR</div>