大家好！這堂課我們將學習如何理解 JSON 格式，以及它如何在網站架設和搜尋引擎最佳化 (SEO) 中發揮關鍵作用，特別是應用在 Schema.org 結構化資料上。 想像一下，你正在搜尋「台南美食」，如果搜尋結果只顯示單調的網頁連結，是不是有點可惜？有了結構化資料，搜尋引擎就能夠理解你的網站內容，例如餐廳名稱、地址、評價等等，讓搜尋結果呈現更豐富的資訊，例如直接顯示餐廳的地址、營業時間、甚至顧客評分，這就叫做「豐富結果」。沒有使用結構化資料的網站，就錯失了展現這些資訊的機會，讓你的網站顯得缺乏吸引力。而 JSON 正是傳遞這些結構化資料給搜尋引擎的關鍵格式。 什麼是 JSON JSON，全名是 JavaScript Object Notation，是一種輕量級的資料交換格式。它以文字形式儲存資料，非常容易閱讀和撰寫，而且被廣泛應用於網頁開發與資料傳輸。在 Schema.org 結構化資料中，我們通常使用 JSON-LD (JSON for Linking Data) 的格式，讓搜尋引擎更容易理解我們網站上的資訊。JSON 的基本結構包含物件、陣列和鍵值對。 JSON 基本語法
- 物件：物件使用大括號 {} 包圍，包含多個鍵值對。每個鍵值對由鍵 (key) 和值 (value) 組成，鍵是字串，必須用雙引號括起來，例如 “name”，值則可以是字串、數字、布林值 (true 或 false)、另一個物件、陣列或 null。
- 陣列：陣列使用中括號 [] 包圍，包含一系列有序的值。這些值可以是任何 JSON 允許的資料類型。
- 鍵值對：鍵值對以「鍵：值」的格式呈現，鍵與值之間用冒號 : 分隔。例如： “name”: “台南美食餐廳”。
- 範例：一個簡單的 JSON 物件：
{"name": "台南音樂節", "date": "2025-06-01", "location": "台南市安平區"}這個物件包含三個鍵值對，分別代表活動名稱、日期和地點。 閱讀 Schema.org 的 JSON-LD Schema.org 提供了一套標準化的語彙，讓網頁開發者可以使用結構化資料標記網頁內容。在 JSON-LD 中，我們會看到幾個重要的元素： @context: 指定 Schema.org 的命名空間，讓搜尋引擎知道我們使用的語彙。@type: 指定資料的類型，例如 Recipe（食譜）、Event（活動）、Product（產品）等等。- 屬性：描述資料的各個方面，例如 Recipe 的 name（名稱）、recipeIngredient（食材）、cookTime（烹飪時間）等等。
例如，一個簡單的 Recipe Schema 的 JSON-LD 可能長這樣：
{ "@context": "https://schema.org/", "@type": "Recipe", "name": "香濃巧克力蛋糕", "recipeIngredient": ["巧克力粉", "雞蛋", "麵粉"], "cookTime": "PT30M" }實作 JSON 在網站中 在 WordPress 中添加 JSON-LD，你可以使用 Yoast SEO 等外掛程式，或手動將 JSON-LD 嵌入 header.php 檔案中。例如，在食譜頁面中加入 Recipe Schema 的 JSON-LD，讓 Google 搜尋結果能顯示食譜的烹飪時間、食材等資訊，吸引更多使用者點擊你的網站。 驗證與除錯 JSON 在加入 JSON-LD 後，務必使用線上工具驗證語法正確性與 Schema.org 的有效性。常用的工具包括 JSONLint (驗證 JSON 語法) 、Google Rich Results Test (測試結構化資料的呈現效果) 和 Schema Markup Validator (驗證 Schema.org 標記)。常見錯誤包括資料類型錯誤、缺少必要屬性等等。 課堂練習 請大家閱讀以下 Recipe Schema 的 JSON-LD 範例，標記出@type和三個屬性name、recipeIngredient、cookTime。接著，請嘗試在你的 WordPress 網站中加入這個 JSON-LD，並使用 Google Rich Results Test 驗證結果。{ "@context": "https://schema.org/", "@type": "Recipe", "name": "番茄肉醬義大利麵", "recipeIngredient": ["義大利麵", "番茄醬", "絞肉", "洋蔥"], "cookTime": "PT45M" }結語 熟練 JSON 格式對於網頁開發和 SEO 非常重要。希望透過這堂課，你已經能理解 JSON 的基本語法和在 Schema.org 結構化資料中的應用。建議大家進一步學習更進階的 JSON 工具，例如 jq，或將 JSON 整合到 Google Tag Manager 中，以實現更精準的資料追蹤與分析。持續學習，你將在網頁開發領域中獲得更大的成就！
