product-examples-fr

From Microformats Wiki
Jump to navigation Jump to search

Exemples de Produits

Ceci est une page exploratoire pour documenter les exemples de produits actuellement publiés sur le web. Généralement les métadonnées associées à ce contenu sont stockées dans un balisage no-sémantique et avec de formats propriétaires. L'objectif de l'étude de cette page est de servir d'historique pour le design d'un microformat simple et distribué pour les produits.


Auteurs

  • Aaron Gustafson
  • Adam Craven
  • Craig Cook
  • Ronnos
  • (traduction en cours Christophe Ducamp)

Exemples

Amazon

CD

  • achat - contient des données non structurées
    • album (nom du produit)
    • artiste
  • prodImage
  • listedeprix
  • prix (prix véritable et "vous économisez")
  • détailsproduit - contient des données non structurées
    • format
    • date de sortie
    • # de disques
    • label
    • ASIN

Livre

  • achat - contient des données non structurées
    • title (nom du produit)
    • format
    • author
  • prodImage
  • listprice
  • price (prix véritable et "vous économisez")
  • productDetails - contient des données non structurées
    • format
    • page count
    • publisher
    • publication date
    • language
    • ISBN
    • dimensions
    • weight

Jeu Vidéo

  • buying - contient des données non structurées
    • title (nom du produit)
    • publisher
    • platform
  • prodImage
  • listprice
  • price (actual price and "you save")
  • bucket (game info)
    • ESRB Rating
    • genre
  • productDetails - contains unstructured data
    • ASIN
    • SKN
    • release date

Produits d'extérieur

  • buying - contient des données non structurées
    • product name
    • brand
  • prodImage
  • listprice
  • price (prix véritable et "vous économisez")
  • bucket (fonctionnalités du produit)
  • productDetails - contient des données non structurées
    • dimensions
    • weight
    • ASIN
    • model number

Buy.com

CD

  • productTitle
  • artist (non structuré)
  • image (non structuré)
  • mainPricSection - contient des données non structurées
    • actual price
    • shipping
    • total (augmenté par la quantité)
  • prodPriceSec_2 - en fait les détails produits
    • format
    • release date
    • label
    • SKU
    • item #
  • prodInfoSec_1 - détails supplémentaires
    • description

Livres

  • 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

Jeu Vidéo

  • 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

Habillement

Liez vers des produits plutôt que le produit véritable disponible à la vente. Utilisez les idées de rel-product pour lier vers le magasin.

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

Balisage :

<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">Color:</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

En outre le site a des liens vers les produits sur Amazon.

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

Balisage :

<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">Ogdens' 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>


L'utilisation de noms de propriétés non visibles a rendu possible le fait d'avoir une propriété invisible dartist'. Avoir 'Artist: Small Faces' n'était pas dans la spécification visuelle du site de Ben Sherman.

Atomic Books

Books

  • Image
    • Thumbnail
  • Product
    • Title (productname)
    • Author
    • Publisher
  • Properties
    • Page Count
    • Size
  • Notes
  • Date Published (can be in future to indicate "not yet released")


Walmart

Cell phone

  • Productname
  • Photo's (Photo)
    • Productimage (Pdi)
    • Thumbnails (PdiThumbs)
  • Price (PriceInfo)
    • Productprice (ProdPrice)
    • Shipping options (Ship)
    • Availability (Avail)
    • Pricing options (PriceOptions)
  • Description (Description)
  • Features
  • Included Accessories

Voir aussi