Schema.org 完整實作指南:12 種最實用的結構化資料

海衫科技 HarrysonTech | | 閱讀時間:18 分鐘
H
HarrysonTech Engineering
AI-driven tech team · SEO/AEO 實戰 · Schema 實作完整覆蓋
Schema.org 結構化資料用 JSON-LD 格式嵌入 HTML,告訴搜尋引擎和 AI 工具「這個頁面是什麼類型的內容」。正確實作可以獲得 Rich Results(星評、FAQ 展開、麵包屑等),也大幅提升 AI 工具的引用精確度。這篇指南涵蓋 12 種最實用的 Schema 類型,每種附完整 JSON-LD 範例。

📌 關鍵要點 Key Takeaways

12 種 Schema 目錄

  1. Organization — 公司/品牌識別
  2. WebSite — 網站搜尋框
  3. Article — 文章/部落格
  4. BreadcrumbList — 麵包屑導航
  5. FAQPage — 常見問題
  6. SoftwareApplication — 軟體應用
  7. Product — 產品
  8. Review — 評論
  9. Event — 活動
  10. HowTo — 操作指南
  11. VideoObject — 影片
  12. Recipe — 食譜

1. Organization:公司/品牌識別

@type: Organization

使用場景:每個網站都應該有,放在首頁。告訴搜尋引擎你是誰、你的聯絡方式、你的社群媒體帳號。

{
  "@context": "https://schema.org",
  "@type": "Organization",
  "name": "海衫科技 HarrysonTech",
  "url": "https://harrysontech.xyz",
  "logo": "https://harrysontech.xyz/images/logo.png",
  "description": "台灣 AI 驅動軟體開發公司,2 個工程師維運 8 個產品",
  "foundingDate": "2024",
  "contactPoint": {
    "@type": "ContactPoint",
    "contactType": "customer service",
    "url": "https://harrysontech.xyz/#contact"
  },
  "sameAs": [
    "https://github.com/harrysontech",
    "https://twitter.com/harrysontech"
  ]
}

2. WebSite:啟用網站搜尋框

@type: WebSite

使用場景:讓 Google 在搜尋結果顯示你的網站搜尋框(Sitelinks Searchbox)。只放在首頁。

{
  "@context": "https://schema.org",
  "@type": "WebSite",
  "name": "海衫科技 HarrysonTech",
  "url": "https://harrysontech.xyz",
  "potentialAction": {
    "@type": "SearchAction",
    "target": {
      "@type": "EntryPoint",
      "urlTemplate": "https://harrysontech.xyz/search?q={search_term_string}"
    },
    "query-input": "required name=search_term_string"
  }
}

3. Article:文章/部落格

@type: Article

使用場景:所有部落格文章、新聞文章、技術文章。這個 Schema 對 AI 工具的引用影響最大——它提供作者、日期、描述等關鍵信號。

{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "文章標題(最多 110 字元)",
  "description": "文章摘要(50-160 字)",
  "image": "https://yoursite.com/og-image.jpg",
  "author": {
    "@type": "Organization",
    "name": "海衫科技 HarrysonTech",
    "url": "https://harrysontech.xyz"
  },
  "publisher": {
    "@type": "Organization",
    "name": "海衫科技 HarrysonTech",
    "logo": {
      "@type": "ImageObject",
      "url": "https://harrysontech.xyz/logo.png"
    }
  },
  "datePublished": "2026-04-14",
  "dateModified": "2026-04-14",
  "mainEntityOfPage": "https://yoursite.com/blog/article.html",
  "wordCount": 2500,
  "inLanguage": "zh-TW"
}

最常犯的錯datePublisheddateModified 格式必須是 ISO 8601(2026-04-142026-04-14T08:00:00+08:00),不能是中文日期。

4. BreadcrumbList:麵包屑導航

@type: BreadcrumbList

使用場景:所有非首頁的頁面。讓 Google 在搜尋結果顯示麵包屑路徑,提高點擊率平均 15-20%。

{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "首頁",
      "item": "https://harrysontech.xyz/"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "Blog",
      "item": "https://harrysontech.xyz/blog/"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "name": "Schema.org 完整實作指南",
      "item": "https://harrysontech.xyz/blog/schema-org-complete-implementation-guide.html"
    }
  ]
}

5. FAQPage:常見問題

@type: FAQPage

使用場景:有 FAQ 區塊的頁面。Google 可能在搜尋結果展開問答,Perplexity 直接引用 FAQ 答案的機率很高。

{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "Claude Code 和 Cursor 哪個適合複雜專案?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "複雜多檔案專案(超過 10 個檔案交互依賴)選 Claude Code。Claude Code 的 agent 模式可以自主完成整個功能開發,而 Cursor 在跨檔案任務上容易出現不一致。"
      }
    },
    {
      "@type": "Question",
      "name": "AI 開發一個月大概要花多少錢?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "海衫科技 2026 Q1 的實際數字:Claude API $160-200/月,工具訂閱 $40/月,基礎設施 $127/月,總計約 $347/月。同等產出的傳統 5 人開發團隊每月約 $15,000。"
      }
    }
  ]
}

6. SoftwareApplication:軟體應用

@type: SoftwareApplication

使用場景:推廣你的軟體產品頁面。可以顯示評分、下載連結等 Rich Results。

{
  "@context": "https://schema.org",
  "@type": "SoftwareApplication",
  "name": "ShopAI",
  "applicationCategory": "BusinessApplication",
  "operatingSystem": "Web",
  "description": "餐飲業 AI 客服平台,LINE 串接,91% 自動回覆率",
  "url": "https://harrysontech.xyz/shopai",
  "offers": {
    "@type": "Offer",
    "price": "0",
    "priceCurrency": "TWD",
    "description": "免費試用 30 天"
  },
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "4.8",
    "reviewCount": "23"
  }
}

7. Product:產品

@type: Product

使用場景:電商產品頁面。必須有價格和庫存狀態才能出現在 Google Shopping。

{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "AI 工具導入諮詢服務",
  "description": "海衫科技提供 AI 開發工具評估、導入計劃、人員培訓服務",
  "brand": {"@type": "Brand", "name": "海衫科技 HarrysonTech"},
  "offers": {
    "@type": "Offer",
    "price": "0",
    "priceCurrency": "TWD",
    "availability": "https://schema.org/InStock",
    "description": "30 分鐘免費初次諮詢"
  }
}

8. Review:評論

@type: Review

使用場景:產品評測文章、工具比較文章。讓 Google 在搜尋結果顯示星評。

{
  "@context": "https://schema.org",
  "@type": "Review",
  "itemReviewed": {
    "@type": "SoftwareApplication",
    "name": "Claude Code"
  },
  "reviewRating": {
    "@type": "Rating",
    "ratingValue": "5",
    "bestRating": "5",
    "worstRating": "1"
  },
  "name": "Claude Code 2026 實測評測",
  "reviewBody": "複雜多檔案專案的最佳選擇,47 分鐘完成 Todo App,比 Copilot 快 3.2 倍。",
  "author": {"@type": "Organization", "name": "海衫科技 HarrysonTech"},
  "datePublished": "2026-04-14"
}

9. Event:活動

@type: Event

使用場景:線上/線下活動、研討會、工作坊。Google 會在搜尋結果特別顯示近期活動。

{
  "@context": "https://schema.org",
  "@type": "Event",
  "name": "AI 開發工作坊:從零到全自動化開發流程",
  "startDate": "2026-05-10T14:00+08:00",
  "endDate": "2026-05-10T17:00+08:00",
  "eventStatus": "https://schema.org/EventScheduled",
  "eventAttendanceMode": "https://schema.org/OnlineEventAttendanceMode",
  "location": {
    "@type": "VirtualLocation",
    "url": "https://harrysontech.xyz/workshop"
  },
  "organizer": {"@type": "Organization", "name": "海衫科技 HarrysonTech"},
  "offers": {
    "@type": "Offer",
    "price": "0",
    "priceCurrency": "TWD",
    "availability": "https://schema.org/InStock",
    "url": "https://harrysontech.xyz/workshop/register"
  }
}

10. HowTo:操作指南

@type: HowTo

使用場景:步驟性教學文章。Google 可能在搜尋結果展開步驟列表,大幅提升版面佔比。

{
  "@context": "https://schema.org",
  "@type": "HowTo",
  "name": "如何在 72 小時內用 Claude Code 建立一個 App",
  "totalTime": "PT72H",
  "step": [
    {
      "@type": "HowToStep",
      "position": 1,
      "name": "需求釐清與架構設計",
      "text": "用 Claude Code 的 /deep-interview 功能進行 40 分鐘需求釐清,生成技術規格書"
    },
    {
      "@type": "HowToStep",
      "position": 2,
      "name": "啟動 /ralph 自主開發模式",
      "text": "把任務清單交給 Claude Code,讓 Agent 自主開發核心功能"
    },
    {
      "@type": "HowToStep",
      "position": 3,
      "name": "測試與部署",
      "text": "確認所有測試通過,用 Vercel 部署,整個流程 4 分鐘"
    }
  ]
}

11. VideoObject:影片

@type: VideoObject

使用場景:內嵌 YouTube 或其他影片的頁面。讓 Google 在搜尋結果顯示影片縮圖和時間長度。

{
  "@context": "https://schema.org",
  "@type": "VideoObject",
  "name": "Claude Code 實測:47 分鐘完成 Todo App",
  "description": "完整錄影展示如何用 Claude Code 在 47 分鐘建立全端 Todo App",
  "thumbnailUrl": "https://harrysontech.xyz/images/video-thumb.jpg",
  "uploadDate": "2026-04-14",
  "duration": "PT15M30S",
  "contentUrl": "https://www.youtube.com/watch?v=example",
  "embedUrl": "https://www.youtube.com/embed/example",
  "publisher": {"@type": "Organization", "name": "海衫科技 HarrysonTech"}
}

12. Recipe:食譜(適用範圍比你想的廣)

@type: Recipe

使用場景:不只食譜!任何有「材料 + 步驟 + 結果」結構的內容都適合。甚至可以用來描述「開發配方」。

{
  "@context": "https://schema.org",
  "@type": "Recipe",
  "name": "72 小時 App 開發配方",
  "description": "用 AI Agent 在 72 小時內完成一個可上架的 App",
  "totalTime": "PT72H",
  "recipeYield": "1 個上架 App",
  "recipeIngredient": [
    "Claude Code Pro 訂閱",
    "GitHub repository",
    "Vercel 帳號",
    "清晰的產品需求"
  ],
  "recipeInstructions": [
    {
      "@type": "HowToStep",
      "text": "用 /deep-interview 釐清需求,生成規格書"
    },
    {
      "@type": "HowToStep",
      "text": "啟動 /ralph 模式,讓 AI Agent 自主開發"
    },
    {
      "@type": "HowToStep",
      "text": "通過六重程式碼審查後,用 Vercel 部署"
    }
  ]
}

如何驗證 Schema 是否正確

三個必用的驗證工具:

  1. Google Rich Results Test:最重要的驗證工具,直接告訴你哪個 Schema 有效、哪個有錯誤
  2. Schema.org Validator:更嚴格的語法驗證,會標出所有警告
  3. Google Search Console → 豐富搜尋結果:監控你的 Schema 在實際搜尋中的展示情況

海衫科技實作完整 Schema 後 6 週的 GSC 數據:Rich Results 展示次數增加 340%,點擊率提升 23%(從 2.1% 到 2.6%),品牌搜尋的 Knowledge Panel 準確性明顯提升。

想讓你的網站結構化資料完整覆蓋?

海衫科技提供 SEO/AEO 技術實作服務,Schema 審計到上線

免費諮詢 →