網站上線前怎麼驗收？

網站做好了，設計公司傳來一個網址，請你「驗收一下」。很多老闆點開首頁看一看，覺得漂亮就回覆「OK」。等到正式上線、客人開始用，才發現表單收不到信、手機上按鈕按不到、電話號碼少一碼。

驗收就是在上線之前，確認網站真的做到當初講好的事。這篇整理一份老闆自己就能做的清單，不需要懂程式，一台手機、一台電腦就夠了。

驗收前先準備三樣東西

一、當初的需求清單或報價明細。 驗收的標準是「當初講好的」，不是「現在想到的」。手邊有這份清單，才知道每一項有沒有做到。

二、兩種裝置。 一台手機、一台電腦。客人大部分用手機看網站，手機一定要測。

三、一段完整的時間。 留一兩個小時從頭看到尾，比零零碎碎看好幾天更不容易漏掉。

一、內容：每個字都要對

網站上的文字，設計公司通常是照你給的資料放上去，錯了他們也不一定看得出來。這部分只有你能檢查：

• 電話、地址、營業時間、Email：一個字一個字對。這些錯了，客人就找不到你。
• 價格、規格、服務項目：和現在實際的一致。
• 錯字、漏字：特別是標題和按鈕上的字。
• 圖片：是不是你的產品、你的店；有沒有放錯、放了別家的照片。圖片的來源要有授權，原因在〈網站圖片和字型要有授權〉。
• 連結：每個選單、每個按鈕都點一次，看會不會跑到錯的頁面或打不開。

二、手機版：每一頁都滑一遍

用手機從首頁開始，每一頁都滑到底：

• 字會不會太小，要不要放大才看得清楚。
• 按鈕好不好按，會不會兩個按鈕太近按錯。
• 圖片有沒有被切掉，表格、長的文字有沒有超出畫面。
• 選單打得開、關得起來。

手機版要檢查的細節比較多，完整的清單在〈RWD 響應式網頁設計完整指南〉。

三、功能：每個功能都實際用一次

這部分最常出問題，因為只看畫面看不出來，一定要實際操作：

• 聯絡表單：自己填一次送出，確認信真的收到、收到的是哪個信箱、客人填的內容有沒有完整出現。表單怎麼設計才好用，在〈網站聯絡表單怎麼設計？〉。
• 電話、LINE 按鈕：用手機點，看是不是直接撥號、直接開 LINE 加好友。
• 地圖：位置對不對，點了能不能導航。
• 購物車：下一張測試訂單，從加入購物車、付款到收到訂單通知，整個流程走完，再確認測試訂單怎麼取消、退款。
• 會員、預約、報名：註冊一個測試帳號，忘記密碼的信收不收得到。

四、速度：用手機網路打開

不要只在辦公室的 Wi-Fi 測。關掉 Wi-Fi，用手機網路打開首頁和最重要的一兩頁，感覺一下要等多久。等超過三秒還是白畫面，就要請設計公司處理，常見的原因在〈網站打開很慢？〉。

五、搜尋：上線那天就要設定好的事

這幾項老闆不一定會操作，但可以直接問設計公司「做了沒有」：

• 網址是 https 開頭，網址列有鎖頭。
• 每一頁有自己的標題和說明，不是每頁都一樣。
• 網站已經提交 Google Search Console 和網站地圖。
• 如果是改版，舊網站的網址有沒有轉到新的頁面，不然以前累積的搜尋排名會不見。

上線後的提交流程在〈網站上線後的 SEO 提交流程〉。

六、交接：網站是你的，鑰匙也要在你手上

• 後台帳號：拿到自己的管理員帳號密碼，自己登入一次，確認能用。
• 操作教學：怎麼改文字、換圖片、新增文章，最好有教學或說明文件。
• 網址和主機：知道網址、主機註冊在誰的名下，什麼時候要續約。
• 備份：問清楚有沒有定期備份、出問題時怎麼還原。

發現問題時，怎麼回報

驗收時發現的問題，整理成一份清單一次給設計公司，比想到一個傳一個有效率，也比較不會漏。每一項寫清楚三件事：

1. 哪一頁：貼上網址。
2. 用什麼看：手機還是電腦，哪一款手機。
3. 哪裡不對：截圖，圈出來，寫「應該是什麼」。

例如：「關於我們頁（網址），iPhone 上第二段的電話少一碼，應該是 02-1234-5678。」這樣對方一看就知道要改哪裡。

修正和新需求，要分開

驗收時常會冒出新想法：「這裡好像可以再加一個影片」「首頁換一個顏色好了」。這些要和「做錯了要修」分開：

• 修正：和當初講好的不一樣，例如錯字、功能壞掉、版面跑掉。這是設計公司要負責改好的。
• 新需求：當初沒有講到、現在才想加的。可以加，但通常要另外估時間和費用。

分清楚，驗收才不會變成無止境的修改，雙方都比較好溝通。哪些算修正、改幾次、怎麼算驗收完成，最好在簽約時就寫進合約。

驗收完，才是開始

網站上線之後，還有內容要更新、外掛要升級、資料要備份。這些日常的照顧在〈網站做好就沒事了嗎？〉有整理。

正威網路行銷是 25 年經驗的基隆網頁設計工作室，也服務台北和全台灣的客戶。我們的建站方案包含後台操作教學，上線後的網站管家年費包含每日備份和每年 12 次小修改。正在驗收網站、不確定哪些地方該注意，歡迎免費諮詢。