{"id":391,"date":"2010-03-12T07:07:00","date_gmt":"2010-03-12T07:07:00","guid":{"rendered":"http:\/\/mccltd.net\/blog\/?p=391"},"modified":"2010-03-12T07:07:00","modified_gmt":"2010-03-12T07:07:00","slug":"html5-rich-snippets","status":"publish","type":"post","link":"http:\/\/darenmatthews.com\/blog\/?p=391","title":{"rendered":"HTML5 – Rich Snippets"},"content":{"rendered":"

HTML5 is the fifth major revision of HTML, the core language of the World Wide Web. The HTML5 specification includes a description of microdata<\/strong>, a new markup standard for specifying structured information within web pages.Google have announced support for microdata for use in rich snippets<\/a> in addition to our existing support for microformats and RDFa. By using microdata markup in your web pages, you can specify reviews<\/a>, people profiles<\/a>, or events<\/a> information on your web pages that Google may use to improve the presentation of your pages in Google search results.<\/p>\n

Here is a simple HTML block showing a section of a review of \u201cL\u2019Amourita Pizza\u201d:
\n
\n<div>
\n<h1>Review: L\u2019Amourita Pizza<\/h1>
\nWritten by Bob Smith
\nJan 15, 2010
\nRated <b>4.5<\/b> – Excellent
\n<\/div><\/span><\/p>\n

Here is the same HTML with microdata added to specify the restaurant being reviewed, the author and date of the review, and the rating:<\/p>\n

\n<div itemscope itemtype=\u201dhttp:\/\/data-vocabulary.org\/Review\u201d<\/strong><\/span>>
\n<h1>Review: <span itemprop=\u201ditemreviewed\u201d<\/strong><\/span>>L\u2019Amourita Pizza<\/span><\/h1>
\nWritten by <span itemprop=\u201dreviewer\u201d<\/strong><\/span>>Bob Smith<\/span>
\n<time itemprop=\u201ddtreviewed\u201d datetime=\u201d2010-01-15\u201d><\/strong><\/span>Jan 15, 2010<\/time><\/strong><\/span>
\nRated <b itemprop=\u201drating\u201d<\/strong><\/span>>4.5<\/b> – Excellent
\n<\/div><\/div>\n

Microdata has the nice property of balancing richness with simplicity. As you can see, it\u2019s easy to add markup to your pages using a few HTML attributes like itemscope (to define a new item), itemtype (to specify the type of item being described), and itemprop (to specify a property of that item). Once you\u2019ve added markup to a page, you can test it using the rich snippets testing tool<\/a> to make sure that Google can parse the data on your page.<\/p>\n

As with microformats and RDFa, the vocabulary that we support — including which item types and item properties are understood by Google — is specified in our rich snippets documentation as well as on data-vocabulary.org. Marking up your content does not guarantee that rich snippets will show for your site; Google will expand the use of microdata markup gradually to ensure a great user experience.<\/p>\n

To get started, here are some helpful links:<\/p>\n