微資料

微資料是 WHATWG HTML 標準的一部分,用於將元資料巢狀在網頁上現有內容中。搜尋引擎和網頁爬蟲可以從網頁中提取和處理微資料,並將其用於為使用者提供更豐富的瀏覽體驗。搜尋引擎從直接訪問此結構化資料中受益匪淺,因為它允許搜尋引擎理解網頁上的資訊,併為使用者提供更相關的結果。微資料使用支援詞彙表來描述專案,並使用名稱-值對將值分配給其屬性。微資料試圖提供一種比使用 RDFa 和經典微格式的類似方法更簡單的方式來用機器可讀的標記註釋 HTML 元素。

從高層次上講,微資料由一組名稱-值對組成。這些組稱為專案,每個名稱-值對都是一個屬性。專案和屬性由常規元素表示。

  • 要建立專案,使用 itemscope 屬性。
  • 要將屬性新增到專案,在專案的某個後代上使用 itemprop 屬性。

詞彙表

Google 和其他主要搜尋引擎支援 Schema.org 結構化資料詞彙表。此詞彙表定義了一組標準的型別名稱和屬性名稱,例如,Schema.org 音樂活動 表示音樂會表演,具有 startDatelocation 屬性來指定音樂會的主要細節。在本例中,Schema.org 音樂活動 將是 itemtype 使用的 URL,而 startDatelocation 將是 Schema.org 音樂活動 定義的 itemprop

注意:有關 itemtype 屬性的更多資訊,請訪問 https://schema.org/Thing

微資料詞彙表提供了Item 的語義或含義。網頁開發者可以設計自定義詞彙表,也可以使用網路上可用的詞彙表,例如廣泛使用的 schema.org 詞彙表。Schema.org 提供了一組常用的標記詞彙表。

常用的詞彙表

像 Google、微軟和雅虎!這樣的主要搜尋引擎運營商依賴於 schema.org 詞彙表來改進搜尋結果。對於某些目的,臨時詞彙表就足夠了。對於其他目的,將需要設計詞彙表。在可能的情況下,鼓勵作者重複使用現有詞彙表,因為這使得內容重複使用更加容易。

本地化

在某些情況下,覆蓋特定地區的搜尋引擎可能會提供微資料的本地特定擴充套件。例如,Yandex 是俄羅斯的主要搜尋引擎,它支援 hCard(公司聯絡資訊)、hRecipe(食物食譜)、hReview(市場評論)和 hProduct(產品資料)等微格式,並提供自己的格式來定義術語和百科全書文章。此擴充套件是為了解決西裡爾字母和拉丁字母之間的音譯問題。由於實施了 Schema 詞彙表的額外標記引數,俄語網頁上資訊的索引變得更加成功。

全域性屬性

itemid – 項的唯一全域性識別符號。

itemprop – 用於將屬性新增到項。每個 HTML 元素都可以指定一個 itemprop 屬性,其中 itemprop 由名稱-值對組成。

itemref – 具有itemscope屬性的元素的非後代屬性可以使用itemref與專案關聯。itemref提供文件中其他位置的具有附加屬性的元素 ID(不是itemid)列表。

itemscopeitemscope屬性(通常)與itemtype一起工作,以指定塊中包含的 HTML 是關於特定專案的。itemscope屬性建立Item並定義與其關聯的 itemtype 的範圍。itemtype屬性是描述專案及其屬性上下文的詞彙表(例如schema.org)的有效 URL。

itemtype – 指定用於定義資料結構中itemprop(專案屬性)的詞彙表的 URL。 itemscope屬性用於設定在資料結構中itemtype設定的詞彙表將處於活動狀態的位置的範圍。

示例

HTML

html
<div itemscope itemtype="https://schema.org/SoftwareApplication">
  <span itemprop="name">Angry Birds</span> - REQUIRES
  <span itemprop="operatingSystem">ANDROID</span><br />
  <link
    itemprop="applicationCategory"
    href="https://schema.org/SoftwareApplication" />

  <div
    itemprop="aggregateRating"
    itemscope
    itemtype="https://schema.org/AggregateRating">
    RATING:
    <span itemprop="ratingValue">4.6</span> (
    <span itemprop="ratingCount">8864</span> ratings )
  </div>

  <div itemprop="offers" itemscope itemtype="https://schema.org/Offer">
    Price: $<span itemprop="price">1.00</span>
    <meta itemprop="priceCurrency" content="USD" />
  </div>
</div>

結構化資料

itemscope itemtype 軟體應用程式 (https://schema.org/SoftwareApplication)
itemprop 名稱 憤怒的小鳥
itemprop 作業系統 安卓
itemprop 應用程式類別 軟體應用程式 (https://schema.org/SoftwareApplication)
itemscope itemprop[itemtype] 總體評分 [AggregateRating]
itemprop 評分值 4.6
itemprop 評分次數 8864
itemscope itemprop[itemtype] 報價 [Offer]
itemprop 價格 1.00
itemprop 價格貨幣 美元

結果

注意: 用於從 HTML 中提取微資料結構的便捷工具是 Google 的結構化資料測試工具。 在上面顯示的 HTML 上試用它。

另請參閱