元伸科技
網站交付，就像新房交屋驗收
買了新房子，你一定會在交屋當天仔細檢查——牆壁有沒有裂縫、水龍頭會不會漏水、電燈開關是否正常。畢竟花了大筆預算，不可能簽完名就直接搬進去住。網站交付也是同樣的道理。當網站設計公司告訴你「網站做好了」，這並不代表你的工作結束了，反而是另一個關鍵階段的開始。
老闆最常踩的坑是這樣：收到成品後，粗略看一下首頁畫面，覺得「看起來不錯」就簽收結案。結果上線後才發現手機版跑版、表單收不到信、PageSpeed 40 分客戶等不及就關掉。實務上 24 年看過太多這種案例，這些問題本來都可以在驗收階段就抓出來。
以下根據 24 年的客製化網站開發實務經驗，整理出 10 個你一定要檢查的驗收重點，分為視覺呈現、功能運作、技術品質三大面向，讓你在正式簽收之前，建立一套系統化的品質把關流程。
視覺呈現：第一印象決定品牌信任
使用者進入網站的前三秒，就會根據視覺感受決定要不要繼續瀏覽。視覺驗收不只是「好不好看」，更要確認設計是否忠實傳達品牌形象。
重點一：設計稿與實際成品的一致性
拿出當初確認過的設計稿（通常是 Figma 或 PSD 檔案），逐頁比對實際網站畫面。重點檢查項目包括：
- 字體與字級是否與設計稿一致，標題、內文、按鈕文字的大小和粗細有沒有跑掉
- 色彩搭配是否正確，品牌主色、輔色、背景色都要核對
- 間距與對齊是否精準，元素之間的留白是否符合設計規範
- 圖片品質是否清晰、不變形、不被裁切到重要內容
如果視覺呈現與當初確認的設計稿差距太大，應該在簽收之前要求修正，而非上線後再來補救。
重點二：響應式設計的跨裝置顯示
現在超過六成的網站流量來自行動裝置。你的網站在手機和平板上的呈現，和桌面版一樣重要。實務上看過太多案例，桌機版美得不得了，手機版下拉選單點不開、圖文擠在一團——而老闆驗收時只用 27 吋螢幕看，根本沒發現。我會建議：驗收時務必用實際裝置（而非只用瀏覽器縮小視窗）來檢查，至少 iPhone + Android 各一支、iPad 一台。更多關於響應式設計的觀念，可以參考響應式網頁設計指南。
- 手機版的導覽選單是否能正常展開與收合
- 圖片和文字是否自動適應螢幕寬度，不會出現橫向捲軸
- 按鈕和連結的點擊區域是否夠大，手指不會誤觸
- 表格或資料密集的區塊是否有做適當的行動版調整
重點三：品牌元素的完整呈現
品牌不只是 Logo。檢查 Favicon（瀏覽器分頁上的小圖示）是否正確設定、網站標題是否包含公司名稱、Open Graph 設定是否正確（當網址被分享到 LINE 或 Facebook 時，預覽圖片和說明文字是否正確顯示）。
功能運作：每個按鈕都要實際點過
視覺沒問題不代表功能正常。功能驗收的原則很簡單：把自己當成真實使用者，每個操作都走一遍。
重點四：表單與互動功能測試
表單是企業網站最重要的轉換工具。實務上看過太誇張的案例：客戶上線一週後問「為什麼都沒有詢問？」一查才發現聯絡表單根本沒接通知信，所有詢問都進虛無——上線一個月、損失估計上百萬商機。驗收時必須實際填寫並送出每一個表單，確認：
- 送出後是否能正確收到通知信（包括管理端和使用者端的確認信）
- 必填欄位驗證是否正常運作，漏填時有沒有清楚的錯誤提示
- 特殊欄位（如電話、Email、日期選擇器）的格式驗證是否合理
- 送出後的感謝頁面或提示訊息是否正確顯示
重點五：導覽與連結完整性
逐一點擊網站上的每個連結和按鈕，確認沒有斷裂連結（404 錯誤）。特別注意：
- 主選單和頁尾選單的所有連結是否都能正確跳轉
- 麵包屑（Breadcrumb）導覽是否邏輯正確
- CTA 按鈕（如「立即諮詢」「索取報價」）是否連結到正確頁面
- 若有錨點連結（頁面內跳轉），滑動位置是否精準
重點六：跨瀏覽器相容性
至少在 Chrome、Safari、Edge 三大瀏覽器上測試。不同瀏覽器對 CSS 和 JavaScript 的解讀可能不同，常見問題包括字體顯示差異、動畫效果不流暢、版面微妙跑版等。實務上 Safari 是最容易踩雷的——尤其是 iOS Safari，年長客戶用 iPhone 進來看到跑版就直接關掉。
技術品質：看不見的地方更要注意
技術面的問題通常不會立刻被發現，但它們會在上線後逐漸浮現，影響搜尋排名、使用者體驗和網站安全。這部分如果你不確定怎麼檢查，可以搭配網站上線前驗收清單一起使用。
重點七：頁面載入速度
速度是使用者體驗的基礎。用 Google PageSpeed Insights 測試首頁和主要內頁，目標至少達到 80 分以上。老實說，超過 90 分要看技術功力，但低於 70 分就是廠商根本沒做基本最佳化。如果分數偏低，常見原因包括：
- 圖片未壓縮或未使用 WebP 等現代格式
- CSS 和 JavaScript 檔案未壓縮（Minify）
- 未啟用瀏覽器快取和 Gzip 壓縮
- 第三方腳本過多拖慢載入
速度問題不該留到上線後才處理。更多優化策略可以參考網站效能優化指南。
重點八：SEO 基礎設定
即使你還沒開始做 SEO，基礎架構必須在交付時就到位：
- 每一頁是否都有獨立且有意義的 Title Tag 和 Meta Description
- 網址結構是否語意化（例如
/about而非/page?id=3） - Sitemap.xml 和 robots.txt 是否已正確設定
- 圖片是否都有填寫 alt 替代文字
- 是否已安裝 Google Analytics 和 Google Search Console
重點九：安全性基本檢查
安全性是最容易被忽略但後果最嚴重的環節：
- 網站是否全面使用 HTTPS（SSL 憑證），且 HTTP 會自動轉址到 HTTPS
- 後台登入頁面是否有暴力破解防護（如登入失敗次數限制）
- 管理員密碼是否為高強度密碼
- 是否有定期自動備份機制
重點十：內容管理系統的可操作性
如果網站附帶後台管理系統（CMS），你必須實際操作一遍，確認：
- 能否順利新增、編輯、刪除頁面或文章內容
- 圖片上傳功能是否正常，上傳後顯示是否正確
- 各種內容類型（最新消息、產品、FAQ 等）的管理流程是否直覺
- 是否有操作說明文件或教學影片
跟客戶聊時最常聽到的就是「我們公司沒人會技術，後台太複雜就不會用了」——這種狀況最後通常是 CMS 變廢墟，整個網站內容一年沒更新。我會建議：驗收時讓未來實際要更新內容的同事親自試操作 30 分鐘，如果他覺得操作流程不直覺、需要看說明書才會用，就要求廠商調整。
驗收的正確心態
網站驗收不是在找設計公司的麻煩，而是雙方共同確認成品品質的必要流程。一個負責任的網站設計公司，不會排斥客戶仔細驗收，反而會主動提供驗收清單和測試環境。實務上，會主動給驗收清單的廠商，通常品質都不差——因為敢給清單就代表敢被檢驗。
我會建議你在驗收時，將以上 10 個重點整理成表格，逐項打勾確認，並記錄需要修正的項目。與設計公司建立清楚的修正流程和時間表，才能確保網站在最佳狀態下正式上線。從規劃到驗收的完整流程，可以參考網站架設完整攻略。
如果你的網站即將上線，別忘了搭配網站上線後的行動清單，掌握上線後的第一週該做的關鍵事項。對於已經上線的網站，定期參考網站維護指南，才能確保長期穩定運作。
有驗收上的疑問，或正在尋找值得信賴的網站設計夥伴？可以了解元伸科技的 客製化網頁設計 服務，看是否符合需求。
📞 03-366-1000 ｜ 🌐 www.ozchamp.com ｜ 免費諮詢，24hr 內回覆
