文章專區

SEO與搜尋行銷相關

Microdata-結構化標籤

  前篇介紹"結構化標籤的常見種類"時,我們提到了 MicroData - 是應用在 HTML5 的常見技術,雖然 HTML5 新規格中提出了許多語意標籤,如:

 

   aside:網頁的側欄、附加內容。

 

   article:單篇文章內容。

 

   section:自訂的區塊,如多篇摘要組成的空間。

 

   mark:強調小區塊內容。

 

 來提供搜尋引擎或是其他軟體工具,可以更清楚的了解網頁中每個區塊的設計目的。

 

  但針對不斷創新的主流搜尋引擎來說,它們將需求更多詳細的資訊來貼近符合呈現使用者所搜尋的目標,因此語意標籤原有的資訊就顯得較為薄弱,也為此 Yahoo、Google、Bing 等公司,一同合作規範 MicroData 的標準格式 Schema.org ,主要希望能引進幫助機器更精細判讀的共同格式。

 

以下是 Microdata 主要使用屬性 :

 

  itemscope : 將html內的attribute定義為item,指定這個項目是代表什麼的時候就是加入itemscope 這個屬性,此屬性是用來告知這個標籤的內容是跟某個項目有關的。

 

  itemtype : 定義item的種類(在schema.org中有各種類的介紹),在設定完itemscope 項目後,必須再加上 itemtype 這個屬性,並且將值指定為 schema.org 網站上關於這個類型的 URL 。

 

  itemprop : 描述item的屬性,完成前兩項定義與連結動作後,便可以開始針對要標記項目的相關屬性加上標記。使用方法為,在標籤上加上 itemprop 屬性,而其值則指定為「屬性的名稱」,例如 itemprop="name" 便是用來告知項目的「名稱」。             

 

 本站在"網頁結構化資料-實際應用範例說明"中也提出了相關使用例子提供參考。

 

瞭解了 Microdata 主要使用屬性後,該如何使用對應類型的屬性,應該是較多人的疑問,在 schema.org 中文站當中,也詳細的說明了對應資訊,如:

 

常用的類型:

 

   創造性工作:創意工作,書書,電影電影,音樂錄音,食譜食譜,電視劇TVSeries ...

 

   嵌入式非文本對象:音頻AudioObject,圖像ImageObject,視頻VideoObject

 

   事件 Event

 

   醫藥和健康類型:MedicalEntity 詞彙。

 

   組織機構

 

   人物

 

   地點Place,本地商戶LocalBusiness,餐館Restaurant ...

 

   產品Product,售價Offer,均價AggregateOffer

 

   評論評論,綜合評論AggregateRating

 等資訊,也定義了一系列原始數據類型,比如數字,文本等等。

 

 在建置網站時,先根據對應的類別進行結構化標籤設定,資料設定的愈加詳細, 搜尋引擎可以查證、解析、收錄出來的「基因關係圖」就會愈加完整, 自然也能有效提升SEO的效益。