Mar 30, 2012
Here is an update on our most recent product feature: 10Commerce now uses Microformats.
WHATWG came up with Microformats, a specification that helps search engines access and process data semantically from web pages. Microformats helps technologies such as search engines and web crawlers better understand what information is contained in a web page. And because it helps the search engines understand the content better, the search engines pass on the benefit to its users. So the users can better understand what the pages contain before they even click on them.Makes for a better web, doesn’t it?
For those who are more technically minded, please read on.
Here is the news release from Google talking about its’ support of Microformats – http://bit.ly/Hmrre2
Microformats can be used to include data on multiple data types. A few relevant ones are included below:
- Microformats for e-commerce: for products, offers, reviews, etc.
- Microformats for people
- Microformats for events
- Microformats for local businesses, addresses, etc
Terms used for Microformats in Code part
- itemscope – Creates the Item and indicates that descendants of this element contain information about it.
- itemtype – A valid URL of a vocabulary that describes the item and its properties context.
- itemid – Indicates a unique identifier of the item.
- itemprop – Indicates that its containing tag holds the value of the specified item property. The properties name and value context are described by the items vocabulary. Properties values usually consist of string values, but can also use using the a element and itshref attribute, the
imgelement and its
srcattribute, or other elements that link to or embed external resources
- itemref – Properties that are not descendants of the element with the itemscope attribute can be associated with the item using this attribute. Provides a list of element itemids with additional properties elsewhere in the document.
MicroFormats in Ecommerce
Here is an example of Microformats being used in Amazon.com
Reviews , Product Price and Product stock are the microdata. Google analyzes the product detail page that it crawled through using the microformats / microdatas as its guide and shows the result on its search engine as shown above.
<div itemscope itemtype=”http://schema.org/Product”>
<span itemprop=”name”>Sony 24inch TV</span>
<span itemprop=”availability”>In Stock</span>
<span itemprop=”identifier”>ISBN </span>
The above is the code you would need to include in your product detail page.
If you would like to test out how your page / site works using microformats you can test it out using the following tool:
Some reference sites for further reading:
Rajasekar, is the Web Technologies Developer at Tenovia Solutions, an Ecommerce product and services company. Besides implementing complex customer requirements he loves to constantly be on the lookout for cool web features being introduced across the web.