Microdata是什麼? 為何可以讓Google、Bing、Yahoo攜手合作?

什麼是Microdata? Microdata可以拿來做什麼? 這個東西竟然讓Google、Bing、Yahoo這三大競爭者攜手合作，這是搜尋業界非常少見可以達成共識的協定之一，我們來看看這個東西的詳細功能吧 …

Microdata是一種結構性的標示，可以用來表示網頁內容的語意。

Google、Bing、Yahoo近日宣佈了Schema.org來共同推動Microdata格式，這些格式有些是新的格式，也有些是舊的格式。

所謂Microdata，其實是HTML5的一部份，他的目的是要讓機器可以了解網頁內容，並且簡化RDFa與Microformats的複雜度。

所以跟之前提到的”Semantic Web 與 Best Buy“也是同樣的道理，都是為了讓搜尋引擎可以順利解析網頁資料。

那麼為什麼要用Microdata呢? 為什麼搜尋大咖會共同推動呢? 最主要原因還是因為Microdata的簡單，並且屬於HTML 5的一部份，因此不會像RDF(Resource Description Framework)之類的那麼困難。

例如原本簡單的HTML如下:

<div>
 <h1>Avatar</h1>
 <span>Director: James Cameron (born August 16, 1954)</span>
 <span>Science fiction</span>
 <a href="../movies/avatar-theatrical-trailer.html">Trailer</a>
</div>

以上的HTML並不能讓搜尋引擎知道你在說什麼，因此如果我們改成以下:

<div itemscope itemtype="http://schema.org/Movie">
  <h1>Avatar</h1>
  <span>Director: James Cameron (born August 16, 1954)</span>
  <span>Science fiction</span>
  <a href="../movies/avatar-theatrical-trailer.html">Trailer</a>
</div>

以上的itemscope、itemtype都是microdata的語法，就可以指出這段內容是在談電影，然後搜尋引擎就可以從裡面的文字”Avatar”去跟電影關聯。

再進一步的還可以寫成如下:

<div itemscope itemtype ="http://schema.org/Movie">
  <h1 itemprop="name">Avatar</h1>
  <div itemprop="director" itemscope itemtype="http://schema.org/Person">
  Director: <span itemprop="name">James Cameron</span> (born <span itemprop="birthDate">August 16, 1954)</span>
  </div>
  <span itemprop="genre">Science fiction</span>
  <a href="../movies/avatar-theatrical-trailer.html" itemprop="trailer">Trailer</a>
</div>

這樣就可以知道，電影名稱是Avatar、導演是James Cameron、類型是科幻電影 …. 而不需要讓搜尋引擎自己去猜測每個字串的意義。

說了半天就是我們在2009年說過的Common Tag一樣，不同的是格式稍微不同，這次更是各大搜尋引擎都支援，所以Microdata目前已經算是最簡便使用的語意標籤格式了。

Microdata是HTML 5的一個子集，用來讓機器可以順利解讀網頁資料的標籤格式。

最近Google推出的Recipe Search，就是使用Microdata的一個例子，如下:

當你切換成英文介面後，就可以看到左側的”Recipes”選項，並且你還可以看到以下的內容，顯示了烹煮的時間是25分鐘，熱量924.3卡

這些都是因為使用了「搜尋引擎了解的格式」。

所以面對各大搜尋引擎支援Microdata這件事情，我們應該有何策略來因應呢，當然就是必須先瞭解，然後在適當的位置加上適當的標籤格式，至於詳細的作法，後續我們會再另文深入來探討，敬請期待囉。