如何使用 HTML5 微数据优化网页

纯 SEO 技术探讨，不涉及软文，外链。人们提到 HTML5 都会顺带一句支持 RDFa，微数据，微格式，使得搜索引擎能更好地了解网页内容和结构。在谷歌、百度上找了下，国内介绍微数据(Microdata)的文章屈指可数，大型网站案例只发现了大众点评。于是自己修改了1本书的网页代码，使之符合微数据标准，验证了下效果如图所示 网址下面的1行就是微数据在谷歌搜索结果中的富摘要信息。虽然效果是达到了，但是网页代码被改得较为冗余。现在的网页结构是这样的head 容器里加入传统的 RDFa rel=author G 作者信息body 标签里加 itemtype=WebPage 网页第1个 div 是 itemprop=breadcrumb 面包屑导航第2个 div 是 itemtype=Book 书籍itemprop=name 书名itemprop=image 封面itemprop=isbn 国际通用标准书号itemprop=author 作者itemprop=publisher 出版社itemprop=datePublished 出版日期itemprop=bookEdition 版次itemprop=bookFormat 装帧itemprop=numberOfPages 页数itemprop=inLanguage 使用文字第3个 div 是 itemprop=aggregateRating 评分汇总(引用自 MG12 的文章)itemprop=ratingValue 评分值itemprop=reviewCount 书评条数第4个 div 是 itemtype=Review 书评itemprop=name 书评标题itemprop=author 书评作者itemprop=datePublished 发布日期itemprop=reviewRating 书评打分itemprop=reviewBody 书评内容第5个div 是 itemtype=Offer 报价itemprop=price 售价itemprop=priceCurrency 售价货币单元itemprop=availability 有无库存问题1. itemprop=name 与 h1，title 相同，都是告诉搜索引擎这个页面的名字。如果不加3者中的任一1项，不符合站内优化准则。但是全加上，又有堆砌关键词嫌疑，需要如何取舍？2. 微数据词汇表里找不到“书籍-目录”这项，是否用原始的 li 标签标识书的目录？3. 单纯的书评页面里若不用 itemprop=aggregateRating，只用 itemtype=Review 里的 itemprop=reviewRating 验证后不显示评分星数，是否一定要在书评里添加评分汇总？参考资料在谷歌工作过的 Mark Pilgrim 对于微数据的详细介绍 http://diveinto.html5doctor.com/extensibility.html谷歌结构化数据测试工具 http://www.google.com.hk/webmasters/tools/richsnippets 追加问题 代码优化 举报 2013-10-20 发布6,443 次浏览 最新问题 如何才能获取快速收录权限(16 分钟前) 游戏网站收录了7000多 关键词也80多个 流量却少的可怜(45 分钟前) 我的网站已经建站很久了，百度一直没有收录(57 分钟前) 我的站收录2万多条，关键词排名全没了。。。(1 小时前) site有结果页没有是不是被K了(1 小时前)   新域名，新站，今天第3个月，百度出现秒收录了，如何保持住，如何起飞！(1 小时前) 你们真正意义上互联网第一桶金是怎么赚取的？(2 小时前) 收录也不给权重 怎么办了(2 小时前) 想买一个有百度快速收录权限的域名(3 小时前) 用wp搭了一个网站，经常会出现打不开的情况，重启服务器后就能正常打开，这是什么原因？(4 小时前) .question-ccx {display: flex;width: 100%;margin: 0 auto;padding: 0;}.question-ccx .sw-area {width: 50%;padding: 12px 26px 10px 26px;box-shadow: none;float: left;}.question-ccx .sw-area ul li {padding: 3px 0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: flex;}.question-ccx .sw-area ul li a{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}.question-ccx .sw-area span {color: #999;}.question-ccx .side-reward span {color: #ec5a12;}.question-ccx .sw-area .mod-head {padding-bottom: 5px;}.question-ccx .side-reward {border-left: 1px solid #e0e8ee;float: right;}.question-ccx .sw-area ul li:nth-child(5) {display: none;}.ccx-question { border: 1px solid #e4eaee; overflow: hidden; padding: 20px 0; display: flex; width: 100%;}.ccx-new-question { width: 50%; padding: 0 20px;}.ccx-new-question li { height: 36px; line-height: 36px; border-bottom: 1px dashed #e2e2e2; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}.ccx-new-question li:last-child { border-bottom: none;} 分享到微信 收藏 关闭 没有找到相关结果 已邀请: --> .ccx-img {padding: 0; margin: 0 auto; width: 100%;position: relative;} .ccx-img_l {float: left; width: 49%;} .ccx-img_r {float: right;width: 49%;} .ccx-img img {width: 100%;border-radius: 8px;} 交换友情链接，就用搜外友链，方便！ 2 人参与回答 吴树钊·SEO，还有一个老实的地方，搜外问答这是一篇难得的文章，记录下

这是一篇难得的文章，记录下

感谢分享干货，毫无疑问 HTML5 又向 WEB 标准（XML）跨了一大步，这无论是对于搜索引擎而言，还是对于数据整合、组织、分享、协作而言，都是最佳的选择。