文档章节

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

c
 christina_12345
发布于 2014/03/07 23:24
字数 598
阅读 271
收藏 15

人们提到 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

本文转载自:http://www.zhihu.com/question/21856522

c
粉丝 1
博文 21
码字总数 1711
作品 0
西城
程序员
私信 提问
扣丁学堂HTML5培训课程怎么样

  在如今,随着移动互联网技术的发展和进步,比如HTML5在移动互联端的应用,让更多人了解到它的丰富性趣味性便利性,但HTML5就包括这些么?扣丁学堂HTML5培训课程怎么样?零基础能学会么?...

扣丁学堂
2018/06/01
0
0
分享28本关于HTML5的学习书籍(免费下载)

分享28本关于HTML5的学习书籍(免费下载) 1、用HTML5新特性开发移动App 2、用HTML5CSS3实现媲美原生应用的交互体验 3、改善HTML5网页性能-译 4、WEB_HTML5在LBS社区中的应用 5、WebQQ_3.0:...

邓剑彬
2012/11/30
1K
6
好程序员告诉你HTML好在哪里,为什么值得我们学习

好程序员告诉你HTML好在哪里,为什么值得我们学习,HTML5对于用户来说,提高了用户体验,加强了视觉感受。HTML5技术在移动端,能够让应用程序回归到网页,并对网页的功能进行扩展,用户不需要...

好程序员IT
04/28
0
0
知识普及:天煞的HTML5到底是个什么东西

HTML5开始大热标志性的事件是苹果前CEO Steve Jobs 公开炮轰Adobe Flash,并指出Flash在移动终端的不利因素,而且HTML5将获得胜利。顿时IT界、数字营销界、数字媒体界等相关领域的人开始一窝...

张金富
2011/12/28
4.5K
8
精选9个值得学习的 HTML5 效果【附源码】

这里精选了一组很酷的 HTML5 效果。HTML5 是现 Web 开发领域的热点, 拥有很多让人期待已久的新特性,特别是在移动端,Web 开发人员可以借助 HTML5 强大功能轻松制作各种交互性强、效果丰富的...

赵小宾
2014/11/27
0
0

没有更多内容

加载失败,请刷新页面

加载更多

PostgreSQL build

https://buildfarm.postgresql.org/cgi-bin/show_log.pl?nm=lumpsucker&dt=2019-06-23%2020%3A57%3A27...

MtrS
今天
3
0
八、Docker Swarm

Docker Swarm有两件事:一个企业级的Docker主机安全集群,另一个是用于协调微服务应用程序的引擎。 在集群方面,它将一个或多个Docker节点组合在一起,并允许你将他们作为一个集群来管理。开...

倪伟伟
昨天
7
0
Fragment懒加载其实很简单

前言 记得去年面试的时候, 面了一家小公司, 那个面试官问我, fragment的懒加载做过吗?我说没做过(确实没做过).后来面试快结束了, 又问我, 懒加载没做过是吗?后来可想而知也没收到offer, (ಥ_...

天王盖地虎626
昨天
5
0
聊聊dubbo的TimeoutFilter

序 本文主要研究一下dubbo的TimeoutFilter ListenableFilter dubbo-2.7.2/dubbo-rpc/dubbo-rpc-api/src/main/java/org/apache/dubbo/rpc/ListenableFilter.java public abstract class Liste......

go4it
昨天
9
0
方法与数组

方法 方法就是完成特定功能的代码块;在很多语言里面都有函数的定义,函数在Java中被称为方法 格式: 修饰符 返回值类型 方法名(参数类型 参数名1,参数类型 参数名2…) throw 异常{ 函数体;...

凹凸凸
昨天
10
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部