微格式、微数据

一、微格式

定义:

微格式就是建立在已有的 被广泛采用的标准基础之上的一组简单的, 开放的数据格式。微格式附加在通常用于添加样式的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
这个工具会检测你提供的页面,展示谷歌从中提取出来的语义数据以及谷歌如何利用这些数据定制该页面在用户搜索结果中显示的方式

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,771评论 19 139
  • 国家电网公司企业标准(Q/GDW)- 面向对象的用电信息数据交换协议 - 报批稿:20170802 前言: 排版 ...
    庭说阅读 13,894评论 6 13
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,823评论 25 709
  • 有一个会撩的女朋友是什么体验? 撩汉这种技能,又称为“直男斩”。 女友实力撩汉吼性福! 有的男生很擅长说黄段子,但...
    我是千千玲阅读 20,065评论 0 0
  • 1,从视听说Unite3 Page65我学到的概念:一定要珍惜自己身边的家人和朋友! 2,我在本篇学到的怦然心动的...
    17数438张菲菲阅读 1,527评论 1 3