元伸科技
驗收就像新屋交屋：一步都不能省
買預售屋的人都知道，交屋那天不是拿了鑰匙就回家——你得帶著驗屋清單，從天花板到排水孔逐項檢查，發現問題當場記錄、要求修繕。客製化網頁設計的驗收也是同樣的道理：設計公司交出成品後，你需要一套有系統的方法來確認每個細節都符合當初的約定。
很多客戶在驗收階段只是「看一看、點一點」，覺得畫面漂亮就簽收了，結果上線後才發現手機版跑版、表單沒寄出通知信、某個頁面少了一段文字。這些問題如果在驗收時就發現，修正成本幾乎是零；但上線後才處理，不僅影響訪客體驗，還可能需要額外付費。
本文將以元伸科技的實際驗收流程為基礎，帶你了解從視覺設計到功能測試、從內容校對到 SEO 設定，一個完整的驗收該怎麼做、該注意什麼。
驗收的重要性常常被低估。根據我們多年的經驗，上線後才發現的問題，修正成本通常是驗收階段的 3～5 倍——因為涉及排程協調、線上環境測試等更多環節。更重要的是，上線後的問題直接面對真實訪客，每多拖一天就多流失一些信任。花幾天好好做驗收，絕對是值得的投資。
不過在開始逐項檢查之前，你需要先釐清「驗收的依據是什麼」。這通常包含以下幾份文件：
- 合約與報價單：記載了雙方約定的功能範圍與交付項目。如果你不確定某個功能是否包含在內，交付物清單是最直接的參考依據
- 設計稿或線框圖：當初確認過的視覺設計，是檢查頁面外觀的標準
- 功能需求文件：列出所有約定的功能項目，包含前台互動與後台管理
- 修改紀錄：專案過程中雙方確認的變更事項，確保最終版本已納入所有調整
元伸在專案啟動時就會建立明確的交付項目清單，驗收階段你只需要對照清單逐項確認，不怕遺漏。
建議驗收前先把這些文件整理好，有了明確的參照標準，才能避免「我以為有包含這個功能」的誤會。
完整驗收的時間規劃
很多客戶以為驗收就是花一個下午點點看看就完成了，其實一個完整的驗收流程通常需要 1～2 週的時間。以下是建議的時間規劃：
第 1-2 天：初次驗收。 聚焦在視覺設計和頁面架構的確認，同步進行內容校對。
第 3-5 天：功能測試。 逐一測試所有互動功能、表單、後台管理、跨裝置相容性。
第 6-10 天：修正與回饋。 彙整所有問題，提交給設計公司修正，然後進行二次確認。
第 11-12 天：SEO 與追蹤設定確認。 檢查 Meta 標籤、Google Analytics、Pixel 埋設、SSL 等技術項目。
第 13-14 天：正式上線。 簽署完工確認、DNS 切換、上線後監控。
當然，實際時程會因專案規模而異。一個五頁的形象網站可能一週內就能完成驗收，但一個含電商功能的大型網站可能需要三週以上。重點不是趕時間，而是確保每個環節都經過確實檢查。
視覺設計驗收：不只是「好不好看」
視覺驗收不是憑感覺，而是要對照設計稿系統性地檢查。建議從以下幾個面向切入：
- 品牌一致性：Logo、品牌色、字體是否正確套用到所有頁面？頁尾的公司資訊是否與名片、DM 一致？
- 排版與間距：標題層級、段落間距、圖文比例是否與設計稿吻合？特別注意首頁和重要的服務頁面
- 圖片品質：所有圖片是否清晰、無變形？Banner 圖片是否有正確裁切？
- RWD 響應式呈現：分別在桌機、平板、手機上瀏覽每個頁面，確認排版沒有跑版、文字不會被截斷、按鈕大小適合觸控操作
在視覺驗收時，有幾個容易被忽略的細節值得特別注意：
頁面底部的設計。 很多人檢查網頁時只看上半段就滑走了，但頁面底部（footer）的設計同樣重要。確認頁尾的公司地址、電話、Email 是否正確，社群媒體連結是否指向正確的帳號，版權宣告的年份是否正確。
「空狀態」的處理。 如果網站有搜尋功能、產品篩選或留言系統，測試一下當沒有搜尋結果或沒有留言時，頁面的呈現方式是否合理。很多設計師會專注在「有內容」的畫面，卻忽略了這些邊緣情況。
動畫與過渡效果。 如果網站有滾動動畫、hover 效果或頁面切換過渡，確認這些效果在不同瀏覽器和裝置上都能正常運作。特別是在較慢的手機上，過於複雜的動畫可能導致卡頓。
列印版本。 如果客戶可能會列印網頁內容（如產品規格頁），測試列印預覽是否正常。
功能測試驗收：每個按鈕都要點
功能測試是驗收中最容易被忽略、卻最關鍵的環節。建議你親自操作每一個互動功能，而不是只聽設計公司說「都做好了」：
- 表單功能：填寫聯絡表單、詢價表單，確認送出後是否收到通知信？信件內容是否完整？
- 導覽與連結：點擊每個選單項目、頁面內的連結、按鈕，確認都能正確跳轉，沒有 404 錯誤頁面
- 搜尋功能：如果網站有搜尋列，測試各種關鍵字是否能找到對應內容
- 後台管理：登入後台，測試新增、編輯、刪除內容的流程是否順暢
- 第三方整合：Google Analytics 追蹤碼、Facebook Pixel、LINE 官方帳號連結等是否正確埋設
根據元伸的經驗，功能測試最好由兩個人以上分別操作，因為每個人的使用習慣不同，能發現不同的問題。關於整體合作中的溝通技巧，可參考網頁設計合作溝通指南。
在功能測試中，以下幾個項目經常被遺漏，建議特別注意：
表單驗證。 不只是填完正確資料送出，也要測試填入錯誤資料時的反應。例如：Email 欄位填入非 Email 格式、必填欄位留空、電話號碼填入文字——這些情境下，網站是否會顯示清楚的錯誤提示，而不是讓用戶一頭霧水？
手機版的表單操作。 確認每個輸入欄位在手機上都能正常點擊、鍵盤類型是否正確（例如電話欄位應跳出數字鍵盤）、送出按鈕是否容易按到。
404 頁面。 故意輸入不存在的網址，確認 404 頁面有適當設計，提供返回首頁的連結和搜尋功能。
網站速度。 用 Google PageSpeed Insights 測試，如果分數低於 60 代表有明顯效能問題需處理。
瀏覽器相容性。 至少在 Chrome、Safari、Edge 三個主流瀏覽器上分別測試，確認顯示一致。
內容與 SEO 驗收：細節決定成敗
許多客戶在驗收時只注意視覺和功能，卻忽略了內容與 SEO 設定。這些「看不見」的細節，直接影響網站上線後的搜尋表現：
- 文字內容校對：逐頁檢查是否有錯字、漏字、過時資訊。特別注意電話號碼、地址、營業時間等容易出錯的資訊
- Meta 標題與描述：每個頁面是否都有獨立的 Title 和 Description？字數是否在搜尋引擎建議範圍內？
- 圖片 Alt 文字：所有圖片是否都有加上替代文字？這不只是 SEO 需求，也是無障礙設計的基本要求
- 網址結構：頁面網址是否簡潔、有意義？是否符合當初規劃的網站架構？
- SSL 憑證：網址列是否顯示安全鎖頭？所有頁面是否都走 HTTPS？
SEO 驗收容易被忽略的原因是：這些東西用肉眼看不到。你不會在瀏覽網頁時自然注意到 Meta Description 寫了什麼、H1 標籤有沒有重複。但這些細節對搜尋引擎來說非常重要，它們直接決定了你的網站在搜尋結果頁面上如何呈現。
以下是 SEO 驗收的進階檢查清單：
結構化資料（Schema Markup）。 確認企業資訊、FAQ 等頁面是否有正確加入 Schema 標記，讓搜尋結果顯示更豐富的資訊，提升點擊率。
Sitemap 與 robots.txt。 確認 XML Sitemap 已建立且包含所有應被索引的頁面，robots.txt 正確設定，不會讓搜尋引擎爬到後台。
重複內容檢查。 確認每個頁面都有設定 canonical 標籤，避免因 URL 參數產生重複內容。
社群分享預覽。 在 Facebook、LINE 上貼一次網址，確認分享出來的標題、描述和縮圖是否正確。
著作權與資產交付：保障雙方權益
驗收時也要確認著作權歸屬與相關資產的交付方式。以元伸的政策為例，網站著作權為元伸所有，客戶擁有永久使用權。這代表你可以持續使用這個網站營運業務，但不能將原始碼轉售或授權給第三方。
這種著作權安排在業界是常見且合理的做法。設計公司投入了多年累積的技術經驗來開發你的網站，著作權歸屬開發者是合理的。而你作為客戶，獲得的是不受限制的永久使用權——可以自由使用網站經營業務、修改內容、新增頁面，不需要額外支付授權費。這種模式既保護了智慧財產權，也充分保障了客戶的使用權益。
在資產交付方面，你應該確認以下項目：
- 網域與主機：網域註冊資訊是否正確？主機方案與規格是否符合合約？
- 帳號密碼：後台管理帳號、FTP 帳號、資料庫帳號等是否已交付？
- 原始設計檔：根據合約約定，確認是否需要交付 PSD、Figma 等設計原始檔
- 操作教學文件：後台管理的操作說明是否完整？特別是內容更新、圖片上傳等日常操作
- 第三方服務帳號：Google Analytics、Search Console、社群媒體等帳號的存取權限是否已設定
建議驗收完成後，把所有帳號密碼統一記錄在密碼管理工具中，並確認至少有兩個人知道如何存取這些資訊。
了解完整的客製化網頁設計流程，有助於你在每個階段都掌握該確認的事項。同時也推薦參考客製化網站設計完整指南，從規劃到上線建立全面的認知框架。
驗收回饋的溝通技巧：讓修改更有效率
發現問題後，如何回饋給設計公司也是一門學問。有效的回饋能讓修改一次到位，避免來回溝通浪費時間：
- 截圖標注：用截圖工具圈出問題位置，比純文字描述清楚十倍。標注「首頁第三區塊的按鈕文字應改為『立即諮詢』」，遠比「首頁有個按鈕文字不對」更容易處理
- 分類整理：將問題依「必須修正」和「建議調整」分級，幫助設計公司安排修改優先順序
- 統一窗口：指定一位負責人彙整所有人的意見後再統一回饋，避免多頭馬車導致遺漏或矛盾
- 書面記錄：所有驗收意見都用文件或 Email 記錄，不要只靠口頭或電話溝通
回饋的品質直接決定了修改的效率和結果。以下是一些實用的回饋技巧：
提供具體的修改方向，而非模糊的感覺。 「這裡看起來不太對」是無效回饋。改成「這段文字的行距太擠，建議增加到 1.8 倍行距」，就是設計師可以立即執行的明確指示。
區分「個人偏好」和「客觀問題」。 「我覺得藍色比較好看」是個人偏好，「品牌色應該是 #FF7043 而非 #FF5722」是客觀問題。兩者都可以提出，但標注清楚有助於判斷優先順序。
一次提完所有問題。 避免「擠牙膏」式的回饋。最好的做法是花兩到三天完整檢查一輪，然後一次彙整所有問題。
附上裝置和瀏覽器資訊。 「iPhone 15 Safari 上這個選單無法展開」比「手機上選單壞了」更有助於開發團隊定位問題。
元伸提供線上完工確認系統，客戶可以直接在系統上逐項勾選確認狀態，所有紀錄自動存檔，雙方都能隨時回溯。這種系統化的驗收方式，比傳統的 Email 來回溝通效率高出許多，也大幅降低了資訊遺漏的風險。
上線後的注意事項
驗收通過、正式上線之後，還有幾件事需要在第一週內確認：
監控網站運作狀態。 建議前三天每天至少瀏覽一次網站，確認所有頁面能正常載入。
確認表單通知正常。 自己填一次聯絡表單，確認通知信能正常寄到指定信箱。
檢查 Google Analytics 資料。 上線一天後確認有收到即時數據，若看不到資料代表追蹤碼可能安裝有誤。
提交 Sitemap 給 Google。 在 Google Search Console 中提交 XML Sitemap，加速索引速度。
結語：好的驗收是成功上線的最後一哩路
驗收不是挑毛病的過程，而是確保你的投資得到應有回報的重要環節。掌握以下 3 點讓驗收一次到位：
- 對照文件逐項檢查——準備合約、設計稿、功能需求文件，驗收階段修正成本僅為上線後的 1/3 至 1/5
- 截圖標注取代口頭描述——標註頁面位置、裝置型號與瀏覽器版本，修改一次到位的機率提升 80%
- 善用元伸的線上完工確認系統——逐項勾選確認狀態、自動存檔紀錄，合約範圍內問題修正不另收費
如果你還在規劃階段，建議先參考網站架設完整攻略，從選擇架站方式到驗收上線一次掌握；準備進入開發的話，可參考客製化網頁設計完整指南。
📞 03-366-1000 ｜ 🌐 www.ozchamp.com ｜ 免費諮詢，24hr 內回覆初步方案建議
