[SEO] 初步理解 Microdata 與 Schema.org 達到搜尋引擎優化

[SEO] 初步理解  Microdata 與 Schema.org  達到搜尋引擎優化

Microdata 為 HTML5 的一部分,至於 Microdata 等標籤的作用 簡單來說:

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


官方實例:

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

以上的HTML並不能讓搜尋引擎知道你在說什麼,我們加入 Microdata 等標籤


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

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


再進一步來設置:

<div>
   <h1>Avatar</h1>
   <img src="https://www.lohaslife.cc/wp-、content/uploads/2017/03/2014-03-16_1421.png" />
   <div>Director: James Cameron
   born: August 16, 1954</div>
   Science fiction
   <div>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 功能: