product-examples

From Microformats Wiki
Revision as of 17:12, 17 January 2007 by Adam Craven (talk | contribs) (→‎CDs)
Jump to navigation Jump to search

Product Examples

This is an exploratory page to document product examples currently published around the web. Typically, the metadata associated with this content is stored in non-semantic markup and proprietary formats. The purpose of the studies on this page is to serve as background for the design of a simple distributed product microformat.

Authors

  • Aaron Gustafson
  • Adam Craven
  • Craig Cook

Examples

Amazon

CD

  • buying - contains unstructured data
    • album (product name)
    • artist
  • prodImage
  • listprice
  • price (actual price and "you save")
  • productDetails - contains unstructured data
    • format
    • release date
    • # of discs
    • label
    • ASIN

Book

  • buying - contains unstructured data
    • title (product name)
    • format
    • author
  • prodImage
  • listprice
  • price (actual price and "you save")
  • productDetails - contains unstructured data
    • format
    • page count
    • publisher
    • publication date
    • language
    • ISBN
    • dimensions
    • weight

Video Game

  • buying - contains unstructured data
    • title (product name)
    • publisher
    • platform
  • prodImage
  • listprice
  • price (actual price and "you save")
  • bucket (game info)
    • ESRB Rating
    • genre
  • productDetails - contains unstructured data
    • ASIN
    • SKN
    • release date

Outdoor Product

  • buying - contains unstructured data
    • product name
    • brand
  • prodImage
  • listprice
  • price (actual price and "you save")
  • bucket (product features)
  • productDetails - contains unstructured data
    • dimensions
    • weight
    • ASIN
    • model number

Buy.com

CD

  • productTitle
  • artist (unstructured)
  • image (unstructured)
  • mainPricSection - contains unstructured data
    • actual price
    • shipping
    • total (augmented by quantity)
  • prodPriceSec_2 - actually product details
    • format
    • release date
    • label
    • SKU
    • item #
  • prodInfoSec_1 - additional details
    • description

Book

  • productTitle
  • author (unstructured)
  • image (unstructured)
  • mainPricSection - contains unstructured data
    • actual price
    • shipping
    • total (augmented by quantity)
  • prodPriceSec_2 - actually product details
    • format
    • ISBN
    • publication date
    • publisher
    • dimensions
    • SKU
    • item #
  • prodInfoSec_1 - additional details
    • description

Video Game

  • productTitle
  • image (unstructured)
  • mainPricSection - contains unstructured data
    • actual price
    • shipping
    • total (augmented by quantity)
  • prodPriceSec_2 - actually product details
    • format
    • release date
    • publisher
    • sku
  • prodInfoSec_1 - additional details
    • description

TV

  • productTitle
  • image (unstructured)
  • mainPricSection - contains unstructured data
    • list price (msrp)
    • you save
    • price
    • shipping
    • actual price
  • prodPriceSec_2 - actually product details
    • manufacturer (brand)
    • part #
    • SKU
    • item #
  • prodInfoSec_1 - additional details
    • description
  • prodInfoSec_2 - tech specs (unstructured)
    • type (product description summary)
    • display area
    • native resolution
    • contrast ratio
    • viewing angles
    • power
    • weight
    • warranty
    • etc.


Ben Sherman

Clothes

Link to product rather than actual product immediately available for sale. Personally marked-up and used rel-product ideas to link to the shop.

  • Image
    • Thumbnail
  • Product
    • Type
    • Title
  • Properties
    • Colour
  • Link
    • Buy this Online (rel=product)

Mark-up:

<div class="hproduct">
	<img src="#" alt="polo shirt" class="product-thumb" />
	<h3 class="product-type">Polo Shirt</h3>
	<h4 class="product-title">Coxmoor</h4>
	<p class="p-v"><span class="property">Colour:</span> <span class="value">289 Rush</span></p>
	<p><a href="poloshirt/coxmoor/" title="Buy This Online" rel="product">Buy This Online</a></p>
</div>

CDs

Additionally the site has links to products on Amazon.

  • Image
    • Thumbnail
  • Product
    • Title
  • Properties
    • Artist
  • Link
    • Buy this Online (rel=product)
  • Currency implementation


<div class="hproduct">
	<a href="#" rel="product"><img src="assets/images/timeline/amazon/small-faces.gif" alt="Small Faces Album" class="product-thumb" /></a>
	<h3 class="product-title"><a href="#" rel="product">Nut Gone Flakes</a></h3>
	<h4 class="p-v"><span class="property artist">Small Faces</span></h4>
	<p class="product-buy"><a href="#" title="Buy this online" rel="product">Buy from Amazon</a></p>
	<p class="money"><abbr class="currency" title="GBP">£</abbr><span class="amount">6.99</span></p>
</div>


The use of Non-visible property names made it possible to have an invisible property of 'artist'. Having Artist: The Kinks was not in the visual specification of the Ben Sherman site.

See Also