2013-09-09 4 views
1

У меня возник вопрос о разметке описаний продуктов с использованием стандарта Microdata Schema.org.Schema Microdata Описание продукта Разметка

я видел в документации, описание среды продуктов будет размечено как:

<span itemprop="description">Some kind of product description.</span> 

Однако мне было интересно, как я правильно разметить страницу продукта, который Описание был распространен по нескольким тегам. Всегда ли мне нужно использовать тег <span>? Требуется ли для части itemprop="description" применять непосредственно к тегу родительского текста или я могу просто обернуть весь раздел?

Возьмите, например, часть страницы продукта для предмета одежды. Как бы я это обозначил?

<div class="productCopy"> 
    <p>Exclusive to us [brand name]. Three-quarter sleeved jersey dress in a burnout print devore fabric, with scoop neckline. Gather detail to side waist and mock wrap skirt. Fully lined.</p> 
    <ul class="features"> 
    <li>Length 41in/104cm. Sits below knee.</li> 
    <li class="ProductCopy">Hand wash.</li> 
    <li class="ProductCopy">90% Polyester, 10% Elastane. Lining: Polyester.</li> 
    <li>...other potential product features...</li> 
    </ul> 
    <ul class="characteristics"> 
    <li>Product available in sizes: 12, 14, 16, 18, 20, 22, 24, 26, 28, 30, 32 </li> 
    <li>Available in: Black, Wine</li> 
    <li>...other potential product characteristics...</li> 
    </ul> 
</div> 

И да, я знаю, что текущая разметка не очень - то, что я не имею права изменять в данный момент.

Спасибо за любой совет.

Adam

ответ

2

Вы можете просто обернуть. Так что если вы хотите, чтобы весь текст, чтобы быть описание вашего продукта, вы можете сделать что-л так:

<div itemscope itemtype="http://schema.org/Product"> 
    <div itemprop="description" class="productCopy"> 
    <p>Exclusive to us [brand name]. Three-quarter sleeved jersey dress in a burnout print devore fabric, with scoop neckline. Gather detail to side waist and mock wrap skirt. Fully lined.</p> 
    <ul class="features"> 
     <li>Length 41in/104cm. Sits below knee.</li> 
     <li class="ProductCopy">Hand wash.</li> 
     <li class="ProductCopy">90% Polyester, 10% Elastane. Lining: Polyester.</li> 
     <li>...other potential product features...</li> 
    </ul> 
    <ul class="characteristics"> 
     <li>Product available in sizes: 12, 14, 16, 18, 20, 22, 24, 26, 28, 30, 32 </li> 
     <li>Available in: Black, Wine</li> 
     <li>...other potential product characteristics...</li> 
    </ul> 
    </div> 
</div> 

который будет give вы

enter image description here

Или вы можете дать более детальную разметку, например, для обозначения конкретных характеристик.

Вы можете узнать больше о обработке данных microdata itemprop here (спецификация W3C).