Microdata 是HTML5 中用於添加語義信息的標(biāo)記方式，Schema.org 是結(jié)構(gòu)化數(shù)據(jù)的標(biāo)準(zhǔn)詞彙表。 1. Microdata 通過itemscope、itemtype 和itemprop 屬性標(biāo)註內(nèi)容類型和屬性；2. Schema.org 提供通用的數(shù)據(jù)標(biāo)準(zhǔn)，定義如何描述各類實(shí)體；3. 常見應(yīng)用場景包括文章、產(chǎn)品、活動、本地商家等內(nèi)容的結(jié)構(gòu)化；4. 使用Microdata 可增強(qiáng)搜索展示效果、提升點(diǎn)擊率並幫助搜索引擎理解頁面內(nèi)容；5. 推薦使用Google Structured Data Testing Tool 等工具驗(yàn)證代碼正確性。

用HTML5 的Microdata（配合Schema.org）來結(jié)構(gòu)化數(shù)據(jù)，其實(shí)就是在網(wǎng)頁內(nèi)容裡加一些標(biāo)記，告訴搜索引擎這些內(nèi)容是什麼意思。比如一篇文章、一個產(chǎn)品或者一家餐廳，這樣搜索引擎就能更好地理解頁面，並可能在搜索結(jié)果裡展示更豐富的信息。

什麼是Microdata 和Schema.org？

Microdata 是HTML5 提供的一種方式，用來給網(wǎng)頁中的內(nèi)容添加額外的語義信息。你可以把它理解成“標(biāo)籤上的標(biāo)籤”。
Schema.org 是一個由Google、微軟、雅虎等公司聯(lián)合推出的結(jié)構(gòu)化數(shù)據(jù)詞彙表，提供了一套通用的標(biāo)準(zhǔn)，告訴我們怎麼描述人、組織、事件、產(chǎn)品等內(nèi)容。

簡單來說：

• Microdata是一種寫法，是工具
• Schema.org是一套標(biāo)準(zhǔn)，告訴你該寫什麼

怎麼在HTML 中使用Microdata？

基本結(jié)構(gòu)是在HTML 標(biāo)籤上加上幾個屬性： itemscope 、 itemtype和itemprop 。

舉個例子，你想標(biāo)註一段關(guān)於某本書的信息：

 <div itemscope itemtype="http://schema.org/Book">
  <h2 itemprop="name">《三體》</h2>
  <p>作者：<span itemprop="author">劉慈欣</span></p>
  <p>出版日期：<time itemprop="datePublished">2008-05-01</time></p>
</div>

這裡：

• itemscope表示這是一個結(jié)構(gòu)化數(shù)據(jù)塊
• itemtype指明這是哪種類型的數(shù)據(jù)（這裡是Book）
• itemprop標(biāo)註每個具體屬性對應(yīng)的內(nèi)容

這樣寫完後，搜索引擎就能識別出這是一本書，它的名字、作者和出版時間。

常見應(yīng)用場景有哪些？

常見用途包括但不僅限於以下幾種：

• 文章/博客：標(biāo)明標(biāo)題、作者、發(fā)布日期、摘要等
• 產(chǎn)品頁：價格、庫存、評分、品牌等信息
• 活動頁：時間、地點(diǎn)、主辦方等
• 本地商家：地址、電話、營業(yè)時間、評分等
• 視頻或圖片內(nèi)容：時長、上傳者、預(yù)覽圖等

比如一個餐廳頁面可以用如下結(jié)構(gòu)：

 <div itemscope itemtype="http://schema.org/Restaurant">
  <h3 itemprop="name">老張麵館</h3>
  <p>地址：<span itemprop="address">北京市朝陽區(qū)XX路8號</span></p>
  <p>評分：<span itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
    <span itemprop="ratingValue">4.7</span> 分（<span itemprop="reviewCount">128</span> 條評價）
  </span></p>
</div>

嵌套使用多個itemtype 是很常見的做法，比如上面這個例子中， aggregateRating就是一個子結(jié)構(gòu)。

使用Microdata 有什麼好處？

• 增強(qiáng)搜索展示效果：有助於生成富媒體摘要（Rich Snippets），比如星級評分、價格、時間等直接顯示在搜索結(jié)果裡
• 提升點(diǎn)擊率：視覺上更吸引用戶點(diǎn)擊
• 幫助搜索引擎理解內(nèi)容：尤其對新站或內(nèi)容複雜的網(wǎng)站很有用

不過要注意：

• 不要為了富摘要而堆砌不相關(guān)數(shù)據(jù)
• 要確保標(biāo)記的內(nèi)容和實(shí)際頁面內(nèi)容一致，否則可能被搜索引擎懲罰

工具推薦與驗(yàn)證方法

Google 提供了一個叫Structured Data Testing Tool的在線驗(yàn)證工具，可以把你寫的HTML 粘進(jìn)去，看看有沒有錯誤或者哪些地方可以優(yōu)化。

其他工具還有：

• Bing Webmaster Tools 的結(jié)構(gòu)化數(shù)據(jù)測試功能
• W3C 的HTML 驗(yàn)證器也支持部分Microdata 檢查

建議每次寫完結(jié)構(gòu)化數(shù)據(jù)後都跑一遍驗(yàn)證，確保沒有拼寫錯誤或者嵌套錯誤。

基本上就這些。 Microdata 並不復(fù)雜，但很容易因?yàn)樾∈韬鰧?dǎo)致不起作用。只要按照Schema.org 定義的標(biāo)準(zhǔn)來寫，再配合驗(yàn)證工具檢查一下，一般都不會有問題。

以上是用HTML5微型數(shù)據(jù)（Schema.org集成）構(gòu)建數(shù)據(jù)的詳細(xì)內(nèi)容。更多資訊請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！