HTML5 微數(shù)據(jù)規(guī)范是標記內(nèi)容的一種方式,用于描述特定的信息類型,例如評論、人物信息或活動。每種信息都描述特定類型的項,例如人物、活動或評論。例如,活動可以包含 venue、starting time、name 和 category 屬性。
微數(shù)據(jù)使用 HTML 標記(常為 <span>
或 <div>
)中的簡單屬性為項和屬性指定簡要的描述性名稱。以下示例是一個簡短的 HTML 文本塊,顯示的是 Bob Smith 的基本聯(lián)系信息。
<div> 我的名字是 Bob Smith,但大家叫我 Smithy。我的主頁是: <a >www.example.com</a> 我住在富貴新村(上海市)。我是工程師,目前在財富科技公司上班。</div>
以下是用微數(shù)據(jù)標記的同一 HTML 內(nèi)容。
<div itemscope itemtype="http://data-vocabulary.org/Person"> 我的名字是 <span itemprop="name">Bob Smith</span> 但大家叫我 <span itemprop="nickname">Smithy</span>。 我的主頁是: <a itemprop="url">www.example.com</a> 我住在富貴新村(上海市)。我是<span itemprop="title">工程師</span> 目前在<span itemprop="affiliation">財富科技公司</span>上班。</div>
下面對此示例進行了詳細說明。
- 在第一行中,
itemscope
表示<div>
中的內(nèi)容是個項。itemtype="http://data-vocabulary.org/Person
表示該項是人物。 - 人物項的每個屬性均使用
itemprop
屬性進行標識。例如,itemprop="name"
描述人物的姓名。
嵌套實體
上例顯示了 Bob Smith 的聯(lián)系信息,但是不包含他的地址。下面的例子顯示了相同的 HTML 內(nèi)容,但其中包含 address
屬性。
<div itemscope itemtype="http://data-vocabulary.org/Person"> 我的名字是 <span itemprop="name">Bob Smith</span>, 但大家叫我 <span itemprop="nickname">Smithy</span>。 我的主頁是: <a 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 格式的詳細日期、時間和時區(qū)(“2009-10-15T19:00-08:00
”),其中時區(qū)是可選信息;同時,可以通過用戶易于理解的方式在網(wǎng)頁上顯示日期(“2009 年 10 月 15 日晚上 7 點”)。
<time itemprop="startDate" datetime="2009-10-15T19:00-08:00">2009 年 10 月 15 日晚上 7 點</time>
隱藏的內(nèi)容
一般情況下,Google 不會顯示隱藏的內(nèi)容。也就是說,不向用戶顯示某些內(nèi)容,而是使用隱藏文本為搜索引擎和網(wǎng)絡(luò)應(yīng)用單獨標記信息。您應(yīng)該標記用戶訪問您的網(wǎng)頁時實際看到的文本。
本規(guī)則有幾個例外情況。在某些情況下,向搜索引擎提供更詳細的信息有很多好處,即使您不希望訪問您網(wǎng)頁的人看到這些信息。例如,如果餐館的評分為 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
標記用于指定不在網(wǎng)頁上顯示的其他信息,在此例中,是指最高得分實際上是 10 分。該屬性值使用content
屬性進行指定。
同樣,以 ISO 持續(xù)時間格式提供活動持續(xù)時間也可以確保此信息正確顯示在搜索結(jié)果中,如下所示:
持續(xù)時間:<span>1.5 小時<meta itemprop="duration" content="PT1H30M" /></span>
下面對此示例進行了詳細說明:
- 使用
meta
標記可以指定屬性的值(在此例中是持續(xù)時間)。這樣,您就可以使用content
屬性的值(“PT1H30M”)以 ISO 8601 持續(xù)時間格式指定此持續(xù)時間,同時仍以用戶易于理解的方式在網(wǎng)頁上顯示持續(xù)時間(“1.5 小時”)。 - Google 會查看
meta
元素的父元素,以識別meta
標記中以其他方式表示的信息。因此,在此例中,請務(wù)必確保meta
標記的直接父節(jié)點位于文字“1.5 小時”的外圍。
對于特定詞匯和示例,請參見:
要檢查您的標記,請使用數(shù)據(jù)化結(jié)構(gòu)測試工具。