文章專區
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的效益。