打造標準化的網站:Schema、Google Search Console 與結構化資料測試

大家好!這堂課我們將學習如何打造一個符合搜尋引擎標準的網站,讓你的網站更容易被搜尋到,吸引更多訪客!在現在這個 AI 驅動的搜尋時代,一個標準化的網站就像擁有一把開啟網路世界的金鑰匙。想像一下,一個學生精心撰寫的部落格文章,內容豐富精彩,卻因為缺乏標準化,而被搜尋引擎忽略,錯失了無數潛在讀者的目光,多可惜!而透過結構化資料(structured data),我們可以讓搜尋引擎更精準地理解網站內容,提升搜尋結果的豐富性,例如在搜尋結果中直接顯示星級評分、食譜資訊等等,讓你的網站更具吸引力! 為什麼需要標準化網站

  • 讓搜尋引擎更容易理解你的網站內容:搜尋引擎就像一個聰明的機器人,需要我們用它能理解的方式來「告訴」它你的網站是關於什麼的。標準化的網站就像一份詳細的說明書,讓搜尋引擎清楚知道每個頁面的內容,主題和重要資訊。
  • 提升網站的點擊率:當你的網站使用結構化資料,搜尋引擎會在搜尋結果中顯示更豐富的資訊,例如產品的價格和評分,或食譜的準備時間,這能吸引更多使用者點擊你的網站連結,提升你的點擊率。研究顯示,豐富結果(rich results)可增加 20-25% 的點擊率。
  • 提升 SEO 效能:良好的 SEO 策略包含讓搜尋引擎更容易理解你的網站,而標準化正是其中關鍵的一環。
  • 為未來語音搜尋做好準備:隨著語音搜尋越來越普及,標準化的網站將更重要,因為語音助理需要更精確地理解網頁內容才能給出正確的答案。 什麼是 Schema.org 結構化資料
  • Schema.org 是一個合作計畫,提供一套標準化的語意標籤(語意:內容含義),讓網頁開發者可以用機器可讀懂的格式描述網頁內容。
  • JSON-LD (JavaScript Object Notation for Linked Data) 是 Schema.org 建議使用的資料格式,它是一種輕量級的資料交換格式,易於閱讀和理解。
  • 常見的 Schema 類型包含:Article(文章)、Recipe(食譜)、Product(產品)、Event(活動)等等。 以下是一個簡單的 JSON-LD 範例,用於標記一篇部落格文章:
    <script type="application/ld+json">
    {
    "@context": "https://schema.org",
    "@type": "BlogPosting",
    "headline": "我的第一篇部落格文章",
    "image": "https://www.example.com/image.jpg",
    "datePublished": "2024-10-27",
    "author": {
    "@type": "Person",
    "name": "你的名字"
    }
    }
    </script>

    在 WordPress 中實作 Schema

  • 使用外掛:Yoast SEO 和 Schema Pro 是常用的 WordPress 外掛,能自動生成 Schema 結構化資料,簡化操作流程。
  • 手動添加 JSON-LD:你可以直接將 JSON-LD 程式碼添加到你的 WordPress 主題檔案中,例如 header.php。這需要一定的程式碼知識。 以食譜頁面為例,你可以標記食材、烹飪時間、營養資訊等等:
    {
    "@context": "https://schema.org",
    "@type": "Recipe",
    "name": "美味咖哩雞",
    "prepTime": "PT20M",  // 20分鐘準備時間
    "cookTime": "PT45M",  // 45分鐘烹飪時間
    "recipeYield": "4 servings",
    "ingredients": [
    "1公斤雞肉",
    "1大匙咖哩粉"
    // ...更多食材
    ]
    }
            

    使用 Google Search Console

  • 設置 Google Search Console (GSC):驗證你的網站所有權,提交網站地圖,讓 Google 搜尋引擎更容易抓取你的網站內容。
  • 檢查結構化資料錯誤:在 GSC 的「增強功能」報告中,你可以查看 Schema 結構化資料的錯誤訊息,並進行修正。
  • 監控搜尋效能:追蹤你的網站關鍵字排名和點擊率,評估 Schema 的使用效果。 通過結構化資料測試
  • 使用 Google 的 Rich Results Test:這個工具可以測試你的頁面是否正確使用 Schema 結構化資料,並顯示預覽效果。
  • 使用 Schema Markup Validator:這個工具可以驗證你使用的 Schema 程式碼是否符合標準。
  • 在 GSC 確認測試結果:在 GSC 的「增強功能」報告中,可以確認測試結果,並查看是否有任何錯誤訊息。 課堂練習
  • 在你的 WordPress 網站上,為一篇食譜文章添加 Recipe Schema。
  • 使用 GSC 提交網站地圖。
  • 使用 Rich Results Test 驗證結構化資料,並記錄測試結果。 結語 恭喜你完成這堂課的學習!希望你已經掌握了 Schema、Google Search Console 和結構化資料測試的基本方法。記住,標準化網站是提升網站 SEO 效能,提升網路能見度的重要步驟。 建議你繼續探索其他 Schema 類型,例如 Event Schema,或者學習使用 Google Tag Manager 來管理你的網站標籤。 持續優化你的網站結構化資料,讓你的網站在搜尋引擎中脫穎而出,在長遠的網路競爭中保持優勢!

優惠推廣

優惠推廣
不再顯示

確定今天不再顯示提示