如何借助HTML5微数据优化网页?

人们提到 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 对于微数据的详细介绍 Microdata - Dive Into HTML5 谷歌结构化数据测试工具 Google Structured Data Testing Tool

转载于:https://my.oschina.net/u/1454488/blog/206213

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值