同一套元件，三種頁面用途。
服務頁、案例頁與文章頁沿用相同字體和元件，依用途安排不同欄位。下方是頁型規劃示意。
服務頁
協助判斷是否適合合作
- 適合情境
- 服務範圍
- 交付與驗收
- 合作入口
案例頁
理解問題與解法
- 背景與限制
- 選擇與過程
- 可查核成果
文章頁
回答具體的讀者問題
- 問題與答案
- 說明與來源
- 延伸閱讀
- 作者資料
元件和欄位要怎麼定？
依內容種類和維護方式，決定需要哪些元件與欄位。
服務頁元件系統
定義標題、內容、案例、FAQ 與 CTA 的組合方式，安排桌面與手機各自的閱讀順序。
交付內容共用元件與頁型規則
SEO meta 欄位規則
指定標題、描述、canonical 和必要標記從哪個欄位取得，檢查是否漏填或重複輸出。
交付內容SEO 欄位對照表
Gutenberg／ACF 欄位規劃
依內容種類與維護者的需要規劃區塊或欄位。寫明哪些地方能改，哪些資料必填。
交付內容區塊與欄位規格
內容維護手冊
寫下新增頁面、處理圖片、加入站內連結與發布前檢查的步驟，供維護者照著做。
交付內容內容維護與發布規則
新增頁面時，SEO 也要一併檢查。
標題、來源與結構化資料，都要有對應的欄位和檢查方式。
SEO
讓各種頁型依同一套規則輸出標題、網址與索引設定。新增頁面時也一併檢查。
GEO
為作者、來源與問答安排欄位，讓維護者更新內容時，也能更新這些資料。
AI SEO
從可見欄位產生結構化資料。正文更新時，相關標記也要同步。
盤點頁面，訂好維護規則。
先盤點頁型，再訂規格與發布規則。時程依網站規模和維護需求安排。
盤點頁型
檢查現有頁面與欄位，找出影響搜尋、閱讀或詢問的問題。
定義元件
整理常用的頁面元素，寫明每個元件怎麼使用。
規劃欄位
安排 SEO title、description、Schema 與正文欄位。
寫維護規則
整理新增頁面與發布前檢查的步驟，交給維護團隊。
設計系統和一般網頁設計差在哪？
除了畫面，設計系統也會定義元件、欄位、頁型、SEO 規則與維護步驟。團隊擴充網站時，有同一套規則可用。
需要 ACF 或自訂欄位嗎？
要看網站需求。多人維護或頁型較多時，固定欄位可協助減少漏填與格式不一致的情況。
適合小網站嗎？
適合。頁面少時可以先訂簡單規則；服務與文章持續增加後，再補齊需要的元件與欄位。
談談團隊怎麼維護網站。
提供網站和常見的編輯問題，一起確認需要整理的頁型、欄位與維護規則。