Microdata For Product With Offer With Organization

I'm trying to create Google Rich Snippets for my Product page. I've created a Product using

...

Insid

Solution 1:

You are not using itemref correctly:

• The itemref attribute has to be specified on an element with itemscope.
• It has to reference an element with itemprop.

So your example would have to look like:

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

But this does not work, because this way, the seller property will be added to both items, Product and Offer. This is not valid because Product can’t have the seller property.

So you would either have to change the nesting, or don’t use Product on the container div.

However, there’s also an ugly fix: add a dummy element with 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>