Schema.org 完整實作指南:12 種最實用的結構化資料
📌 關鍵要點 Key Takeaways
- JSON-LD 是 Google 和所有主流搜尋引擎推薦的 Schema 實作方式
- 每個頁面可以有多個 Schema(例如 Article + BreadcrumbList + FAQPage)
- Schema 不能替代好內容,但好內容加上正確 Schema 效果倍增
- 用 Google Rich Results Test 驗證,免費且即時
- 海衫科技實作完整 Schema 後,Google Search Console 的 Rich Results 展示次數增加 340%
12 種 Schema 目錄
- Organization — 公司/品牌識別
- WebSite — 網站搜尋框
- Article — 文章/部落格
- BreadcrumbList — 麵包屑導航
- FAQPage — 常見問題
- SoftwareApplication — 軟體應用
- Product — 產品
- Review — 評論
- Event — 活動
- HowTo — 操作指南
- VideoObject — 影片
- Recipe — 食譜
1. 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:啟用網站搜尋框
使用場景:讓 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:文章/部落格
使用場景:所有部落格文章、新聞文章、技術文章。這個 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"
}
最常犯的錯:datePublished 和 dateModified 格式必須是 ISO 8601(2026-04-14 或 2026-04-14T08:00:00+08:00),不能是中文日期。
4. 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:常見問題
使用場景:有 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:軟體應用
使用場景:推廣你的軟體產品頁面。可以顯示評分、下載連結等 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:產品
使用場景:電商產品頁面。必須有價格和庫存狀態才能出現在 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:評論
使用場景:產品評測文章、工具比較文章。讓 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:活動
使用場景:線上/線下活動、研討會、工作坊。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:操作指南
使用場景:步驟性教學文章。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:影片
使用場景:內嵌 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:食譜(適用範圍比你想的廣)
使用場景:不只食譜!任何有「材料 + 步驟 + 結果」結構的內容都適合。甚至可以用來描述「開發配方」。
{
"@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 是否正確
三個必用的驗證工具:
- Google Rich Results Test:最重要的驗證工具,直接告訴你哪個 Schema 有效、哪個有錯誤
- Schema.org Validator:更嚴格的語法驗證,會標出所有警告
- Google Search Console → 豐富搜尋結果:監控你的 Schema 在實際搜尋中的展示情況
海衫科技實作完整 Schema 後 6 週的 GSC 數據:Rich Results 展示次數增加 340%,點擊率提升 23%(從 2.1% 到 2.6%),品牌搜尋的 Knowledge Panel 準確性明顯提升。