AI 建站第一步：新手如何整理需求、受眾與網站資訊架構？

重點摘要

先定義網站要幫誰解決什麼問題，再決定頁面與功能。
把內容、視覺、互動、SEO 與維運需求分開整理，AI 才不會漏做。
先完成可上線的核心版本，再逐步增加後台、文章與自動化功能。

為什麼不能只對 AI 說「幫我做一個網站」？

AI 可以快速產生頁面，但它無法自行知道企業的商業目標、受眾程度、課程銷售流程與日後維護方式。如果提示只有一句話，結果通常會有漂亮外觀，卻缺少正確導覽、報名路徑、聯絡方式或法律頁面。新手最重要的工作不是先選技術，而是先把成功條件寫清楚。

可以先用四句話定義專案：網站服務誰、提供什麼價值、希望訪客完成什麼動作、網站由誰維護。例如虛擬案例「晨光數位學院」服務中小企業員工，提供辦公自動化課程，主要轉換目標是查看課程與提出企業內訓需求，日後由一位非工程人員更新內容。

建立網站定位與受眾清單

不要只寫「一般上班族」。應該拆成具體角色，例如財務人員想減少月報整理時間、營運主管想建立儀表板、中小企業主想評估自動化投資、轉職者想建立作品集。每一種角色都要對應一個常見問題、需要的內容與下一步行動。

定位完成後，將核心價值濃縮成可驗證的句子，例如「協助企業把重複工作交給自動化，並把資料轉成可理解的決策」。這句話會影響首頁標題、課程排序、文章分類與搜尋關鍵字。

用頁面地圖規劃資訊架構

企業課程網站常見的第一層頁面包括首頁、關於我們、課程專區、學習資源、常見問題、聯絡我們與服務條款。課程與文章再往下建立第二層詳細頁。新手應先確定每個頁面的唯一任務，避免同一段內容在多處重複，讓訪客與搜尋引擎都難以判斷主頁。

導覽列只保留最常用入口，頁尾則補上完整網站連結、聯絡資訊、社群、會員登入與政策頁。若另有會員系統，可以使用 members.example.com；公開教學網站則使用 academy.example.com，讓角色清楚分開。

把設計風格寫成可執行規格

與其說「科技感」，不如明確指定主色、輔色、字型、圓角、陰影與留白。例如主色藍、行動按鈕橙、白色內容區、淺灰背景、10px 圓角，繁體中文採容易閱讀的無襯線字體。這些規格可以形成設計 Token，確保每個頁面一致。

同時寫入響應式規則：手機單欄、平板雙欄、桌機三到四欄；導覽列在手機改為漢堡選單；按鈕要能鍵盤操作；圖片必須有替代文字。這些要求越早確定，後面返工越少。

建站需求書應包含哪些項目？

建議分成八區：商業目標、目標受眾、頁面清單、內容來源、設計系統、互動功能、SEO／結構化資料、管理與發布流程。內容來源要註明是重新撰寫、搬移舊站、使用既有圖片或建立新素材，並確認使用權。

互動功能可列 FAQ 展開、平滑捲動、表單驗證、外部連結安全屬性、圖片延遲載入。SEO 則包含每頁標題與描述、canonical、Sitemap、robots.txt、Breadcrumb、Organization、Person、Product、Article 與 FAQPage 等 Schema。

先做最小可行版本，再擴充

第一階段先完成公開前台、主要課程頁、聯絡方式與基本 SEO，確保網址可開啟、手機可閱讀、主要按鈕有效。第二階段再加入內容管理、文章系統、媒體上傳、預覽發布、會員入口與客服外掛。

每次擴充都應保留驗收清單：頁面是否存在、連結是否正確、圖片是否載入、表單是否可用、canonical 是否自我參照、Sitemap 是否包含正式網址。這份清單會成為後續部署與維運的基礎。

新手實作：用 ChatGPT Work 把想法整理成建站需求書

Chat 適合快速問答與發想；Work 適合需要讀取多份資料、分解步驟、持續修改並交付完整成果的工作；Codex 則更專注於程式碼、測試、指令與程式庫。建立完整網站時，可先用 Work 統整品牌、課程與舊站資料，需要深入修正程式時再切到 Codex。功能是否可用仍會依帳號方案、工作區權限與推出進度而不同。

開啟 ChatGPT 並選擇 Work。
上傳品牌資料、課程清單、Logo、舊站網址及參考圖片。
說明目標受眾、主要行動、必要頁面與不能公開的資料。
先要求產出需求書與網站地圖，不要立刻建站。
核對課程名稱、價格、電話、信箱與法律資訊。
確認後再要求建立網站並逐頁驗收。

可直接複製的提示詞：產生網站需求書

你是一位企業網站企劃與 UX 顧問。請根據我提供的品牌資料，先不要寫程式，先整理一份建站需求書。網站類型為【企業課程網站】，主要受眾是【填入受眾】，主要目標是【查看課程／提出內訓需求／下載資源】。請輸出：1. 網站定位；2. 受眾與需求；3. 頁面地圖；4. 每頁唯一任務；5. 主要 CTA；6. 必備資料；7. SEO 與 Schema；8. 無障礙要求；9. 後台管理欄位；10. 發布驗收表。若資訊不足，先列出待確認問題；網址、姓名、電話及 Email 一律先使用虛構資料。