很多人第一次發包網頁製作時，最想知道的是要多久才能上線。但這個問題其實沒辦法只由設計公司單方面回答，因為一個網站從無到有的過程，是雙方交替接棒的：某些階段在廠商手上，某些階段回到業主手上，而實務上真正拖慢進度的，往往是後者。這篇文章會把網頁製作的流程拆成幾個階段，說明每個階段在做什麼、業主要配合提供什麼，以及哪些環節最常卡住，讓你在開案前就知道自己要準備些什麼。
先說一個觀念：把網頁製作想成一條由廠商從頭做到尾的生產線，是最常見的誤解。實際的運作比較像接力：廠商完成需求訪談後，要等業主確認方向；做出架構規劃後，要等業主確認頁面清單；視覺稿出來後，要等業主回饋意見；程式切好版後，要等業主提供文案與圖片。每一次交棒，如果接棒的一方沒有及時回應，整條進度就停在那裡。
理解這一點很重要，因為它會改變你看待時程的方式。廠商報的工期通常是他們自己作業所需的時間，不包含等待你回覆的時間。所以真正的上線日，等於廠商工時加上你這邊所有決策與資料準備的時間。事先把後者也估進去，期待才會符合實際。
下面把流程拆成六個主要階段來說明。不同公司的名稱與切分方式會有差異，但實質內容大同小異。
階段一：需求訪談與範圍確認
這個階段的目的是把模糊的想法轉成可執行的範圍。好的訪談不會只問你喜歡什麼風格，而會問：這個網站主要服務哪些人、他們來的時候想找什麼、你希望他們做出什麼動作、公司內部誰會維護、有沒有既有的系統要串接、有沒有一定要保留的舊內容與網址。
業主在這個階段要準備的，是把自家生意講清楚的能力，而不是技術知識。可以事先整理：主要的產品或服務項目、跟同業的差異、常被客戶問到的問題、現有的品牌識別素材、以及三到五個你覺得順眼或不順眼的參考網站，並說明原因。「說明原因」這件事比列出網址更有價值，因為喜歡的理由才是設計師能夠沿用的資訊。
這個階段最容易出現的狀況，是內部意見還沒統一就開始訪談。如果公司裡有多位決策者，建議在開案前先內部對齊，或明確指定一位窗口負責整合意見。否則後續每一次確認都會出現不同方向的回饋，整個流程會反覆折返。
階段二：網站架構與頁面規劃
架構規劃是把範圍轉成具體的頁面清單與導覽結構，通常會產出網站地圖與各頁的內容區塊配置。這個階段決定了選單怎麼分類、哪些內容放在同一頁、哪些要獨立成頁、頁面之間怎麼互相連結，以及未來要新增內容時放在哪裡。
業主要做的事是認真看這份清單，而不是快速點頭。可以用幾個問題檢查：我的客戶最常問的資訊，在這個結構裡幾步能找到；我未來想新增的服務項目，有沒有合適的位置可以擺；後台要自己更新的區塊，有沒有被規劃進去。這個階段改動的成本最低，一旦進到視覺稿甚至切版之後才要調整架構，影響的範圍會大很多。
如果是既有網站改版，這個階段還要處理舊網址的對應。哪些頁面保留、哪些合併、哪些移除，移除後原本的網址要轉向哪裡，都應該在這時候列出來。這件事若延後處理，上線後容易出現訪客與搜尋引擎找不到舊頁面的狀況。
階段三：視覺稿確認，最需要一次講清楚的關卡
視覺稿階段會產出實際的畫面設計，通常先做首頁與幾個代表性內頁，確認風格之後再展開其餘頁面。多數合約會約定修改輪次，因此這個階段的回饋品質，直接影響後面的順暢程度。
給回饋時有幾個建議。第一，盡量把意見集中一次提出，而不是每天陸續補充；設計調整是牽一髮動全身的，分次回饋會讓同一個區塊被重做很多遍。第二，描述問題而不是直接給解法，例如說「這一區的重點看不出來」會比「把字放大」更有幫助，因為設計師可以用更多方式解決同一個問題。第三，如果有多位決策者，請先在內部整合出一份共同意見，避免互相矛盾的要求同時進來。
另外要留意的是，視覺稿呈現的是設計意圖，實際在不同尺寸的螢幕上會有變化。確認時記得同時看行動版的設計，因為多數訪客是用手機瀏覽的，如果只用電腦稿決定一切，上線後常會對手機版的呈現感到意外。
階段四：切版實作與功能串接
視覺確認後進入實作，把設計稿轉成實際可以瀏覽的網頁，並建置後台、表單、金流或其他需要的功能。這個階段主要在廠商手上，業主的參與度相對低，但有兩件事需要配合。
一是提供必要的第三方資料。例如金流服務的商店代號、物流帳號、企業信箱設定、社群帳號、地圖位置、既有系統的介接資訊。這些申請往往要跑自己的流程與審核時間，建議在流程一開始就同步著手，不要等到廠商來要才開始辦。
二是盡量不要在這個時候變更設計。切版進行到一半才回頭改版面，等於前面的工已經做過一次；如果變更牽涉到結構，影響的頁數會比想像中多。若確實有非改不可的狀況，建議一併討論時程與費用的影響，讓雙方對後果有共識，而不是默默吸收。
階段五：內容填充，實務上最常卡住的地方
如果要指出一個最常拖垮時程的環節，那就是內容。版面做好了，但文案還沒寫、照片還沒拍、產品規格還在整理，網站就會停在一個看起來快完成、實際上無法上線的狀態。這個階段的球通常在業主手上，而且往往比預期花更多時間。
內容之所以難產，有幾個常見原因。文案需要決策，寫下來的每一句話都代表公司對外的說法，所以會反覆修改；照片需要安排拍攝，牽涉場地、人員與天氣；產品資料分散在不同部門的檔案裡，彙整本身就是一項工程；有些內容還需要法務或主管審核。這些都不是廠商能代勞的部分。
可以做的準備包括：在流程一開始就同步啟動內容作業，不要等版面做好才開始；先盤點每一頁需要哪些素材，列成清單並指定負責人與期限；優先完成上線必要的內容，把次要的頁面規劃成上線後陸續補上；照片若短期內無法拍攝，先確認可用的替代方案與後續更換的時程。另外，提供給廠商的圖片盡量是原始尺寸的檔案，從社群或通訊軟體下載的壓縮圖片放到網站上容易模糊。
值得強調的是，內容不只是填空。文字寫得清楚、圖片能表達實際狀況，對訪客理解你的服務有直接影響，也是網站日後被搜尋到時的基礎。把它當成專案的一部分認真安排，而不是最後的收尾工作，整個流程會順很多。
階段六：測試、驗收與上線
內容就位後進入測試。測試的範圍包含各種瀏覽器與裝置的顯示、表單能否正常送出與收到通知、連結有沒有失效、圖片是否正常載入、金流流程能否完整走完、後台的編輯功能是否可用。這個階段廠商會先做一輪，接著由業主驗收。
業主驗收時建議不要只看畫面。可以實際模擬幾種訪客行為：用手機從搜尋結果點進來、填一次聯絡表單並確認收到信、走一次完整的下單流程、自己登入後台試著改一段文字並存檔。這些操作能發現單純瀏覽看不出來的問題。若公司內有多位同事，讓不同人各測一次，比一個人反覆看更有效。
上線本身通常不是最複雜的部分，但有幾件事要確認：網域解析是否正確切換、安全連線憑證是否生效、舊網址的轉向是否設定完成、搜尋引擎的索引設定是否從封鎖狀態改回開放、追蹤碼是否安裝。最後一項尤其容易漏掉，很多網站上線一段時間後才發現沒有任何數據紀錄。上線後也建議保留一段觀察期，實際使用後仍可能出現開發環境沒遇到的狀況。
想讓時程不失控，開案前可以先做的準備
綜合前面的說明，業主端能主動掌握的事情其實不少，而且大多可以在開案前就開始。
- 指定單一窗口：由一個人負責對外溝通與內部整合意見，避免多頭指令。
- 先內部對齊決策標準：確定誰有最終決定權，以及需要哪些人會簽。
- 同步啟動內容盤點：列出每一頁需要的文字與圖片，指定負責人與完成日。
- 提早申請第三方服務：金流、物流、信箱、網域等有審核期的項目先辦。
- 約定回饋期限：雙方講好每一輪回饋要在幾個工作日內提出。
- 把變更流程講清楚：中途新增需求時如何評估對時程與費用的影響。
這些準備不需要技術背景，卻是實際影響上線時間最大的變因。頁數越多、功能越複雜、客製程度越高，整體所需的時間通常也越長；但在同樣的規模下，準備充分與否造成的差距，往往比廠商之間的效率差距更明顯。
常見問題
網頁製作大概要多久才能上線？
沒有一體適用的答案。時間主要取決於頁面數量、功能複雜度、客製程度，以及業主端提供內容與回覆確認的速度。同樣規模的案子，內容齊備與內容待補的差距可能非常大。比較實際的做法是請廠商提供分階段的時程，並把自己的準備時間一併排進去。
可以先上線再慢慢補內容嗎？
可以，而且對某些情況是合理的選擇。做法是先確定哪些是上線必要的頁面，把其餘規劃為後續分批補齊，並在架構上預留位置。但要避免讓未完成的頁面以空白或施工中的狀態對外，這對訪客的觀感與網站的整體品質都沒有幫助。
視覺稿確認之後還能改設計嗎？
技術上可以，但成本會隨著進度增加。在切版前調整，影響範圍相對可控；在切版完成後才改，等於部分工作要重做。因此建議在視覺稿階段就把意見提完，並且讓所有需要點頭的人都在那個時候看過。
文案一定要業主自己寫嗎？
不一定，有些廠商提供文案協助或轉介。但即使委外，仍需要業主提供原始素材與專業內容的確認，因為只有你最清楚自家服務的細節與不能寫錯的地方。把這件事納入報價與時程討論，會比中途才臨時找人處理來得順利。
如果你正準備啟動網站改版或重做，可以先了解現有網站的狀況再開案。創昇SEO提供免費的網站健檢，會檢視網站結構、行動版呈現與基礎設定，順便盤點哪些內容可以沿用、哪些需要重新準備，這份清單通常能讓你在需求訪談時省下不少來回。
我們也提供全台免費到府解說，把檢視結果與可能的準備方向當面說明。不論這次的網頁製作最後交給誰執行，先把自己這一端的準備做足，整個流程都會順利許多。