2014-08-29 10 views
6

Sono nuovo di microdati e ho il seguente scenario per il quale vorrei qualche aiuto:Microdata per prodotto con variazioni

desidero mettere microdati sulle pagine di prodotto per i quali, sulla pagina, non ci può essere di più variazioni dello stesso prodotto. Ogni variazione ha lo stesso nome, descrizione e immagine, ma ognuno ha il proprio SKU, colore, dimensione, peso e prezzo.

Nella pagina ho qualcosa di simile

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

E 'possibile microdati questo?

Grazie in anticipo

+0

Come su IndividualProduct? https://schema.org/IndividualProduct –

risposta

0

si potrebbe fare uso dell'attributo di Microdata itemref, in modo che non si dispone di duplicare i dati identici.

usando i itemprop attributi sui dati che è identico per tutti i prodotti, invia ogni proposta una id, ma non inserire queste proprietà all'interno di un 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> 

Su ogni prodotto (ciascuna rappresentata da una Product articolo), si elencano tutti i valori id nel suo attributo itemref:

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