aggregate-review-examples

(Difference between revisions)

Jump to: navigation, search
(adding me, jay, to participants list)
(adding another aggregate example)
Line 108: Line 108:
</nowiki></pre>
</nowiki></pre>
 +
=== hlisting, hproduct, haggregatereview/hreview, xoxo ===
 +
 +
<pre><nowiki>
 +
<div class="hlisting">
 +
<div class="hproduct">
 +
<ol>
 +
<li class="lister"><a href="http://storename.com">Store name</a></li>
 +
<li class="category"><a href="http://storename.com/tv-and-video">TV &#38; Video</a></li>
 +
<li class="category"><a href="http://storename.com/televisions">Televisions</a></li>
 +
<li>Product Info</li>
 +
</ol>
 +
<img src="http://images.storename.com/products/samsung-ln40a550.jpg" class="photo" alt="picture of samsung ln40a550" />
 +
<div class="fn"><span class="brand">Samsung</span> - 40" 1080p Flat-Panel LCD HDTV</div>
 +
<dl class="identifier">
 +
<dt>Model</dt>
 +
<dd>LN40A550</dd>
 +
<dt>SKU</dt>
 +
<dd>8749465</dd>
 +
</dl>
 +
<div class="haggregatereview">
 +
<div class="hreview">
 +
<span class="fn"><a href="http://storename.com/path/to/product" class="url"><img src="http://images.storename.com/images/misc/ratings_star_3_5.gif" alt="3.5 out of 5 stars"/></a></span><span class="rating">4.7</span> / <span class="best">5</span> (<span class="num">13</span> reviews)</div>
 +
</div>
 +
</div>
 +
<div class="price">$1,099.99</div>
 +
<ol class="xoxo">
 +
<li><h2>Specifications</h2>
 +
<dl>
 +
<dt>Warranty Terms - Parts</dt>
 +
<dd>1 year</dd>
 +
<dt>Warranty Terms - Labor</dt>
 +
<dd>1 year</dd>
 +
<dt>Product Height</dt>
 +
<dd>27" with stand (24-7/10" without)</dd>
 +
<dt>Product Width</dt>
 +
<dd>39-1/5"</dd>
 +
<dt>Product Weight</dt>
 +
<dd>61.5 lbs. with stand (54.5 lbs. without)</dd>
 +
<dt>Product Depth</dt>
 +
<dd>11-4/5" with stand (3-3/5" without)</dd>
 +
<dt>TV Type</dt>
 +
<dd>LCD Flat-Panel</dd>
 +
</dl>
 +
</li>
 +
</div>
 +
</div>
 +
</nowiki></pre>
== Existing Practices ==
== Existing Practices ==

Revision as of 18:34, 9 March 2009

Contents

The Problem

There are various services that provide aggregate ratings and reviews on the Web. How should this information be presented in microformat form? hReview is oriented towards individual reviews with ratings; can it also be used for presenting data from aggregate reviews?

Participants

Real-World Examples

Links to public web pages, either popular or insightful

Amazon

Bizrate

Citysearch

CNet Reviews

Download.com

Rotten Tomatoes

Yelp


Coded examples

(Note: examples may contain additional markup for positioning and presentation purposes to simulate live production markup)

aggregate reviews embedded in hproduct block

<div class="hproduct">
	<ol class="clearfloat" id="breadcrumbs">
		<li><a href="http://www.yoursite.com">Home</a></li>
		<li class="category"><a href="http://www.yoursite.com/computers/">Computers</a></li>
		<li class="category"><a href="http://www.yoursite.com/computers/networking/">Networking</a></li>
		<li class="category"><a href="http://www.yoursite.com/computers/networking/print-servers">Print Servers</a></li>
	</ol>
	<h1 class="n">NETGEAR 802.11g Wireless USB Print Server with 4-Port Switch</h1>
	<div id="topbox">
	<div class="rightcol">
		<img src="http://images.yoursite.com/images/products/7250/7250707_rb.jpg" alt="Image of NETGEAR WGPS606" class="photo" />
	</div>
	<div class="leftcol">
		<div class="infomain">
			<ul>
				<li>
					<strong>Brand: </strong><span class="brand">NETGEAR</span>
				</li>
				<li>
					<strong>Model: </strong><span class="model">WGPS606</span>
				</li>
				<li class="identifier">
					<span class="type">SKU: </span><span class="value">7250707</span>
				</li>
			</ul>
			<div class="haggregatereview">
				<div class="hreview">
					<span class="fn"><a href="http://images.yoursite.com/path/to/product" class="url"><img src="http://images.yoursite.com/images/misc/ratings_star_3_5.gif" alt="3.5 out of 5 stars"/></a></span><span class="rating">4.7</span> / <span class="best">5</span> (<span class="num">13</span> reviews)</div>
				</div>
			</div>
			<p class="description">
				Share a USB printer with others on your network; up to 54 Mbps; 2 USB ports; wireless Ethernet bridge mode with 4-port switch
			</p>
			<p>
				<span class="availability online">Available online</span>. <span class="shipping">Shipping: Usually leaves our warehouse in 1 business day. <span class="money">Estimated shipping cost: <abbr class="currency" title="USD" lang="en">$</abbr><span class="amount">6.99</span>.</span></span>
	
			</p>
			<p>
				<span class="availability instore">Available in our stores</span>. Store Pickup: Available at most stores
			</p>
			<p>
				<span class="availability specialorder">Not available for special order</span>.
			</p>
		</div>
		<div class="infoside">
			<span class="price regular"><span class="money"><strong>Price: </strong><abbr class="currency" title="USD" lang="en">$</abbr><span class="amount">99.99</span></span></span>
			<div>
				<a href="http://images.yoursite.com/path/to/buy/product" class="buy"><img src="http://images.yoursite.com/images/btn_add_to_cart.gif" alt="buy this product" /></a>
			</div>
		</div>
	</div>
</div>

hlisting, hproduct, haggregatereview/hreview, xoxo

<div class="hlisting">
	<div class="hproduct">
		<ol>
			<li class="lister"><a href="http://storename.com">Store name</a></li>
			<li class="category"><a href="http://storename.com/tv-and-video">TV & Video</a></li>
			<li class="category"><a href="http://storename.com/televisions">Televisions</a></li>
			<li>Product Info</li>
		</ol>
		<img src="http://images.storename.com/products/samsung-ln40a550.jpg" class="photo" alt="picture of samsung ln40a550" />
		<div class="fn"><span class="brand">Samsung</span> - 40" 1080p Flat-Panel LCD HDTV</div>
		<dl class="identifier">
			<dt>Model</dt>
			<dd>LN40A550</dd>
			<dt>SKU</dt>
			<dd>8749465</dd>
		</dl>
		<div class="haggregatereview">
			<div class="hreview">
				<span class="fn"><a href="http://storename.com/path/to/product" class="url"><img src="http://images.storename.com/images/misc/ratings_star_3_5.gif" alt="3.5 out of 5 stars"/></a></span><span class="rating">4.7</span> / <span class="best">5</span> (<span class="num">13</span> reviews)</div>
			</div>
		</div>
		<div class="price">$1,099.99</div>
		<ol class="xoxo">
			<li><h2>Specifications</h2>
				<dl>
					<dt>Warranty Terms - Parts</dt>
					<dd>1 year</dd>
					<dt>Warranty Terms - Labor</dt>
					<dd>1 year</dd>
					<dt>Product Height</dt>
					<dd>27" with stand (24-7/10" without)</dd>
					<dt>Product Width</dt>
					<dd>39-1/5"</dd>
					<dt>Product Weight</dt>
					<dd>61.5 lbs. with stand (54.5 lbs. without)</dd>
					<dt>Product Depth</dt>
					<dd>11-4/5" with stand (3-3/5" without)</dd>
					<dt>TV Type</dt>
					<dd>LCD Flat-Panel</dd>
				</dl>
			</li>
	</div>
</div>

Existing Practices

Proposal

See Also

aggregate-review-examples was last modified: Wednesday, December 31st, 1969

Views