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

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

什麼是Microdata 和Schema.org？

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

簡(jiǎn)單來(lái)說(shuō)：

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

怎麼在HTML 中使用Microdata？

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

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

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

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

常見(jiàn)應(yīng)用場(chǎng)景有哪些？

常見(jiàn)用途包括但不僅限於以下幾種：

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

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

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

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

使用Microdata 有什麼好處？

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

不過(guò)要注意：

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

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

Google 提供了一個(gè)叫Structured Data Testing Tool的在線(xiàn)驗(yàn)證工具，可以把你寫(xiě)的HTML 粘進(jìn)去，看看有沒(méi)有錯(cuò)誤或者哪些地方可以?xún)?yōu)化。

其他工具還有：

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

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

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

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