結構化資料 Schema Markup 實戰教學：讓 Google 與 AI 更懂你的網站
結構化資料（Schema Markup）是 SEO 與 AEO 的關鍵技術。本文教你在企業官網實作 Organization、FAQ、Article 等 Schema，提升 Rich Results 曝光與 AI 引用率。
結構化資料（Schema Markup） 是一種標準化的程式碼格式，幫助搜尋引擎與 AI 系統理解你網頁的內容。正確實作後，你的網站可能出現 Rich Results（豐富摘要），並提高被 AI 搜尋引用的機率。
結構化資料是什麼？
結構化資料使用 Schema.org 詞彙，以 JSON-LD 格式嵌入網頁中。它告訴 Google：「這是一篇文章」、「這是一家公司」、「這是一組常見問題」。
沒有結構化資料： Google 只能從 HTML 文字猜測內容意義。
有結構化資料： Google 能精確理解內容類型，並在搜尋結果中顯示更豐富的資訊。
為什麼結構化資料對 SEO 和 AEO 都重要？
對 SEO 的好處
- 搜尋結果可能顯示星級評分、FAQ 展開、麵包屑等 Rich Results
- Rich Results 的點擊率（CTR）通常比標準結果高 20-30%
- 幫助 Google 更準確理解頁面主題，提升相關性排名
對 AEO 的好處
- AI 系統（ChatGPT、Perplexity、Google AI Overview）偏好結構化、語意清晰的內容
- FAQ Schema 讓 AI 能直接摘錄問答對
- Organization Schema 幫助 AI 建立品牌實體認知
企業官網必備的 5 種 Schema
1. Organization（組織）
放在全站，告訴搜尋引擎你的公司是誰。
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "Everflow Creative",
"alternateName": "生生數位創意",
"url": "https://everflow.cc",
"logo": "https://everflow.cc/everflow-icon.png",
"contactPoint": {
"@type": "ContactPoint",
"contactType": "customer service",
"availableLanguage": ["Chinese", "English"]
}
}
2. WebSite（網站）
幫助 Google 理解網站整體結構，並啟用站內搜尋框功能。
{
"@context": "https://schema.org",
"@type": "WebSite",
"name": "Everflow Creative",
"url": "https://everflow.cc"
}
3. Article（文章）
用於部落格文章，幫助 Google 識別作者、發布日期與文章摘要。
{
"@context": "https://schema.org",
"@type": "Article",
"headline": "AEO 是什麼？2025 完整指南",
"author": {
"@type": "Organization",
"name": "Everflow Creative"
},
"datePublished": "2026-01-15",
"dateModified": "2026-01-15",
"image": "https://everflow.cc/images/blog/cover.jpg",
"publisher": {
"@type": "Organization",
"name": "Everflow Creative",
"logo": {
"@type": "ImageObject",
"url": "https://everflow.cc/everflow-icon.png"
}
}
}
4. FAQPage（常見問題）
AEO 最重要的 Schema 之一。 讓 FAQ 直接出現在搜尋結果中。
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "AEO 會取代 SEO 嗎？",
"acceptedAnswer": {
"@type": "Answer",
"text": "不會取代，而是互補。SEO 仍負責傳統搜尋流量，AEO 負責 AI 時代的品牌曝光。"
}
}
]
}
5. BreadcrumbList（麵包屑）
顯示頁面在網站中的位置，提升搜尋結果的導覽清晰度。
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "首頁",
"item": "https://everflow.cc"
},
{
"@type": "ListItem",
"position": 2,
"name": "部落格",
"item": "https://everflow.cc/blog"
}
]
}
如何實作結構化資料？
步驟 1：選擇 Schema 類型
根據頁面內容選擇對應的 Schema.org 類型。參考 Schema.org 官方文件。
步驟 2：撰寫 JSON-LD
建議使用 JSON-LD 格式（而非 Microdata 或 RDFa），因為：
- 不影響 HTML 結構
- Google 官方推薦
- 易於維護與動態生成
步驟 3：嵌入網頁
將 JSON-LD 放在 <head> 或 <body> 中的 <script type="application/ld+json"> 標籤內。
步驟 4：驗證
使用以下工具驗證：
- Google Rich Results Test — 檢查是否符合 Rich Results 資格
- Schema Markup Validator — 檢查語法正確性
- Google Search Console — 監控結構化資料狀態與錯誤
步驟 5：監控與維護
在 Google Search Console 的「強化功能」報告中，持續監控結構化資料的錯誤與警告。
常見錯誤與避免方法
| 錯誤 | 後果 | 避免方法 |
|---|---|---|
| Schema 內容與頁面不符 | 被 Google 忽略或懲罰 | 確保 JSON-LD 反映真實內容 |
| 重複標記同一內容 | 混淆搜尋引擎 | 每頁只用一種主要 Schema |
| 缺少必填欄位 | 無法觸發 Rich Results | 參考 Google 文件確認必填項 |
| 使用過時的 Schema 類型 | 無法獲得新功能 | 定期檢查 Schema.org 更新 |
| 只在首頁放 Schema | 內頁無法獲得 Rich Results | 每個重要頁面都應有對應 Schema |
結構化資料與 Next.js 整合
若使用 Next.js 建置官網，可在 layout.tsx 或各頁面的 metadata 中動態生成 JSON-LD：
export default function BlogPost({ post }) {
const jsonLd = {
"@context": "https://schema.org",
"@type": "Article",
headline: post.title,
datePublished: post.date,
author: { "@type": "Organization", name: "Everflow Creative" },
};
return (
<>
<script
type="application/ld+json"
dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLd) }}
/>
{/* 頁面內容 */}
</>
);
}
常見問題 FAQ
加了 Schema 就一定會出現 Rich Results 嗎？
不一定。Schema 是「資格條件」，Google 會根據內容品質、網站權威等因素決定是否顯示。但沒有 Schema 幾乎不可能出現 Rich Results。
結構化資料會影響網站速度嗎？
JSON-LD 通常只有幾 KB，對速度影響極小。相對於帶來的 SEO 與 AEO 效益，完全值得實作。
需要每個頁面都加 Schema 嗎？
至少全站的 Organization 和 WebSite Schema 應該要有。部落格文章加 Article，服務頁加 Service，FAQ 頁加 FAQPage。
可以用外掛自動生成 Schema 嗎？
WordPress 有 Yoast SEO、Rank Math 等外掛可自動生成。但若使用 Next.js 等現代框架，建議在程式碼中直接管理，更精確可控。
Schema 對 AI 搜尋（AEO）有直接幫助嗎？
有。結構化資料讓 AI 系統能更精確理解內容語意，特別是 FAQ Schema 和 Article Schema，直接提升被 AI 引用的機率。