Microdata cho sản phẩm với các biến thể

Question

Tôi mới để vi dữ liệu và tôi có kịch bản sau đây mà tôi muốn giúp đỡ:

Tôi muốn đưa dữ liệu vĩ mô trên trang sản phẩm ở đâu, trên trang web, có thể có nhiều các biến thể của cùng một sản phẩm. Mỗi biến thể có cùng tên, mô tả và hình ảnh nhưng chúng có SKU, màu sắc, kích thước, trọng lượng và giá riêng của chúng.

Trên trang Tôi có cái gì đó như

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

Có thể Microdata này?

Cảm ơn trước

Answer 1

Bạn có thể tận dụng itemref thuộc tính Microdata, vì vậy mà bạn không cần phải sao chép dữ liệu giống hệt nhau.

Sử dụng itemprop thuộc tính trên các dữ liệu đó là giống hệt nhau cho tất cả các sản phẩm, cung cấp cho mỗi tài sản một id, nhưng đừng đặt những thuộc tính bên trong một 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> 

Trên mỗi sản phẩm (mỗi đại diện bởi một Product mục), bạn liệt kê tất cả các id giá trị trong thuộc tính itemref của nó:

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