微觀數據與變化的產品

Question

我是新來的微觀數據，我有以下情形的，我想一些幫助：

我想提出在商品頁面上的微觀數據，其中，在頁面上，可以有多個相同產品的變化。 每個版本都有相同的名稱，說明和圖片，但是它們有各自的SKU，顏色，尺寸，重量和價格。

對我有這樣的事情

<section id="commonparts"> 
    <h1>Product name</h1> 
    <div><img src="productimage"></div> 
    <div>Product description</div> 
</section> 
<section id="variations"> 
    <div id="variation1"> 
     <div>SKU 1</div> 
     <div>Colour 1</div> 
     <div>Size 1</div> 
     <div>Price 1</div> 
    </div> 
    <div id="variation2"> 
     <div>SKU 2</div> 
     <div>Colour 2</div> 
     <div>Size 2</div> 
     <div>Price 2</div> 
    </div> 
</section> 

的頁面是否有可能這個微觀數據？

在此先感謝

Answer 1

你可以利用微觀數據的itemref屬性，讓你不必重複相同的數據。

使用的是所有產品相同的數據itemprop屬性，給每個屬性的id，但不要將這些屬性內的itemscope：

<!-- no 'itemscope' parent --> 
<section> 
    <h1 itemprop="name"  id="product-name">Product name</h1> 
    <img itemprop="image"  id="product-img" src="productimage" alt="" /> 
    <p itemprop="description" id="product-desc">Product description</p> 
</section> 

在每一個產品（分別由代表Product項目），列出所有在其itemref屬性id值：

<section> 

    <div id="variation1" itemscope itemtype="http://schema.org/Product" itemref="product-name product-img product-desc"> 
    <!-- properties specific to this 'Product' variation --> 
    </div> 

    <div id="variation2" itemscope itemtype="http://schema.org/Product" itemref="product-name product-img product-desc"> 
    <!-- properties specific to this 'Product' variation --> 
    </div> 

</section>