ref : https://search.google.com/structured-data/testing-tool/
Ref : http://codepen.io/liao/pen/waaamx
Ref : https://support.google.com/webmasters/answer/6001102?hl=zh-Hant&utm_source=wmx&utm_campaign=links
content -> itemprop="description"
<div class="block" >
<div class="block-leftArea">
<ul class="block-product-list">
<li itemscope itemtype="http://schema.org/Product">
<img itemprop="image" class="img" src="http://placehold.it/96x96" />
<h2 class="title" itemprop="name">title Lorem</h2>
<p class="content" itemprop="description">:
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint, illum Lorem ipsum dolor sit amet....
</p>
</li>
</ul>
</div>
<div class="block-rightArea">
<img src="http://placehold.it/208x208" />
</div>
</div>
老師的範例程式:
Or you can jump di rectly to a commonly used type:
- Creative works: CreativeWork, Book, Movie, MusicRecording, Recipe, TVSeries ...
- Embedded non-text objects: AudioObject, ImageObject, VideoObject
- Event
- Health and medical types: notes on the health and medical types under MedicalEntity.
- Organization
- Person
- Place, LocalBusiness, Restaurant ...
- Product, Offer, AggregateOffer
- Review, AggregateRating
- Action
example 1
- <div itemscope itemtype="http://schema.org/Product">
- <span itemprop="name">Kenmore White 17" Microwave</span>
- <img itemprop="image" src="kenmore-microwave-17in.jpg" alt='Kenmore 17" Microwave' />
- <div itemprop="aggregateRating"
- itemscope itemtype="http://schema.org/AggregateRating">
- Rated <span itemprop="ratingValue">3.5</span>/5
- based on <span itemprop="reviewCount">11</span> customer reviews
- </div>
- <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
- <!--price is 1000, a number, with locale-specific thousands separator
- and decimal mark, and the $ character is marked up with the
- machine-readable code "USD" -->
- <span itemprop="priceCurrency" content="USD">$</span><span
- itemprop="price" content="1000.00">1,000.00</span>
- <link itemprop="availability" href="http://schema.org/InStock" />In stock
- </div>
- Product description:
- <span itemprop="description">0.7 cubic feet countertop microwave.
- Has six preset cooking categories and convenience features like
- Add-A-Minute and Child Lock.</span>
- Customer reviews:
- <div itemprop="review" itemscope itemtype="http://schema.org/Review">
- <span itemprop="name">Not a happy camper</span> -
- by <span itemprop="author">Ellie</span>,
- <meta itemprop="datePublished" content="2011-04-01">April 1, 2011
- <div itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating">
- <meta itemprop="worstRating" content = "1">
- <span itemprop="ratingValue">1</span>/
- <span itemprop="bestRating">5</span>stars
- </div>
- <span itemprop="description">The lamp burned out and now I have to replace
- it. </span>
- </div>
- <div itemprop="review" itemscope itemtype="http://schema.org/Review">
- <span itemprop="name">Value purchase</span> -
- by <span itemprop="author">Lucas</span>,
- <meta itemprop="datePublished" content="2011-03-25">March 25, 2011
- <div itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating">
- <meta itemprop="worstRating" content = "1"/>
- <span itemprop="ratingValue">4</span>/
- <span itemprop="bestRating">5</span>stars
- </div>
- <span itemprop="description">Great microwave for the price. It is small and
- fits in my apartment.</span>
- </div>
- ...
- </div>
example3
- <div itemscope itemtype="http://schema.org/ItemList">
- <link itemprop="url" href="http://multivarki.ru?filters%5Bprice%5D%5BLTE%5D=39600" />
- <span itemprop="numberOfItems">315</span>
- <div itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
- <img alt="Photo of product" itemprop="image"
- src="http://img01.multivarki.ru.ru/c9/f1/a5fe6642-18d0-47ad-b038-6fca20f1c923.jpeg" />
- <a itemprop="url" href="http://multivarki.ru/brand_502/">
- <span itemprop="name">BRAND 502</span>
- </a>
- <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
- <span itemprop="price">4399 р.</span>
- </div>...
- <div itemprop="itemListElement" itemtype="http://schema.org/Product">
- ...
- </div>
- </div>
- </div>
沒有留言:
張貼留言