大家好!這堂課我們將學習如何使用 Schema.org 的結構化資料來提升你的食譜網站。你是否曾經想像過,你的食譜可以直接在 Google 搜尋結果中顯示烹飪時間、圖片和評分呢?這一切都可以透過 Schema.org 實現! 想像一下,一個沒有使用 Schema 的食譜網站,搜尋者只能看到單調的標題和網址。而使用了 Schema 的網站,則可以呈現豐富的資訊,讓你的食譜更吸引人,更容易被搜尋引擎找到,進而提升網站流量和知名度。例如,一個沒有 Schema 的食譜可能無法顯示烹飪時間,讓使用者不知道需要準備多久的時間,而這將大大影響使用者體驗。 什麼是 Recipe Schema Schema.org 是一個協作計畫,提供了一套通用的語義標籤,讓網頁內容更容易被搜尋引擎理解。Recipe Schema 就是其中一種,專門用於標記食譜相關的資訊。它就像一個「說明書」,告訴搜尋引擎你的食譜內容是什麼,包含哪些食材、烹飪時間、步驟等等。常見的 Recipe Schema 屬性包括:
- name:食譜名稱 (例如:巧克力熔岩蛋糕)
- recipeIngredient:食譜食材 (例如:巧克力、奶油、雞蛋)
- cookTime:烹飪時間 (例如:PT30M 代表 30 分鐘)
- recipeInstructions:烹飪步驟 (例如:先將巧克力融化…)
- image:食譜圖片網址
以下是一個 JSON-LD 範例,用來標記一個巧克力蛋糕食譜:
{ "@context": "https://schema.org", "@type": "Recipe", "name": "巧克力熔岩蛋糕", "recipeIngredient": ["黑巧克力 100g", "奶油 50g", "雞蛋 2顆", "糖 50g", "麵粉 20g"], "cookTime": "PT20M", "recipeInstructions": "1. 將巧克力融化... 2. 加入奶油攪拌... 3. ...", "image": "https://你的網站/巧克力蛋糕.jpg" }
學習使用 Recipe Schema,不僅能讓你的食譜在搜尋結果中更突出,也讓你更深入了解網頁語義化和結構化資料的重要性,這些知識在網站架設的各個方面都會派上用場。 規劃食譜網站 在開始添加 Schema 之前,你需要規劃好網站的結構和內容。
- 設計網站結構:你的網站應該有一個首頁,列出所有食譜,每個食譜都有其獨立的詳細頁面。
- 選擇 Schema 屬性:根據你的食譜內容,選擇適合的 Schema 屬性,確保資料的完整性和準確性。例如,你需要提供詳細的食材清單和烹飪步驟。
- 資料一致性:確保所有時間格式都使用 ISO 8601 標準,例如 PT1H 表示 1 小時,PT30M 表示 30 分鐘。這有助於搜尋引擎正確理解你的資料。 在 WordPress 中實作 Recipe Schema WordPress 提供許多方便的插件來協助你添加 Schema.org 結構化資料。
- 使用 Yoast SEO 或 Schema Pro 插件:這些插件可以自動生成 Schema 程式碼,你只需在編輯食譜頁面時填寫相關資訊即可。
- 手動添加 JSON-LD 到主題檔案:如果你更熟悉程式碼,也可以手動將 JSON-LD 程式碼添加到你的 WordPress 主題檔案中。以蛋糕食譜為例,你需要標記每種食材的數量和烹飪步驟。 驗證與測試 完成 Schema 添加後,你需要驗證其正確性。
- 使用 Google Rich Results Test:這個工具可以幫助你測試你的 Schema 程式碼是否正確,並找出可能的錯誤。
- 使用 Schema Markup Validator:這個工具可以進一步驗證你的 Schema 程式碼是否符合 Schema.org 的標準。
- 在 Google Search Console 檢查結果:提交你的網站到 Google Search Console,查看你的食譜是否正確顯示在豐富結果中。 課堂練習 現在,請你在自己的 WordPress 網站上為一個食譜頁面添加 Recipe Schema。記得使用 Google Search Console 提交頁面,並通過 Rich Results Test 驗證。請記錄你的測試結果,並與同學分享你的心得。 結語 學習使用 Recipe Schema 能讓你的食譜網站更具吸引力,提升搜尋引擎排名,並帶來更多流量。除了 Recipe Schema 外,你還可以進一步探索其他 Schema 類型,例如 NutritionInformation (營養資訊) 或使用 Google Tag Manager 來管理你的 Schema 資料。持續學習和應用這些知識,將有助於你打造一個成功的食譜網站!