微資料
微資料是 WHATWG HTML 標準的一部分,用於將元資料巢狀在網頁上現有內容中。搜尋引擎和網頁爬蟲可以從網頁中提取和處理微資料,並將其用於為使用者提供更豐富的瀏覽體驗。搜尋引擎從直接訪問此結構化資料中受益匪淺,因為它允許搜尋引擎理解網頁上的資訊,併為使用者提供更相關的結果。微資料使用支援詞彙表來描述專案,並使用名稱-值對將值分配給其屬性。微資料試圖提供一種比使用 RDFa 和經典微格式的類似方法更簡單的方式來用機器可讀的標記註釋 HTML 元素。
從高層次上講,微資料由一組名稱-值對組成。這些組稱為專案,每個名稱-值對都是一個屬性。專案和屬性由常規元素表示。
- 要建立專案,使用
itemscope屬性。 - 要將屬性新增到專案,在專案的某個後代上使用
itemprop屬性。
詞彙表
Google 和其他主要搜尋引擎支援 Schema.org 結構化資料詞彙表。此詞彙表定義了一組標準的型別名稱和屬性名稱,例如,Schema.org 音樂活動 表示音樂會表演,具有 startDate 和 location 屬性來指定音樂會的主要細節。在本例中,Schema.org 音樂活動 將是 itemtype 使用的 URL,而 startDate 和 location 將是 Schema.org 音樂活動 定義的 itemprop。
注意:有關 itemtype 屬性的更多資訊,請訪問 https://schema.org/Thing。
微資料詞彙表提供了Item 的語義或含義。網頁開發者可以設計自定義詞彙表,也可以使用網路上可用的詞彙表,例如廣泛使用的 schema.org 詞彙表。Schema.org 提供了一組常用的標記詞彙表。
常用的詞彙表
- 創意作品:CreativeWork、Book、Movie、MusicRecording、Recipe、TVSeries
- 嵌入的非文字物件:AudioObject、ImageObject、VideoObject
事件- 健康和醫療型別:有關 MedicalEntity 下的健康和醫療型別的說明
組織人物Place、LocalBusiness、RestaurantProduct、Offer、AggregateOfferReview、AggregateRating行動事物無形
像 Google、微軟和雅虎!這樣的主要搜尋引擎運營商依賴於 schema.org 詞彙表來改進搜尋結果。對於某些目的,臨時詞彙表就足夠了。對於其他目的,將需要設計詞彙表。在可能的情況下,鼓勵作者重複使用現有詞彙表,因為這使得內容重複使用更加容易。
本地化
在某些情況下,覆蓋特定地區的搜尋引擎可能會提供微資料的本地特定擴充套件。例如,Yandex 是俄羅斯的主要搜尋引擎,它支援 hCard(公司聯絡資訊)、hRecipe(食物食譜)、hReview(市場評論)和 hProduct(產品資料)等微格式,並提供自己的格式來定義術語和百科全書文章。此擴充套件是為了解決西裡爾字母和拉丁字母之間的音譯問題。由於實施了 Schema 詞彙表的額外標記引數,俄語網頁上資訊的索引變得更加成功。
全域性屬性
itemid – 項的唯一全域性識別符號。
itemprop – 用於將屬性新增到項。每個 HTML 元素都可以指定一個 itemprop 屬性,其中 itemprop 由名稱-值對組成。
itemref – 具有itemscope屬性的元素的非後代屬性可以使用itemref與專案關聯。itemref提供文件中其他位置的具有附加屬性的元素 ID(不是itemid)列表。
itemscope – itemscope屬性(通常)與itemtype一起工作,以指定塊中包含的 HTML 是關於特定專案的。itemscope屬性建立Item並定義與其關聯的 itemtype 的範圍。itemtype屬性是描述專案及其屬性上下文的詞彙表(例如schema.org)的有效 URL。
itemtype – 指定用於定義資料結構中itemprop(專案屬性)的詞彙表的 URL。 itemscope屬性用於設定在資料結構中itemtype設定的詞彙表將處於活動狀態的位置的範圍。
示例
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 上試用它。