百晟國際 網路部門

委託網站設計公司前,你必須先搞懂的 12 件事

 WEB PROCUREMENT GUIDE 

委託網站設計前必問的12件事

PROFESSIONAL CHECKLIST · 2026 EDITION

很多人找網站設計公司時,第一個問的是「能不能做 SEO」。但實際上,網站交付後最常出問題的,往往不是 SEO,而是更基礎的細節——手機顯示跑掉、後台改不動、網域被廠商扣住、結案後改一個字要重新報價。

1
建議直接拿這份清單去詢價
2
能清楚回答的廠商較可靠
3
含糊帶過的,要特別小心
I Section 01 / 06

顯示與裝置相容

這是最基礎的門檻。網站做出來,使用者必須能在他手上的裝置順利打開、正常閱讀。

NO. 01

響應式設計

Responsive Web Design / RWD

同一個網站,在手機、平板、桌機都能自動調整版面,不用做兩套網站。現在多數網站的手機流量都超過 60%,沒有 RWD 等於放棄一半以上的客戶。

「手機版有單獨設計嗎?還是只是把桌機版縮小?」
  • 真正的 RWD 會針對手機重新排版
  • 不是把桌機版內容縮小
  • 需測試直式、橫式畫面
NO. 02

跨瀏覽器相容

Cross-browser Compatibility

Chrome、Safari、Edge、Firefox 都要能正常顯示。實務上 Safari(iPhone 用戶)最容易出狀況,常見問題是動畫不順、字型跑掉、表單按鈕點不到。

「能不能在 iPhone 的 Safari 上開給我看?」
  • Chrome / Safari / Edge / Firefox
  • 特別測試 iPhone Safari
  • 動畫、字型、表單按鈕都要驗
II Section 02 / 06

速度與技術基礎

速度直接影響使用者體驗,也影響搜尋排名。慢一秒,跳出率就明顯上升。

NO. 03

載入速度

Page Load Speed

首頁建議 3 秒內載完。請廠商提供 Google PageSpeed Insights 的測試分數,行動版 70 分以上算過關,90 分以上算優秀。

「能提供 PageSpeed Insights 行動版分數嗎?」
  • 首頁 3 秒內載完
  • 行動版 70 分以上過關
  • 90 分以上算優秀
NO. 04

圖片壓縮與 WebP

Image Optimization & WebP

圖片是拖慢網站最常見的元兇。一張沒壓縮的手機相片可能就是 5MB,一頁放幾張,速度就垮了。後台必須能自動壓縮,並支援 WebP 格式。

「我之後上傳圖片,後台會自動壓縮嗎?會不會自動轉成 WebP?」
  • 後台自動壓縮
  • 自動轉 WebP 格式
  • 避免手動處理的維護成本
III Section 03 / 06

後台與內容管理

這是最容易被忽略、卻決定你後續花多少冤枉錢的關鍵。

NO. 05

內容管理系統

CMS / Content Management

你能不能自己改文字、換圖、發新文章?常見選項各有優劣。如果是廠商自製後台,務必問清楚之後想新增欄位、加分類要不要錢——很多糾紛從這裡開始。

「之後想新增欄位、加分類,要不要另外收錢?」
  • WordPress 最普遍、找人接手容易
  • Webflow 設計彈性高
  • 廠商自製 功能客製但被綁住
NO. 06

後台權限管理

Role & Permission Control

多人共用後台時,誰可以改什麼。例如業務只能回覆聯絡表單、不能動到首頁;行銷可以發文章、不能改價格。權限沒分清楚,遲早出包

「能設多少種角色?權限細到什麼程度?」
  • 業務 / 行銷 / 編輯角色分離
  • 頁面、欄位、價格分權
  • 操作紀錄可追溯
IV Section 04 / 06

安全與備份

這兩項在出事前都覺得不重要,出事後才知道沒做就完了。

NO. 07

SSL 憑證

SSL Certificate / HTTPS

讓網址前面顯示「鎖頭」與 https 開頭。沒有的話,瀏覽器會直接標示「不安全」,使用者一看就跳走。要問清楚是免費 Let’s Encrypt 還是付費憑證,續約由誰負責。

「續約失效誰負責?多久通知一次?」
  • 確認憑證類型
  • 續約責任歸屬寫進合約
  • 到期前提前通知機制
NO. 08

備份機制

Backup & Recovery

最常被忽略、也最常出事的一項。出事時沒有備份,等於整個網站從頭做。建議至少每天備份一次,且最好異地備份,不要跟主網站放同一台主機。

「多久備份?放哪?多久能還原?」
  • 頻率:建議每日
  • 位置:異地備份
  • 還原時效:明確 SLA
V Section 05 / 06

互動與功能

轉換入口與分享預覽——直接決定客戶從接觸到下單之間的體驗。

NO. 09

表單功能

Form & Lead Capture

聯絡表單、報名表是大多數網站的轉換入口。送出後是否自動寄通知?能否同時通知 LINE 或多個信箱?沒有 reCAPTCHA,垃圾訊息會塞爆信箱。

「能否同時通知 LINE 與多個信箱?」
  • 送出自動通知信
  • 支援 LINE 通知 / 多收件人
  • 內建 reCAPTCHA 防垃圾
NO. 10

社群整合與 OG 圖

Open Graph / Social Sharing

把網站連結貼到 FB、LINE、Threads 時,自動跳出來的那張預覽圖。沒設定的話,通常會顯示空白或亂抓一張不相關的圖,整個分享看起來就很不專業。

「每頁都能設定 OG 圖嗎?後台能改嗎?」
  • 每頁可獨立設定 OG 圖
  • 標題、描述後台可改
  • FB / LINE / Threads 預覽正確
VI Section 06 / 06 — 最重要

所有權與後續維護

前面五項做不好還能補救,這兩項出問題,可能讓你整個網站歸零。

NO. 11

網域與主機歸屬

Domain & Hosting Ownership
業界最常發生的糾紛 / 拆夥時整個網域被扣住

網域必須登記在你(公司)名下,不能讓廠商代為持有。實務上很多廠商會用「我們幫你註冊比較方便」當藉口,把網域登記在自己公司下。等到拆夥、合約到期,廠商扣住網域不放——你要嘛付一筆錢買回,要嘛整個網域與多年累積的 SEO 一起放棄。

▢ 結案前一定要拿到
  • 網域註冊商帳密(GoDaddy / Gandi / PCHome 等)
  • 主機 Hosting 帳密
  • Google Search Console 管理員權限
  • Google Analytics 管理員權限
NO. 12

原始碼與維護合約

Source Code & Maintenance
不要相信口頭承諾 / 全部要寫進合約

「放心啦沒問題」「這個我們都會處理」——這些話在交付時都不算數。結案後出事時,你會發現所有東西都沒寫進合約。原始碼歸屬、後續修改報價、廠商停業後的延續性,三項一個都不能漏。

▢ 合約必載條款
  • 原始碼歸誰?買斷或授權
  • 後續修改怎麼算錢?按次 / 年約 / 時數包
  • 廠商停業後網站能否繼續運作
  • 原始碼副本交付條款
● Conclusion ● 結論

拿這份清單去問廠商

以上 12 項是基礎門檻,缺任何一項都可能在交付後三個月到一年內爆出問題。

建議在比稿、議價時,直接把這份清單列出來逐項詢問。簽約前花一小時把這 12 項問完,比結案後花一個月處理糾紛划算。

可靠的訊號

能清楚回答每一項,甚至主動補充細節、提出你沒想到的風險。對「網域歸屬」「原始碼所有權」這類條款願意白紙黑字寫清楚。

警訊

用「這個我們都會處理」「放心啦沒問題」一直含糊帶過——出事時你會發現所有東西都沒寫進合約。對權限與所有權問題避而不談。

FURTHER READING

進階主題

之後想再深入可以展開的延伸議題
UX / UI 設計流程 無障礙網站 多語系建置 金流串接 個資法與 Cookie 同意 效能監控 SEO 與 GEO 結構性差異