回到設計筆記

網站上線前檢查表:17 項細節一次確認

從文案、表單、手機版到 SEO、安全與備份,網站正式公開前照表巡一輪,減少上線後才緊急修補的風險。

網站上線前檢查表:17 項細節一次確認

網站做完最後一個頁面,不代表已經可以立刻公開。正式上線前需要像交屋一樣巡檢:每個入口能不能走、資料會送去哪裡、搜尋與分享看到的內容是否正確,以及發生問題時能不能恢復。

以下 17 項可以交給品牌與製作團隊分工檢查。最好在測試環境完成第一輪,再用正式網域做最後確認。

內容與品牌資訊

  • 01|逐頁校對標題、內文、價格、電話、地址與營業時間
  • 02|確認 Logo、品牌色、字體與圖片版本一致
  • 03|移除「測試文字」、假資料、空白連結與未完成頁面
  • 04|檢查圖片授權、替代文字與人物公開同意

除了自己校對,也請一位沒有參與專案的人實際瀏覽。他更容易發現團隊因為太熟悉內容而忽略的斷句、名詞與流程問題。

連結、表單與通知

  • 05|點過主選單、頁尾、按鈕、社群與下載連結
  • 06|測試聯絡、詢價、訂閱、登入與密碼重設表單
  • 07|確認成功訊息、錯誤提示與必填欄位容易理解
  • 08|檢查通知信寄件人、收件人、回覆地址與垃圾信匣

表單不要只測試「全部填對」的情況。也要嘗試漏填、輸入錯誤格式、重複送出與檔案過大,確認使用者知道如何修正。

螢幕尺寸與瀏覽器

  • 09|使用真實手機、平板與桌機檢查主要頁面
  • 10|測試 Chrome、Safari、Edge 等主要瀏覽器
  • 11|確認選單、彈窗、表格與表單不會超出畫面
  • 12|使用鍵盤操作,檢查焦點、按鈕名稱與文字對比

不要只拖曳桌面瀏覽器視窗代替手機測試。觸控、虛擬鍵盤、瀏海安全區與行動網路速度,只有實際裝置較容易發現。

搜尋與社群分享

  • 13|確認每頁 title、description、canonical 與標題層級
  • 14|檢查 sitemap、robots、404 頁面與搜尋索引設定
  • 15|把網址貼到 LINE、Facebook 或 Slack,確認分享圖片與摘要

測試環境通常會禁止搜尋引擎索引,上線時記得解除;同時也要避免把後台、會員資料或私人測試頁誤設為公開。

效能、安全與復原

  • 16|壓縮圖片、檢查載入速度、HTTPS 與第三方程式
  • 17|完成正式備份,記錄部署、還原、監控與負責人
能上線的網站不只要「現在能用」,還要知道壞掉時由誰發現、如何處理、怎麼恢復。

如果網站包含付款、會員或大量資料,再安排權限、交易、併發與資安測試。確認管理員沒有共用密碼,帳號開啟雙重驗證,金鑰與環境變數也沒有被寫進公開程式碼。

上線後 24 小時再巡一次

正式切換網域後,再確認 DNS、SSL、表單收信、分析工具與搜尋管理平台。觀察錯誤紀錄、速度與真實使用者回報,重要流程可以在不同網路與裝置上再走一遍。

最後把檢查結果、帳號權限、續約日期與維護方式整理成交接文件。網站上線值得慶祝,而一份確實的檢查表,能讓這份喜悅不必伴隨整晚的緊急修補。

Q
Written by麵包屑工作室

整理品牌與網站之間,那些值得慢慢想清楚的小事。

Ready when you are

心裡那個網站,
我們一起把它做出來。

告訴我們你的品牌、目標與期待,
我們會在 2 個工作天內回覆。

開始聊聊