2013年3月27日 星期三

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


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

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



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

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

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

所以跟之前提到的"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這件事情,我們應該有何策略來因應呢,當然就是必須先瞭解,然後在適當的位置加上適當的標籤格式,至於詳細的作法,後續我們會再另文深入來探討,敬請期待囉。

轉載自《台灣搜尋引擎優化與行銷研究院》