白皮書與案例研究的 AI 友善排版設計

白皮書與案例研究是 B2B 行銷中最高價值的內容資產：客戶決策時會反覆查閱、複製給主管、列入採購評估（B2B 內容資產的整體規劃可參考企業形象網站方案）。但多數公司把它們做成「PDF 下載」，AI 看不到、SEO 拿不到分數、引用率為零。

實務上跟桃園、龜山、中壢的 B2B 客戶聊，老闆最常踩的坑就是「我們花了 3 個月做了 8 份案例研究、都是漂亮的 PDF」。問題是 AI 完全看不到。等於花了 3 個月的人力，做了一份只給「主動下載的人」看的資料，AI 時代這就是浪費。

老實說，這篇是元伸 24 年來輔導 3,000+ 企業中，把「沉睡的內容資產」喚醒效益最高的一份指南。下面是完整的設計原則。

為什麼純 PDF 是 AI 災難

PDF 有質感，但對 AI 來說：

• 結構化程度低（H2/H3 階層不明確）
• 缺少 Schema.org 標記
• 圖片內文字無法被讀取
• 內部連結難以建立
• 很難動態更新（每次改要重產 PDF）

結果：使用者在 ChatGPT 問「XX 行業有什麼成功案例」，AI 完全看不到你網站上的 PDF 案例庫，只能從別家有 HTML 案例頁的網站找答案。

5 個 AI 友善排版原則

原則 1：HTML 為主、PDF 為輔

每個案例研究 / 白皮書都要有獨立 HTML 頁面：

/case-studies/x-semiconductor-vacuum-pump-cost-saving
/whitepaper/ai-ready-website-implementation-guide

PDF 作為「可下載完整版」放在頁面側邊或結尾：

<aside class="download-cta">
  <h3>下載 PDF 版本</h3>
  <p>含完整圖表、附錄資料</p>
  <a href="/cases/x-semiconductor.pdf" class="btn">下載 PDF</a>
</aside>

HTML 內容必須完整，不能只是 PDF 的摘要。

原則 2：三段式結構

案例研究固定使用「挑戰 → 解決方案 → 成果」結構：

# X 半導體廠導入 OZ 真空泵：年省成本 38%

## 客戶背景
[2-3 段描述客戶業態與規模]

## 挑戰（Challenge）
- 痛點 1（含量化數據）
- 痛點 2
- 痛點 3

## 解決方案（Solution）
- 採用方案：OZ-DV5000 真空泵
- 實作流程
- 技術重點

## 成果（Results）
- 年維護成本：原 NT$ 240 萬 → 新 NT$ 149 萬（-38%）
- 年度停機時間：240h → 48h（-80%）
- 良率提升：+0.8%

## 客戶證言
"具體量化的證言"
— 客戶 / 職稱 / 公司

## 延伸應用
[類似客戶可參考的方向]

每個 H2 都能獨立回答一個問題，AI 可分別擷取。

原則 3：量化成果優先

這是案例研究的核心價值：

具體數字 + 對照（前/後）+ 時間範圍 = AI 引用首選。

實際上跟客戶聊到這一段，我會建議：除非合約真的限制不能揭露具體數字，否則寧可保守一點寫真實數據，也不要用「大幅」、「顯著」、「明顯改善」。AI 對形容詞的引用權重接近於零，對量化數據的引用權重高很多。

原則 4：Schema.org 標記

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Article",
  "articleSection": "Case Study",
  "headline": "X 半導體廠導入 OZ 真空泵：年省成本 38%",
  "author": { "@type": "Organization", "name": "OZ Industrial" },
  "datePublished": "2026-04-15",
  "publisher": { "@type": "Organization", "name": "OZ Industrial" },
  "about": [
    { "@type": "Thing", "name": "半導體製程" },
    { "@type": "Thing", "name": "真空泵" },
    { "@type": "Thing", "name": "成本優化" }
  ],
  "mentions": [
    { "@type": "Product", "name": "OZ-DV5000" }
  ]
}
</script>

articleSection: "Case Study" 讓 AI 識別「這是案例研究」，引用權重比一般 Article 高。

原則 5：白皮書多層導覽

白皮書通常較長（3000-8000 字），需要導覽元件：

• 文章開頭放「目錄」（Table of Contents）
• 每個 H2 加錨點連結
• 側邊欄顯示當前所在章節（sticky）
• 配 BreadcrumbList Schema

<aside class="toc sticky">
  <h3>本文目錄</h3>
  <ol>
    <li><a href="#executive-summary">執行摘要</a></li>
    <li><a href="#problem">問題定義</a></li>
    <li><a href="#approach">解決方案</a></li>
    <li><a href="#implementation">實作步驟</a></li>
    <li><a href="#results">預期成果</a></li>
    <li><a href="#case-studies">客戶案例</a></li>
  </ol>
</aside>

導覽幫助使用者跳讀，也讓 AI 識別文章主架構。

配套：下載 CTA 設計

PDF 下載要設計成「取得完整版」的價值交換：

• HTML 提供 70-80% 內容（足夠讓使用者理解）
• PDF 提供 100% 內容（含圖表、附錄、延伸資料）
• 下載換取 Email（Lead Generation）

注意：HTML 內容要夠完整，不能只給摘要。AI 引用看的是 HTML 內容，PDF 是給人下載的加值。

B2B 工業案例庫改造示範

以下為 B2B 工業客戶（約 12 個 PDF 案例研究，屬於產品型錄／詢價方案的內容延伸）改造的規劃範例與可追蹤指標，數值請以實際資料為準。

改造工作：每個 PDF 拆解成 HTML 案例頁 + 加 Schema + 整合到網站連結結構。工程量約每個案例 1 工作天。

不要犯的 5 個錯誤

• ❌ HTML 只放 200 字摘要：AI 看不到完整內容
• ❌ 客戶名字假化過頭：「某客戶」太模糊，至少要「某產業 + 規模」
• ❌ 沒量化成果：通篇形容詞，AI 找不到引用點
• ❌ PDF 鎖在表單後面才能下載：影響 Schema.org 的 isAccessibleForFree 訊號
• ❌ 案例間沒有內部連結：每個案例都是孤兒頁面

結語：B2B 內容資產的 AI 升級

白皮書與案例研究是 B2B 公司累積最多年的內容資產。AI 時代讓這些資產重新發光的方法不複雜，只是把 PDF 改成 HTML + 加結構。完整的 B2B 工業 AI-Ready 升級策略可進一步閱讀B2B 工業官網 AI-Ready 全攻略。

講白一點，這件事的投報率高得不合理：你不用重新寫內容，只是把現有 PDF 的內容轉換為 HTML + 加 Schema，AI 引用率就能翻倍。我跟桃園的客戶聊到這個都會說：「這是你能做的事情裡，最划算的一件。」

元伸科技在規劃客製化網站設計時協助 B2B 客戶做 AI-Ready 升級，案例研究 HTML 化是 ROI 最高的工作之一：既有資產不變、只是換包裝，引用率與流量同時起飛。24 年深耕、3,000+ 企業實戰累積的經驗讓我們知道哪些細節最關鍵。服務涵蓋桃園、龜山、中壢、台北全區，歡迎聯繫。