原文：http://www.ghugo.com/web-seo-microdata/
本文属“锤子斡面”实操篇，拿易迅商详页演示如何应用microdata。
什么是microdata？
一句话解释：一种语义化的数据规范约定，HTML5语义标准之一。（具体可问度娘谷哥维基。）
参考：
http://en.wikipedia.org/wiki/Microdata_(HTML)
http://html5doctor.com/microdata/
http://www.whatwg.org/specs/web-apps/current-work/multipage/microdata.html
为什么用microdata？
搜索引擎优化（SEO）,应用microdata后可在搜索结果中为用户展示更突出更丰富的信息，增强用户体验。
目前支持microdata的搜索引擎有：
谷歌(google)、微软（Bing），雅虎（yahoo）
至于百度嘛…
知乎给的答案是:（http://www.zhihu.com/question/19918861/answer/17189722）
目前需人工在百度 站长平台中提交网址，如下图所示。
如何应用microdata？
准备工作
1，锤子2把
https://www.google.com/webmasters/markup-helper/?hl=en
http://www.google.com/webmasters/tools/richsnippets
2，页面一团
http://item.51buy.com/item-412804.html (ipone5 易迅网商详)
步骤1-锤打面团，打入microdata标志
a，打开markup-helper，
b，选择microdata的数据类型为Products
c，输入面团地址
d，点击“开始打标”
e，然后你到了这个“可视化打标”的界面
使用方法很简单，选中页面中的内容，右键选择该内容对应的microdata属性即可。
步骤2，打标完毕后，点击生成HTML
对应的附带了microdata的html代码如下：
步骤3，参考步骤2生成的HTML代码，合到我们自己的代码中去
通过上面三个步骤，你可以基本了解如何给页面添加microdata标志了。
但是，
microdata的数据类型是可以嵌套组合的，
例如易迅商详的microdata，
除了基本的产品信息Product（http://schema.org/Product），
还可以有表示评论的Review（http://schema.org/Review），
表示组合价格的AggregateOffer（http://schema.org/AggregateOffer），
甚至相关商品推荐（http://schema.org/SomeProducts）。
这么大的信息量单纯靠谷歌的这个工具来做不大靠谱，所以建议进一步了解microdata作用域的概念，了解各个数据类型的语义，最终可以手工在页面中添加microdata。
如何检验应用了microdata的页面的效果？
借助第2个工具（http://www.google.com/webmasters/tools/richsnippets），可以检验html代码的microdata数据。
方法也相当的简单：
1，对于线上页面
直接在URL这里输入网址，然后点击预览即可。
优化前的易迅商详预览结果：
2，对于本地页面
直接在HTML中黏贴完整的html代码，点击预览
优化后的易迅商详预览结果：
Happy Microdata!
最后，本文整理自组内levinhuang的分享！
