網站建置流程怎麼走？2026 從需求、設計、開發到上線驗收，每一步要交什麼、花多久

網站建置一般分成 8 個階段：需求訪談、網站架構與 Sitemap、Wireframe、視覺設計、前後端開發、內容上架、測試驗收、上線與維運。一個 5 到 10 頁的企業形象官網，順利的話 6 到 10 週可以上線；有會員、報名、金流的網站，通常要 3 到 6 個月。時程拖長的原因，八成出在「內容沒到」與「需求中途改」，真正寫程式的時間反而最好估。

我們接網站建置案時，第一次開會最常被問的兩個問題是「多久可以上線」和「我們要準備什麼」。第二個問題比第一個重要：網站公司能控制的只有設計與開發，文案、照片、產品資料、內部簽核都在你手上，這幾樣東西什麼時候到，才決定網站什麼時候上線。這篇把每個階段要交的文件、誰負責、大概花多久整理成表，讓你在發包前就能排出自己的時程。

如果你還在比價，費用的級距與報價細節在 網站架設費用整理表；還沒決定要套版還是客製，可以先看 客製化網站怎麼做。這篇專講流程。

網站建置流程總覽：8 個階段與一般時程

先看全貌。下表以「5 到 10 頁的半客製企業官網」為基準，系統型網站（會員、報名、預約）把開發與測試兩格乘以 2 到 3 倍就差不多。

圖裡最重要的是那條斜線：內容準備要從 Sitemap 確定的那天就開始，跟設計與開發並行。很多案子把內容排在開發完成之後才動，測試站做好了卻是一片假文字，上線日就這樣往後推一個月。

想直接問自己的案子落在哪一類、大概要多久，可以 加 LINE 把需求丟過來，我們看完會直接回你一個時程區間。

網站建置每個階段要交什麼、誰負責

一句話分工：你負責「要什麼」與「內容」，廠商負責「怎麼做」與「做出來」。每個階段結束都該有一份可以簽名的產出，沒有書面產出的階段，後面一定會吵。

需求訪談：先講清楚網站要幫公司做到什麼

需求訪談要回答三件事：網站給誰看、看完要他做什麼（打電話、填表、報名、下單）、上線後誰來更新。功能清單是最後才寫的東西，目的先講清楚，功能自然收得攏。這一階段的產出是一份需求確認單，列出目標、目標客群、必要功能、參考網站、上線期限與預算區間。需求比較複雜的案子，可以照 軟體 RFP 怎麼寫 的欄位先整理一版再找廠商。

網站架構與 Sitemap：決定要有哪幾頁

Sitemap 在這裡指的是網站的頁面結構圖：首頁底下有哪些主選單、每個選單底下有哪些頁。每一頁都要寫一句「這頁的目的」，例如「服務頁：讓採購看完知道我們做得到、願意留下聯絡方式」。寫不出目的的頁面，通常可以砍掉。頁數直接影響報價與內容工作量，所以這份文件確認後，後面加頁就要談追加。

Wireframe：先用黑白稿把版面排好

Wireframe（線框稿）是沒有顏色、沒有照片的版面草圖，只決定每頁有哪些區塊、順序、按鈕放哪裡。它的價值在於讓你只討論「資訊放哪」，不會被配色和字體分心。這一步確認了，後面視覺設計的改稿次數會少很多。

視覺設計：首頁定調，內頁套規範

設計師通常先出首頁與一個代表性內頁，確認風格後再展開其他頁，並整理一份設計規範（色票、字級、按鈕樣式），讓工程師照著做。合約裡要寫清楚改稿次數與「改稿」的定義，大改版面跟調整字體顏色差很多。怎麼判斷設計稿好不好，可以參考 官網設計外包怎麼評估 的 8 個判準。

前後端開發：把設計稿變成可以點的網站

前端把設計稿做成響應式頁面（手機、平板、電腦都能看），後端負責 CMS 後台、表單、會員或報名這類需要存資料的功能。開發期間廠商應該給你一個測試站網址，讓你隨時看進度，而不是等全部做完才第一次看到。測試站與正式站要分開，原因在 測試環境、正式環境差在哪 有完整說明。

內容上架：最常被低估的一步

文案、照片、產品規格、案例、常見問題，這些幾乎都要由你提供。廠商可以協助上架，但沒辦法替你決定產品怎麼介紹、價格寫不寫。建議在需求階段就指定一位內容負責人，並跟廠商約好每一頁的交稿日。

測試驗收：照清單驗，不要憑感覺

驗收要有一份事先約好的測試清單：每一頁在手機與電腦上顯示正常、每個表單送得出去也收得到、後台能新增與修改內容、網站速度與基本 SEO 設定到位。發現的問題記在同一張追蹤表，標註嚴重度與修正期限。系統型網站可以直接沿用 軟體驗收 SOP 與 UAT 測試清單。

上線與維運：上線只是第一天

上線當天要處理網域指向、SSL 憑證、舊網址轉址、Google Search Console 提交。上線後還有主機續約、套件更新、資安修補、內容調整，這些要在維護合約裡講清楚範圍與回應時間。主機怎麼選見 網站主機怎麼選，網域的續約與轉移見 企業網域怎麼選與註冊。

網站建置要多久：三種網站類型的時程對照

先講結論：形象官網看內容速度，系統型網站看需求穩定度。下表是業界常見的區間，實際時程會依頁數、功能與你的回覆速度變動。

一頁式還是多頁官網，判斷方式在 一頁式網站 vs 多頁官網怎麼選。如果你的需求已經有登入、權限、資料流程，那其實比較接近 Web 應用，時程與報價邏輯都不同，差別見 網站開發 vs 網站架設差在哪。

我們自己的官網就是這樣排的。恆遠官網用 Next.js 與 Payload CMS 自己建置，文章、作品集、表單都在同一個後台管理。當初最花時間的一步，是把每一類內容的欄位訂好，寫程式反而快：文章要有哪些 SEO 欄位、作品集要放哪些資訊、表單送出後資料進到哪裡。欄位訂得清楚，後面一千多篇文章才上得了架。這也是我們在需求訪談時，會追問「上線後誰更新、更新什麼」的原因。

政府標案與企業採購的網站建置差在哪

一句話：企業案重速度與彈性，政府案重文件與可驗收。流程階段大致相同，差在每一步要交的書面文件多很多，驗收標準也寫死在需求書裡。

政府網站常見的硬門檻是無障礙。數位發展部的政府網站服務管理規範與網站無障礙規範，是多數機關寫需求書時的依據，技術標準的源頭是 W3C 的 WCAG 2.2（2024 年 12 月更新版）。企業網站雖然沒有強制，但開始承接政府或大企業供應鏈案子時常被要求，提前做比事後補便宜，完整路線見 網站無障礙 WCAG 2.2 合規路線圖。

政府標案的系統型網站，最常被低估的是多角色權限與稽核紀錄：誰能看哪些資料、每次修改留不留紀錄、驗收時要拿出哪些文件，細節在 政府標案系統開發跟企業案差在哪。我們做過政府標案的線上系統，例如 高雄市幼兒園招生系統：以準用最有利標得標，建置家長、園所、教育局三端的線上招生管理系統，把原本人工作業的招生流程搬到線上。三個角色看到的畫面與能做的事都不同，這類系統的需求訪談與驗收文件，比一般官網多出好幾倍。

如果你手上正好有一份需求書或招標文件，可以跟我們聊聊，我們先幫你看流程與時程排不排得下。

網站建置最常延誤的地方，怎麼提早避開

先講結論：延誤很少是工程師寫太慢，多半是「等」：等內容、等簽核、等決定。下表是業界最常見的五種延誤，以及在合約與時程表上就能先做的預防。

我們的看法很直接：Wireframe 是整個流程最值得多花一週的地方。跳過線框稿、直接看彩色設計稿的案子，討論很容易變成「這個藍色太冷」，版面問題一路拖到開發階段才被發現，那時候改一個區塊的成本是在 Wireframe 階段的好幾倍。寧可前面慢一週，也不要後面重做一個月。

合約怎麼寫才能把上面這些預防措施落實，網站設計合約範本 有逐條說明，包含驗收、改稿、網域與原始碼歸屬。報價單上哪幾行最常被藏起來，可以對照 網頁設計報價單逐行拆解。

網站建置費用怎麼抓：套版、半客製、全客製的區間

費用只給區間，因為同一類網站的報價可以差到三倍。下表沿用我們在 網站架設費用整理表 整理的級距，時程同上一節。

套版還是客製，關鍵是三年後的需求：只要放公司介紹與聯絡方式，套版就夠；要串 CRM、會員或報名流程，套版加外掛很快會撞牆。兩條路的完整比較在 客製化網站怎麼做 與 WordPress 還是客製化系統。已經決定客製、想知道規格書要寫什麼，接著看 客製化網站開發完整指南。

網站建置上線前一週的檢查清單

上線前一週，下面這張表逐項打勾。前三項沒做到，上線當天最容易出事；後面幾項沒做，問題會在上線後幾週慢慢浮上來。

網站速度的標準可以直接用 Google 的 Core Web Vitals：web.dev 建議 LCP（主要內容載入時間）在 2.5 秒內、INP（點擊後的反應時間）在 200 毫秒以內，並以 75% 的造訪達標為準。這幾個數字可以寫進驗收條件，比「網站要快」具體得多。

如果是改版、網址會換，轉址要特別小心。Google 在 網站搬遷說明 裡寫得很清楚，中型網站通常要幾週以上，搜尋結果才會逐漸換成新網址，期間排名有波動是正常的。改版的完整遷移步驟見 網站改版該注意什麼。上線後第一年的維運重點，可以參考 系統上線後的第一年 與 軟體維運合約怎麼簽。

不用一次做到完美。先讓網站上線、表單收得到詢問，速度與內容可以在上線後一個月內持續調整。

如果你正準備建置官網、會員網站或報名系統，卻不確定時程排不排得下、要先準備哪些資料，我們很樂意 先幫你看流程與時程；只需要一般企業形象官網，也可以看 企業形象網站架設，或直接 加 LINE 把需求丟過來。哪一步最可能卡住、怎麼排最省時間，我們會直接告訴你。

網站建置常見問題