老蛇的博客-163cs

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

微数据使用 HTML 标记（常为 <span> 或 <div>）中的简单属性为项和属性指定简要的描述性名称。以下示例是一个简短的 HTML 文本块，显示的是 Bob Smith 的基本联系信息。

<div>   我的名字是 Bob Smith，但大家叫我 Smithy。我的主页是：  <a href="http://www.example.com">www.example.com</a>  我住在富贵新村（上海市）。我是工程师，目前在财富科技公司上班。</div>

以下是用微数据标记的同一 HTML 内容。

<div itemscope itemtype="http://data-vocabulary.org/Person">   我的名字是 <span itemprop="name">Bob Smith</span>   但大家叫我 <span itemprop="nickname">Smithy</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" 描述人物的姓名。

嵌套实体

上例显示了 Bob Smith 的联系信息，但是不包含他的地址。下面的例子显示了相同的 HTML 内容，但其中包含 address 属性。

<div itemscope itemtype="http://data-vocabulary.org/Person">   我的名字是 <span itemprop="name">Bob Smith</span>，   但大家叫我 <span itemprop="nickname">Smithy</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="locality">富贵新村</span>      <span itemprop="region">（上海市）</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 小时”的外围。

对于特定词汇和示例，请参见：

• 评论

• 人物

• 商品

• 商家和组织

• 食谱

• 活动

• 视频  （请注意，尽管 Google 支持视频标记，我们目前仅将它用于改善视频搜索结果）。

要检查您的标记，请使用数据化结构测试工具。