HTML5扩展之微数据与丰富网页摘要

业余草 业余草 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年,写一次发全网 我也要 + 加入社区
人们提到 HTML5 都会顺带一句支持 RDFa,微数据,微格式,使得搜索引擎能更好地了解网页内容和结构。在谷歌、百度上找了下,国内介绍微数据(Microdata)的文章屈指可数,大型网站案例只发现了大众点评。
于是自己修改了1本书的网页代码,使之符合微数据标准,验证了下效果如图所示:


网址下面的1行就是微数据在谷歌搜索结果中的富摘要信息。
虽然效果是达到了,但是网页代码被改得较为冗余。
微数据实例
普通写法:
<div>
我的名字是业余草,但大家叫我涛哥。我的个人首页是:
<a href="http://www.xttblog.com">www.xttblog.com</a>
我住在上海市浦东新区。我是工程师,目前在创业。
</div>

微数据写法:
<div itemscope itemtype="http://data-vocabulary.org/Person">
我的名字是<span itemprop="name">业余草</span>,
但大家叫我<span itemprop="nickname">涛哥</span>。
我的个人首页是:
<a href="http://www.xttblog.com" itemprop="url">www.xttblog.com</a>
我住在上海市浦东新区。我是<span itemprop="title">工程师</span>,
目前在<span itemprop="affiliation">创业</span>。
</div>

关于微数据你怎么看?说出你的看法和实践!
微数据知识学习地址:HTML5 微数据 RDFa/微格式
HTML5 扩展之微数据语法教程
...全文

相关推荐

评论 33
收藏 已收藏
分享
返回顶部
业余草
业余草 优质创作者: Java技术领域 优质创作者: Java技术领域领域专家: 后端开发技术领域 领域专家: 后端开发技术领域
HTML5 43,737 成员 5,572 内容