AI 議題5 min read

AI 寫的網站可以上線嗎?三個你要先想清楚的問題

短答可以,但「能跑」跟「能撐住業務、過得了 SEO、未來能維護」是三件事。本文拆解上線前必問的安全、SEO、可交接三大問題,附一份可勾選的 checklist。

  • #ai
  • #security
  • #seo
  • #maintenance
AI 寫的網站上線前必須確認的 10 項安全與品質清單。包含:OWASP Top 10 安全檢查(XSS / SQL injection / CSRF)、表單 rate limit 與 CAPTCHA、台灣個資法合規、Lighthouse SEO 分數 90 以上、Core Web Vitals 三項達標(LCP 低於 2.5 秒 / CLS 低於 0.1 / INP 低於 200ms)、structured data 通過 schema.org validator、sitemap.xml 提交 Google Search Console、所有 commit 有人審過、README 部署文件、staging 環境。勾不到 5 項請先補再上線。

短答:可以做、能跑、上得了線。但「能跑」跟「能撐住業務、過得了 SEO、未來能維護」是三件事。

如果你正考慮「AI 工具現在這麼強,自己(或叫工讀生)vibe code 一個官網就好」,先把這篇看完。三個問題答得出來再動手,比動手後出包好。

問題一:安全性誰幫你看?

AI 寫的程式碼有兩種典型問題:

  1. 看似正常實則有洞:AI 知道有 SQL injection 這詞,但你叫它「做一個收件人查詢功能」,它寫的 query 不一定 parameterized。
  2. 沒做就是沒做:rate limit、CSRF token、HTTPS-only cookie、CSP header、檔案上傳 sanitize ── 你不主動要求,AI 不會主動加。

對個人玩具沒差。對商業官網,2024 年台灣個資法修正後,個資洩漏單一個案最高罰 1500 萬。如果你的官網有:

  • 表單收使用者 email / 電話
  • 會員系統
  • 金流

而沒有人逐行看過安全細節,這就是個風險。

怎麼判斷你(或廠商)有處理:請對方列出 OWASP Top 10 中哪幾項做了什麼防護。答得出來叫做有意識。

問題二:SEO 細節 AI 真的會嗎?

SEO 不是「網站做出來自然就會被 Google 找到」。要 Google 找得到,需要:

  • 正確的 SSR / SSG:純 client-side React 在 2026 還是有 SEO 風險
  • 正確的 metadata:title、description、canonical、Open Graph
  • 正確的 structured data:JSON-LD schema(Organization / Article / Breadcrumb / FAQ)
  • 正確的 robots.txt + sitemap.xml:不要漏頁、不要重複、不要鎖到自己進不去
  • 正確的 hreflang / 多語:搞錯會被 Google 當複製內容
  • 正確的 image optimization:尺寸、格式、loading
  • Core Web VitalsLCP < 2.5sCLS < 0.1INP < 200ms

AI 「知道」這些字眼。但實際做出來,每一項都要驗證。Vibe coding 最常見漏掉的:canonical 寫錯、hreflang 漏、structured data 格式不合 schema.org 規範、sitemap 沒更新。

判斷方法:上線後 1 週用 Google Search Console 看有沒有索引、用 Lighthouse 跑分、用 Schema Validator 檢查。三項都過再說。

問題三:6 個月後誰能維護?

這是最容易被忽略的問題。

Vibe coding 的特性是程式碼不是給人讀的,是給 AI 看 context 用的。半年後你要改個東西:

  • 你(或 AI)讀不懂自己半年前寫了什麼
  • 命名混亂(有時候是 userData、有時候 user_info、有時候 data
  • 一個 function 1000 行,business logic 跟 UI 混在一起
  • 沒有測試,改一個地方斷另一個地方
  • 沒有文件,沒有 commit message 說明 why

要交接給其他工程師時,常常的結論是「打掉重做比修還便宜」。

判斷方法:請任意一個工程師朋友花 30 分鐘看一下 codebase,問他「如果要新增一個功能,他評估要多久」。如果答案是「我不知道,要先花 1 週理解」,這就是高維護成本。

那 AI-assisted Coding 呢?

AI-assisted coding 和 vibe coding 是被嚴重混淆的兩個概念,差別在工程師的介入程度。Vibe coding 的定義是:你跟 AI 描述需求,AI 寫程式,工程師不逐行檢查,跑得起來就好,跑壞再叫 AI 改。AI-assisted coding 的定義是:工程師用 AI 加速開發,但每一行 diff 都看過、命名都調整、邊界條件都檢查、測試都補上去。前者適合個人工具或快速 prototype,後者完全可以用來做 production 網站。以開發速度而言,AI-assisted coding 通常比純手寫快 2-3 倍,但 code review 時間幾乎相同,因為每一行還是要看;vibe coding 看似快 5-10 倍,6 個月後維護成本卻可能是 AI-assisted 的 5 倍以上。判斷廠商走的是哪條路,最簡單的方法是看 commit history:AI-assisted 的 commit 通常較細、有清楚的 message、會包含測試;vibe coding 的 commit 通常是大塊、message 像「fix bug」「update」、沒有測試也沒有 review trace。這個訊號比廠商怎麼說自己更可靠。

  • Vibe coding:你跟 AI 講話,AI 寫,你不太看,跑得起來就好
  • AI-assisted coding:工程師用 AI 加速,但每行 diff 都會看、會調整、會補測試、會檢查邊界

我自己每天用 Cursor + Claude,現在開發速度大概是 2022 年的 3 倍。差別在「AI 是我的工具」,不是「我是 AI 的監工」。

如果你的廠商說「我們用 AI 加速開發」,這沒問題、甚至應該。但問清楚「誰看 code、誰測試、誰負責安全」,這三個問題的答案如果都是「AI」,這就是 vibe coding,不是 AI-assisted coding。

三大問題快速摘要

問題快速判斷方法紅旗警示
安全性誰看?請廠商列出 OWASP Top 10 中有哪幾項有防護廠商說「AI 會處理」
SEO 細節對了嗎?Lighthouse SEO 90+、Schema Validator 通過canonical 空白、sitemap 404
6 個月後誰維護?找工程師朋友 30 分鐘 review codebase評估說「要 1 週才懂」

上線前要確認哪些項目?

上線前你(或廠商)能勾的數量決定風險:

  • 跑過 OWASP 基本檢查(XSS / SQL injection / CSRF)
  • 表單有 rate limit + CAPTCHA / Turnstile
  • 個資處理符合台灣法規(蒐集告知、最小化原則、刪除機制)
  • Lighthouse SEO 分數 90 以上
  • Core Web Vitals 三項都過
  • structured data 通過 schema.org validator
  • sitemap.xml 提交給 Google Search Console
  • 有人看過所有 commit
  • 有 README / 部署文件
  • 有 staging 環境

勾不到 5 個,再上線之前先補。

結論

AI 工具讓「做出能跑的網站」變得容易。但商業官網要面對的不只是「能跑」── 是 SEO、安全、可交接、長期維護。

如果你已經做了一個 vibe coded 站,想知道有哪些洞要補,可以丟連結來,我提供免費快速 review。

如果你還沒做、在評估自己 DIY 還是找人,那這三個問題的答案會決定下一步。

ready when you are

先把你的案子聊清楚,
再決定要怎麼做。

不論你是要從零做新網站、想把 AI 接到既有系統、 或是只想知道「這樣做可不可行」 — 開個對話就行。

免費評估諮詢 →