一、微格式
定义:
微格式就是建立在已有的 被广泛采用的标准基础之上的一组简单的, 开放的数据格式。微格式附加在通常用于添加样式的class属性上。微格式主要包括hCard,hCalendar,hAtom等。
关于微格式的详细用法:http://microformats.org/wiki
eg.
<div class="vcard">
<a class="url fn" href="http://www.baidu.com/">Paul Henan</a>
<div class="org">International Man of Mystery</div>
</div>
二、微数据
定义:
首先通俗地介绍一下,微数据是在如 span、div 的标签内添加属性,让机器(如搜索引擎)识别其意义,一些特定类型的信息,例如评论、人物信息或事件都有相应的属性,用来描述其意义。
语法:
在一项微数据的最外层 div ,需要用 itemscop(表示开始一段新的语义内容) 标识,并用 itemtype 指定微数据类型, itemtype 的值是一个 url ,用于引入一个微数据词汇表(即各种微数据的类型定义),可以使用 http://schema.org(推荐使用) 或是 http://data-vocabulary.org
在用 itemscop 标识了的元素内使用 itemprop 属性添加微数据,itemprop 的值为 HTML 标签包含的内容(如例子中的 reviewer 和 description ),又或是标签的属性值(如例子中的 dtreviewed,取 datatime 的值为属性值)。
eg.
<div itemscope itemtype="http://data-vocabulary.org/Review">
<span itemprop="reviewer">Kayo</span>
<span itemprop="dtreviewed" datatime="2012-02-06T22:30:30.50+08:00">2012年2月6日 22:30</span>
<span itemprop="description">评论内容</span>
</div>
三、相关工具
1、Chrome扩展Semantic Inspector
安装好扩展之后,点上图所示图标就可以显示对应网页的元数据结构了
2、谷歌结构化数据测试工具
https://search.google.com/structured-data/testing-tool
这个工具会检测你提供的页面,展示谷歌从中提取出来的语义数据以及谷歌如何利用这些数据定制该页面在用户搜索结果中显示的方式