HTML5 微数据规范

九月 21st, 2012 Categories: HTML5, 知识原野

关于微数据

HTML5 微数据规范是一种标记内容以描述特定类型的信息,例如评论、人物信息或事件。每种信息都描述特定类型的项,例如人物、事件或评论。例如,事件可以包含 venue、starting time、name 和 category 属性。

微数据使用 HTML 标记(常为 <span> 或 <div>)中的简单属性为项和属性指定简要的描述性名称。以下示例是一个简短的 HTML 代码段,显示的是王富强的基本联系信息:

<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>

下面对此示例进行了详细说明:

  • 第一行中的 itemscope 表示,<div> 中所含的内容描述了某一项,而 itemtype="http://data-vocabulary.org/Person 表示该项是人物。
  • 人物项的每个属性均使用 itemprop 属性进行标识。例如,itemprop="name" 描述人物的姓名。

嵌套实体

上例显示了王富强的联系信息,但是不包含他的地址。下例则要显示同一段 HTML 内容,但是包含 address 属性。

<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="address" itemscope
      itemtype="http://data-vocabulary.org/Address">
      <span itemprop="region">上海市</span>
      <span itemprop="locality">富贵新村</span>。
   </span>
   我是<span itemprop="title">工程师</span>,
   目前在<span itemprop="affiliation">财富科技公司</span>上班。
</div>

下面对此示例进行了详细说明:

  • address 属性自身便是一个项,包含它自己的属性集。它将 itemscope 属性放在声明 address 属性的项中,并使用 itemtype 属性来指定所描述的项类型,例如:<span itemprop="address" itemscope itemtype="http://data-vocabulary.org/Address">

如需更多示例,请参见嵌套项

日期和时间信息

若要明确指定日期和时间,请使用 time 元素及 datetime 属性。在该例中,startDate 属性指示了事件的开始日期。datetime 属性中的值使用 ISO 日期格式进行指定。这样,您可以为搜索引擎提供 ISO 格式的详细日期、时间和时区(“2009-10-15T19:00-08:00”),其中时区是可选信息;同时,可以通过用户易于理解的方式在网页上显示日期(“2009 年 10 月 15 日晚上 7 点”)。

<time itemprop="startDate" datetime="2009-10-15T19:00-08:00">2009 年 10 月 15 日晚上 7 点</time>

隐藏的内容

一般情况下,Google 不会显示隐藏的内容。也就是说,不向用户显示某些内容,而是使用隐藏文本为搜索引擎和网络应用程序单独标记信息。您应该标记用户访问您的网页时实际看到的文本。

本规则有几个例外情况。在某些情况下,向搜索引擎提供更详细的信息有很多好处,即使您不希望访问您网页的人看到这些信息。例如,如果餐馆的评分为 8.5 分,用户(而不是搜索引擎)会认为评分范围为 1 到 10 分。在该例中,您可以使用 meta 元素表示此信息,如下所示:

<div itemprop="rating" itemscope itemtype="http://data-vocabulary.org/Rating">
   评分:<span itemprop="value">8.5 分</span>
   <meta itemprop="best" content="10" />
</div>

下面对此示例进行了详细说明:

  • meta 标记用于指定不在网页上显示的其他信息,在该例中,最高得分实际上是 10 分。该属性值使用 content 属性进行指定。

同样,以 ISO 持续时间格式提供事件持续时间也可以确保此信息正确显示在搜索结果中,如下所示:

持续时间:
<span>1.5 小时<meta itemprop="duration" content="PT1H30M" />
</span>

下面对此示例进行了详细说明:

  • 使用 meta 标记可以指定属性的值(在该例中是持续时间)。这样,您就可以使用 content 属性的值(“PT1H30M”)以 ISO 8601 持续时间格式指定此持续时间,同时仍以用户易于理解的方式在网页上显示持续时间(“1.5 小时”)。
  • Google 会查看 meta 元素的父元素,以识别 meta 标记中以其他方式表示的信息。因此,在该例中,请务必确保meta 标记的直接父节点位于文字“1.5 小时”的外围。

对于特定词汇和示例,请参见:

要检查此类标记,请使用丰富网页摘要测试工具

已更新 07/23/2011

Tags:
尚无评论.

留言回复