Geek Answers Handbook

Schema.org with data scattered across the page

I would like to add schema.org markup to the product page. Thus, basically all pages are wrapped in:<div itemscope itemtype="http://schema.org/Product">

The page displays the name of the product that I mark with itemprop="name", it shows the image that I mark with itemprop="image", etc.

To mark up the price and category of an item, I use http://schema.org/Offer . The problem is that the price and category are displayed in different parts of the web page. Can it be used itemtype=http://schema.org/Offertwice, as in the following example?

<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>
+4
source share
2 answers

http://schema.org/Offer . .

, 1769790, , , image , ( , ).

itemref. . - 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>
+5

, .

http://www.google.com/webmasters/tools/richsnippets?q=uploaded:8004e75474f6bc632c2a56ed33ba1d90

. img , . URL- ().

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


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

       <span itemprop="price">1000 EUR</span>
    </div>
</div>

; .

0

More articles:


All Articles