找廠商詢價的時候,同樣是做一個公司網站,有人報的價格和一套現成版型的授權費差不多,有人報出來的數字讓你以為對方聽錯需求。價差往往不是誰比較黑,而是兩邊講的根本是兩件事:一邊是套用現成版型再換上你的文字和照片,一邊是客製化網頁設計,從架構、版面到功能全部依照你的需求重新規劃。
這篇不打算說客製一定比較好,也不會說套版是省錢的萬靈丹。我們把兩種做法在成本、時程、彈性、後續維護與 SEO 可控性上的差異攤開來看,再談什麼規模才真的需要客製、有沒有中間選項,以及客製專案該怎麼驗收、預算通常爆在哪裡。
客製化網頁設計與套版,差別到底在哪裡
套版是先有版型再有你的網站。市面上的佈景主題或平台版型已經把版面結構、區塊順序、功能組合都設計好了,你要做的是把文字換成自己的、圖片換成自己的、顏色調成品牌色。它能做到的範圍,等於版型作者當初設想的範圍。
客製化網頁設計是先有你的需求再有版面。流程通常是從釐清網站要達成什麼、給誰看、使用者會走哪些路徑開始,接著規劃資訊架構與頁面清單,然後才畫設計稿、切版、開發功能。每一個區塊為什麼放在那裡、為什麼長那樣,理論上都應該有回答得出來的理由。
所以兩者的差別不只是「好不好看」或「像不像別人」,而是決策的順序相反。套版是拿既有的容器裝你的內容,客製是依照內容去造容器。這個順序差異,會一路影響到後面所有的成本與維護問題。
成本與時程:代價結構完全不同
套版的成本結構前輕後穩。前期投入低,版型費用加上安裝設定,很快就能看到雛形,時程通常以週為單位。但要注意兩件事:一是版型本身的授權可能是年費制,二是為了讓版型長得像你想要的樣子,後續的調整工其實常常會累積成一筆不小的隱形支出。
客製的成本結構前重後輕。前期要投入需求訪談、架構規劃、設計提案、開發與測試,時程通常以月為單位,而且高度取決於需求釐清得多清楚、以及你這邊回饋的速度。但因為一開始就是照你的流程做的,上線後比較不會出現「這個功能做不到只好繞路」的持續消耗。
比較兩者時,要看的不是第一次付出的金額,而是整個使用年限的總成本。一個用起來處處卡住、每次要改都得請人動手的網站,三年下來的累計花費未必比較低。反過來,如果你的需求本來就單純,硬去客製也是在為用不到的彈性付錢。
彈性與後續維護的差異
彈性指的是需求改變時,網站能不能跟著改。套版的彈性受限於版型提供的選項,在選項範圍內調整很方便,一旦超出範圍,就只能靠外掛拼湊或改動版型原始檔。改動原始檔會帶來一個麻煩:版型更新時,你的改動可能被覆蓋掉,除非當初用了正確的方式處理。
客製的彈性理論上較高,因為東西是為你做的,要加什麼就加什麼。但這件事有前提:程式碼寫得夠清楚、有交付文件、原廠商還找得到人,或至少換了人接手也看得懂。如果客製的成果是一團只有原作者看得懂的程式,那它的彈性只存在於原作者還願意接你電話的期間。
維護面向要考慮的是日常誰在改。很多公司的實際情況是行銷同仁要自己上架文章、換首頁的活動輪播圖。這時候重點不在客製或套版,而在後台好不好用。有些客製專案把前台做得很漂亮,後台卻要懂程式才能改,結果變成每次改一行字都要付費請人處理。這一點必須在需求階段就講明白。
客製化網頁設計在 SEO 上的可控性
搜尋表現受很多因素影響,內容本身通常是最關鍵的那一塊,這不是任何做法能取代的。不過在技術層面上,客製確實給你比較大的操作空間,這是它相對務實的優勢之一。
具體來說,可控性體現在幾個地方:頁面的標題層級能不能照語意正確安排、網址結構能不能依照你的資訊架構設計、每一頁的標題與描述能不能獨立設定、結構化資料能不能依照你的業務型態標記、載入時不必要的資源能不能拿掉。這些在彈性高的系統上都能調,在封閉的平台或寫死的版型上就未必。
要提醒的是,客製本身不會讓網站在搜尋結果上自動往前。它給的是「需要調整時調得動」的空間。如果內容沒有經營、網站沒有持續更新,再乾淨的技術底子也發揮不出來。任何把技術做法直接跟搜尋名次畫上等號的說法,都與實際運作方式不符。
什麼情況才真的需要客製
下面這些情境,客製通常划得來:
- 有一套自己的作業流程要搬上網站,例如特殊的預約規則、報價邏輯、會員分級
- 網站要跟既有系統串接,例如公司內部的訂單系統、庫存系統或客戶資料庫
- 頁面數量大、分類結構複雜,需要一套能長期擴充的資訊架構
- 品牌辨識度是核心資產,視覺上不能跟同業長得像
- 網站是主要業務通路,長期會持續投入優化與改版
反過來,這些情況套版通常就夠了:頁面數量不多的形象官網、資訊以介紹與聯絡為主、短期內要先上線再說、預算與人力都有限、網站不是主要的獲客管道。這種時候把錢花在內容與照片上,效益往往比花在客製版面上高。
一個實用的判斷方式是問自己:我有沒有任何需求,是現成版型明確做不到的?如果講不出來,那可能還不需要客製;如果講得出三個以上,而且都跟業務流程有關,那客製就值得認真評估。
半客製:套版改造這個中間選項
不是只有全客製和純套版兩個極端。實務上很常見的是半客製:以一套結構乾淨、彈性較高的基底版型為起點,重新設計首頁與幾個關鍵頁面,其餘頁面沿用版型的既有樣式,再依需求加上少量客製功能。
這個做法的好處是把預算集中在真正被看見與真正影響轉換的地方。首頁、主要服務頁、聯絡與詢價流程,這幾頁值得好好設計;至於隱私權政策、常見問題這類頁面,用版型的預設樣式並不會有人抱怨。時程也比全客製短,因為基礎結構不用從零長出來。
要注意的是選基底。基底版型如果本身臃腫、塞滿用不到的功能,改造過程會一路跟它打架,最後花的力氣可能比重做還多。挑基底時該看的是結構是否乾淨、是否好擴充、更新是否穩定,而不是展示圖看起來多華麗。
客製專案的交付清單與驗收重點
客製最容易出事的地方不是做不出來,而是雙方對「做完」的認定不一樣。合約階段就該把交付項目列清楚,下面是實務上建議納入的內容。
- 所有原始檔:設計稿檔案、程式碼、資料庫,以及它們的存放位置
- 網域、主機、後台、第三方服務的帳號與管理權限,管理員權限要在你這邊
- 後台操作說明,最好有錄影或圖文版,讓非技術同仁看得懂
- 頁面清單與對照表,說明每一頁對應的網址與用途
- 如果是改版,舊網址與新網址的對應與轉址設定清單
- 保固範圍與期限,明確區分什麼算修錯、什麼算新增需求
- 後續維護的計費方式,避免上線後每次小調整都要重新談
驗收時除了看畫面,這幾件事要實際操作過:在自己的手機上把主要頁面走一遍、把表單真的送出一次確認信件有收到、用後台自己新增一篇文章和一個頁面看看流程順不順、確認每頁的標題與描述都已設定而不是全站一樣、檢查網站是否已能被搜尋引擎正常檢索而沒有殘留封鎖設定。這幾項漏掉任何一個,上線後都會變成麻煩。
客製最常見的預算爆掉原因
第一名是需求在過程中不斷長大。開案時談的是五個頁面,做到一半陸續加上部落格、產品分類、會員區,每一項單獨看都不大,累加起來就是另一個專案。解法是把需求變更的處理方式先寫進合約,變更要報價、要確認、要調整時程,不是口頭加一句就算。
第二名是內容沒準備好。網站架構做完了,文案還沒寫、產品照還沒拍,專案就卡在那裡空轉。等待期間的溝通成本、反覆確認、重新排程都是實質支出。建議在開發同時就啟動內容製作,並且把內容的交付時間也排進時程表。
第三名是決策者中途才出現。設計稿來回確認了好幾輪,快要進開發時老闆第一次看到,說整個方向不對。解法是在最初的提案階段就讓有最終決定權的人參與,並且把每個階段的確認做成書面。
其他常見的還有:低估串接第三方系統的複雜度、沒有把測試與修正的時間算進去、上線後才想到要做資料搬遷、以及一開始選了不適合的基底導致中途換方向。這些多半不是技術問題,而是規劃問題。
常見問題
客製化網頁設計的網站,之後想換廠商會不會很麻煩?
取決於交付得完不完整。如果原始檔、程式碼、帳號權限與說明文件都在你手上,而且程式的寫法是常見的標準做法,換人接手通常不算困難。真正麻煩的是用了高度客製的私有架構、又拿不到原始檔的情況,所以交付清單在簽約時就要談定。
套版做的網站,SEO 是不是天生就比較吃虧?
不會天生吃虧,但可調整的空間比較小。版型如果標題層級安排合理、程式碼不至於臃腫、載入表現正常,做一般的優化並不會有障礙。要注意的是有些版型為了展示效果塞了大量特效與外掛,那類的負擔確實比較重,挑版型時值得留意。
半客製會不會兩邊的缺點都拿到?
如果基底選得好、改造範圍規劃清楚,通常是兩邊的優點各拿一部分。會變成兩邊缺點都拿到的情況,多半是基底本身不適合、或改造範圍失控到接近重做卻還被原版型的結構綁住。所以決策重點在基底的選擇與範圍的控制。
客製要準備多久的時程比較合理?
不同規模差異很大,但可以確定的是要留出內容製作與來回確認的時間,這兩段最常被低估。比起追問總共要多久,更有效的問法是請廠商列出各階段的產出與確認節點,這樣你能看出時程是怎麼組成的,也比較容易判斷是否合理。
客製化網頁設計或套版,說到底是資源配置的選擇,沒有標準答案。把你真正需要的功能列出來、把誰會日常維護搞清楚、把整個使用年限的成本一起算,答案通常就會自己浮現。決定之後,把交付與驗收的細節談清楚,比反覆糾結該選哪一種更能決定專案的成敗。
