JSON-LD-結構化標籤

  先前在介紹"結構化標籤的常見種類"時，我們提到了標籤種類分為：行內撰寫 與 外嵌引入兩種型式，大多數的標籤種類都是屬於行內撰寫，現行當中只有 JSON LD 為外嵌引入，是以 JavaScript 語法為基礎，可由原有的 JSON 格式解析外嵌型的標記方式，結構較為簡易好維護，可與 MicroData 共通 Schema.org 格式，逐漸有許多主流搜尋企業推從，是未來可能取代其他格式的趨勢標籤格式。 

 

  由 MicroData 的介紹中，我們能瞭解主流搜尋引擎需要詳細的資訊來貼近符合呈現使用者所搜尋的目標，只使用 HTML 5 原有語意標籤顯得較為薄弱，但相較於 Microdata 而言，新型態外嵌 JSON-LD 透過 < script type="application/ld+json" > 的包覆, 將資料與頁面結構抽離, 讓使用上更加的便利，只需要在頁面上的 head 內插入一段 script 資訊就能完成!

 

在應用JSON-LD時，先在 ＜script type="text/javascript"＞ 內填入 type="application/ld+json" ，由 @context  定義 JSON-LD 使用的各種類別，@type 宣告應用的屬性，如同 Microdata 般選擇schema.org中有提到的種類，例如: WebSite, Organization, Product等，後續再根據後續屬性，如："name","url"，

進行對應標記填入描述的格式即可。

 

 

＜script type="application/ld+json"＞

 

{

 

    "@context": "http://schema.org",

 

    "@type": "WebSite",

 

    "name": "一化網頁設計",

 

    "url": "https://www.webdesigns.com.tw/"

 

}

 

＜/script＞

 

 

對於需要使用 JSON-LD 的架構來標記時，必須要先釐清瞭解 json 的階層關係，再如同 Microdata 般使用上面提到的 schema.org 找到網站適合的種類後跟選擇屬性來進行使用。