头图

一、微数据介绍

Microdata是在网页中提供额外语义的标准方式。

Microdata可定义自己的自定义元素,并开始在网页中嵌入自定义属性。在高水平上,微数据由一组名称 - 值对组成。

微数据使用来自自定义词汇表的、带作用域的名/值对来给DOM做标记,微数据的本质就是JSON。

二、微数据实际应用举例

一般写法:

<div>
  我的名字是大熊,但大家叫我小熊。我的个人首页是:
  <a href="http://www.example.com">www.example.com</a>
  我住在徐州市。我是工程师,目前在科技公司上班。
</div>

而如果使用针对人物的微数据标记,则HTML会如下:

<div itemscope itemtype="http://data-vocabulary.org/Person">
  我的名字是<span itemprop="name">大熊</span>,
  但大家叫我<span itemprop="nickname">小熊</span>。
  我的个人首页是:
  <a href="http://www.example.com" itemprop="url">www.example.com</a>
  我住在徐州市。我是<span itemprop="title">工程师</span>,
  目前在<span itemprop="affiliation">科技公司</span>上班。
</div>

HTML代码量多了不少,还出现了很多自定义的属性,如itemscope, itemtype, itemprop等。这些属性就是方面机器识别的特定的标记。

Live Microdata对上面的HTML代码跑一下:

{
  "items": [
    {
      "type": [
        "http://data-vocabulary.org/Person"
      ],
      "properties": {
        "name": [
          "大熊"
        ],
        "nickname": [
          "小熊"
        ],
        "url": [
          "http://www.example.com/"
        ],
        "title": [
          "工程师"
        ],
        "affiliation": [
          "科技公司"
        ]
      }
    }
  ]
}

三、属性介绍

属性描述
itemscope声明所使用的作用域
itemtype微数据定义的类型。其值为URL,扮演词汇表名称的作用
itemid允许词汇表给微数据项定义一个全局标识符,例如书的ISBN数值,在同样元素上使用itemid作为数据项的itemscope和itemtype属性
itemprop添加一个数据项属性
itemref此属性提供了一个附加元素列表,用于爬网以查找该项目的名称 - 值对。

itemref 使用举例

<p itemscope itemref="test-members">我要去看<span itemprop="name">flower</span>的演唱会,好开心</p>
<span id="test-members" itemprop="members" itemscope>flower 的成员是
  <span itemprop="name">小乐</span>,
  <span itemprop="name">田甜</span>和
  <span itemprop="name">华立</span>
</span>
{
  "items": [
    {
      "properties": {
        "name": [
          "flower"
        ],
        "members": [
          {
            "properties": {
              "name": [
                "小乐",
                "田甜",
                "华立"
              ]
            }
          }
        ]
      }
    }
  ]
}

上面的定义通过引用ID test-members包含了members项的三个成员名称属性,每个都是不一样的值。

四、总结

微数据是为了方便机器识别而产生的东西,有特定的规范和特定的格式,可以丰富搜索引擎的网页摘要。

写在最后

词汇表介绍

  1. schema.org词汇表
  2. Google丰富摘要词汇表
  3. WHATWG/microformats.org词汇表

园中桥
49 声望0 粉丝

愿你眼中总有光芒,活成自己想要的模样。


« 上一篇
razor