什麼是 Microdata:

Microdata 為 HTML5 的一部分,至於 Microdata 等標籤的作用

簡單來說:

我們一般用來顯示資料的 HTML 等標籤是給我們 看的 , 而 Microdata 等標籤則相反,是專門為 機器 等各大搜尋引擎觀看而設計的

官方實例:

<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並不能讓搜尋引擎知道你在說什麼,我們加入 Microdata 等標籤

<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>

以上的itemscopeitemtype 都是 Microdata 的語法,就可以指出這段內容是在談電影,然後搜尋引擎就可以從裡面的文字 Avatar 去跟電影關聯

再進一步來設置:

<div itemscope itemtype ="http://schema.org/Movie">
  <h1 itemprop="name">Avatar</h1>
  <img itemprop ="image" src ="https://www.lohaslife.cc/wp-、content/uploads/2017/03/2014-03-16_1421.png">
  <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>
  <div itemprop = "dateCreated">2017-09-06</div>
</div>

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

可以使用 google 結構化資料測試工具

為什麼使用 Microdata

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

什麼是 Schema.org :

schema.org 是 Google、Bing、Yahoo 為了推廣 Microdata 格式 所成立網頁製作標示語言的組織,都是為了讓搜尋引擎可以順利解析網頁資料

文章來源 :
如果你不了解Schema.org,現在還來得及!
Microdata是什麼? 為何可以讓Google、Bing、Yahoo攜手合作?
schema.org

Facebook 功能:

Summary
[SEO] 初步理解  Microdata 與 Schema.org  達到搜尋引擎優化
Article Name
[SEO] 初步理解 Microdata 與 Schema.org 達到搜尋引擎優化
Description
SEO 網站結資料構化,初步理解 Microdata 與 Schema.org 達到搜尋引擎優化
Author