「100% 客製化」這詞已經失去意義
老實說,幾乎每家網頁設計公司都寫「客製化網頁設計」,但實際做出來的東西天差地別。業界一個常見現象是這樣——最便宜的「客製化」是 WordPress 主題改 CSS,最貴的是從零寫程式,同樣的詞,5 年後的成本與彈性差 3-5 倍。跟客戶聊時最常聽到的就是「我也不知道廠商說的客製化是真是假」。根據元伸科技 24 年、3,000+ 企業實作經驗,分辨真客製與套版只需要 30 分鐘和 4 個技術檢驗。本文教你用瀏覽器右鍵就能驗證廠商說的「客製」是真是假。
真客製 vs 假客製的 4 個檢驗點
不需要懂程式,4 個檢驗點都能用瀏覽器與簡單工具完成:
檢驗 1:view-source 看程式碼結構
打開廠商作品集任一案例,按瀏覽器右鍵「檢查網頁原始碼」(或直接按 Ctrl+U / Cmd+Opt+U):
| 看到什麼 | 結論 |
|---|---|
wp-content/themes/Avada / wpb- / vc_ |
WordPress 套版改 CSS |
class="elementor-section" |
Elementor 拼裝 |
data-shopify-section |
Shopify 主題 |
class="oz-hero ml-card" 之類專案專屬命名 |
真客製 |
WordPress 套版改 CSS 的網站,HTML class 名 90% 是主題預設——這個一查就現形。實務上業界一個常見現象是廠商會說「我們有改 CSS、有加 JS、有改 PHP」,但 class 結構是 Avada/Salient 的原版,這就不算真客製。
檢驗 2:設計檔證據(Figma / Sketch)
真客製的廠商一定有設計檔——因為他們的開發流程是「設計 → 切版 → 寫程式」。要求看:
- 廠商手上是否有 Figma / Sketch / Adobe XD 原始檔
- 設計圖是否「整頁」結構(不是只有零碎元件改主題)
- 簽約附件是否含「設計檔交付給客戶」
沒有設計檔的廠商,多半是直接拿主題改色——這在合約上不該被歸類為「客製化」。老闆最常踩的坑是簽約時沒寫「設計檔交付」條款,5 年後要改版發現素材都拿不回來,只能從零再做一次。我會建議簽約時把 Figma / Sketch 原始檔列入交付清單,是真客製的硬指標。
檢驗 3:後台 CMS 介面
廠商提供測試後台讓你登入看:
| 後台特徵 | 結論 |
|---|---|
網址含 /wp-admin/,灰底側欄 |
WordPress 後台 |
| 文章/頁面結構欄位是 WordPress 預設 | 套版 |
| 自家設計的後台介面(不是灰底側欄) | 真客製 |
| 業務專屬欄位(例如「產品 SKU」「報價試算」「會員分級」) | 真客製 |
WordPress 後台「招牌」很明顯,3 秒辨識。元伸後台是 Laravel + Livewire 自家 CMS,依每個客戶業務量身設計欄位。
檢驗 4:Schema 結構化資料
用 Google Rich Results Test 工具測廠商作品 URL,看 Schema 類型:
| 看到的 schema | 結論 |
|---|---|
| 只有 Organization / WebSite | 沒做 / WordPress 預設 |
| 加上 Article / BreadcrumbList | 有用 SEO 外掛(Yoast / RankMath) |
| 加上 Service / FAQPage / Product / Course 等多種 | 真客製 + AI-Ready |
延伸閱讀:Schema 結構化資料指南、AI 時代的網頁設計公司。
假客製的 5 個常見手法
實務上廠商把「主題改一改」包裝成「客製」的手法不外乎這 5 種:
- WordPress + 知名主題(Avada / Salient / Divi):報價 6-15 萬,但 80% 是主題框架。
- Elementor / WPBakery 拼版:拖拉介面拼出網站,HTML 結構是工具產出的。
- Shopify 改主題:適合單純電商,但客製功能受限於 Liquid 模板。
- AI 生成 + 微調:2026 年新興手法,AI Builder 出大架構,廠商微調收費。
- 共用模板換顏色:5 個客戶用同一個底框,只換顏色與內容。
延伸閱讀:客製化 vs 套版網頁設計、客製化 vs 套版的決策、客製化網頁設計指南。
真客製的 5 個證據(廠商該能直接示範)
合格的真客製廠商,比稿時能當場示範以下 5 項:
| 證據 | 廠商該怎麼示範 |
|---|---|
| 1. 從零開發的程式碼倉庫 | Git commit 歷史,從第一個 commit 看起 |
| 2. Figma / Sketch 原始設計檔 | 開檔展示,不只 PDF 截圖 |
| 3. 自家 CMS 後台(非 WordPress) | 開測試帳號讓你登入操作 |
| 4. Schema 結構化資料客製 | 跑 Google Rich Results Test 證明 |
| 5. 設計與功能的迭代修改紀錄 | 設計稿 v1 → v5 的演進 |
簽約前要求廠商至少示範 2 項。對方拒絕、含糊或「保留這些是商業機密」,多半是假客製。比較保險的做法是先請廠商當場示範自家最新作品(不是 1-2 年前的舊案),新案件的開發紀錄假不了。
開發者視角的快速檢驗(給有技術同事的企業)
如果你公司有工程同事或 IT 主管,請他們做 5 分鐘技術稽核:
1. curl -s [廠商作品 URL] | grep -E "wp-content|elementor|shopify"
2. 開 DevTools → Network 標籤看載入的 CSS / JS
3. 看 robots.txt 是否列 AI bot 白名單
4. 查 /llms.txt 是否存在
5. 看 schema-validator 報告是否多種 schema
5 項做完就能 90% 確定是真客製還是包裝。
元伸的立場
元伸科技 2002 年創立、24 年深耕、3,000+ 企業實績。我們的客製化標準:
- 100% 程式碼客製:Laravel + Livewire + Tailwind 從零寫,無 WordPress 主題依賴。
- Figma 設計檔交付:每個案件交付完整原始設計檔。
- 自家 CMS 後台:依你的業務欄位量身設計,不是 WordPress 後台改皮膚。
- Schema 客製:每個頁面類型對應正確的 schema 類型,不只是 Organization / WebSite。
- AI-Ready 標配:2026 年起所有客製案做 25 項檢測。
- 原始碼 100% 交付:你能拿到所有東西,不綁主機平台。
延伸資料:客製化系統開發、企業形象網站方案、網站架設完整指南、網頁設計公司怎麼選?2026 採購必問的 7 個問題。
結語:分辨真假客製,記住 3 點
老實說,「客製化」是被濫用的詞,但有 4 個檢驗點,30 分鐘可以驗證真假。根據元伸科技 24 年的經驗,記住這 3 點:
- view-source 是最便宜的真假測試——按瀏覽器右鍵就能看,不需要懂程式。
- Figma 設計檔是真客製的硬指標——沒有設計檔就不該叫客製化。
- 報價對應到分類:套版 3-8 萬、半客製 6-15 萬、100% 客製 10-50 萬,不要用客製的價格買到套版。
想找元伸幫忙檢驗手上的廠商作品 URL 是真客製還是套版?或想看元伸的 Git commit 歷史與 Figma 設計檔示範?歡迎來信來電。元伸在 客製化網頁設計 領域 24 年實戰,「100% 客製」對元伸來說是 100% 程式碼從零寫,不是行銷用詞。
📞 03-366-1000 | 🌐 www.ozchamp.com | 免費諮詢,24hr 內回覆