跳至主要內容

AI 三分鐘生出網站,你拿到的是禮物還是包裝紙?

Lovable、Bolt.new 讓 AI 架站爆紅,三分鐘就能做出漂亮網站。但你知道這類 React CSR 網站在 SEO 和資安上的致命隱憂嗎?本文深入分析企業該如何選擇,別只買了包裝紙而沒有禮物。
AI 三分鐘生出網站,風險有哪些

上週一個舊客戶有新需求,傳訊息來,附了張截圖說:「這個 AI 工具三分鐘就做好了,看起來跟我想要的差不多,你覺得這樣開發費用可以省多少?」

截圖裡的網站確實漂亮。有動畫效果、有漸層、版面乾淨,截圖出來比很多正式在跑的企業網站還好看。(這要怎麼回?說不行,也不對;說行,這案子也就沒有。)

但問題不在「好不好看」。
漂亮的,是包裝紙的糖衣;該問的問題是:「裡面究竟裝了什麼。

這篇文章要告訴你:AI 做的站跟真正的企業網站,差在哪裡、差多少。

Ai生成的快速範例手機版

🤖 Lovable 跟它的朋友們:一個市場的誕生

2025 年,「Vibe coding」被柯林斯詞典選為年度詞彙。你用自然語言跟 AI 說「幫我做一個賣手工皂的網站」,幾分鐘後,一個有動畫、有互動、有聯絡表單的網站就出來了。

這件事真的發生了,而且規模很大。Lovable(前身是 GPT Engineer)是這波浪潮裡跑最快的那個,2025 年內從 100 萬用戶衝到 800 萬,年營收在 8 個月內從 0 做到 1 億美元。去年底更拿下 3.3 億美元融資,估值 66 億美元。Bolt.new 的速度也差不多,推出 5 個月就做到 4,000 萬美元年營收。市場不是在炒概念,是有真實需求在撐著。

Lovable 這類工具,我們在提案初期也會用。能讓客戶在正式討論前就看到視覺方向,減少雙方互相猜測,確認概念沒問題再進入開發。拿來當初步 demo 和客戶討論,真的很實用,省了不少來回溝通的時間。

不過,這些工具有一個你不太會注意到的共同點:它們幾乎全都用 React + Tailwind CSS 做出來。不是因為這是最好的技術選擇,而是因為 AI 就是這樣被訓練出來的。React 是 GitHub 上資料最多的前端框架,Tailwind 是前端開發者使用率最高的樣式工具,用這個組合,AI 生成「可以跑起來的程式碼」的成功率最高。就像你叫 AI 寫一首歌,它第一個反應一定是流行曲的結構——因為那是它看過最多範例的。

如果你有經歷過 2000 年代的 Dreamweaver,這個邏輯就很好懂。當年 Dreamweaver 讓人不用寫 HTML 也能做出網頁,拖拖拉拉,所見即所得。現在的 AI 架站工具做的是一樣的事,只是從 HTML + CSS 換成了 React + Tailwind,JavaScript 跳得比較開心而已技術名詞變了,邏輯沒變:把你說的話,轉成可以展示的畫面。說穿了,還是同一件表皮的事情而已。

而這些技術選擇,背後有很多代價。

快速比對只有外皮與既往網站架構
此圖說明AI快速生成的React CSR網站,因搜尋爬蟲不執行JavaScript而內容可見度低;相較之下,WordPress SSR網站則能被完整索引,凸顯AI網站可能僅是空有外表的「包裝紙」。

🙈 最反諷的一件事:用 AI 做的站,AI 卻看不到

React 預設用的是 Client-Side Rendering(CSR),白話說就是:你打開這個網站的時候,頁面一開始是空的,要等瀏覽器把 JavaScript 跑完,內容才會出現。

對使用者來說幾乎沒感覺,但對搜尋引擎爬蟲來說,是個大問題。

Google 的爬蟲還算能處理,雖然有「兩波索引」的延遲。但 ChatGPT、Perplexity、Google AI Overview 這些 AI 搜尋工具的爬蟲,目前完全不執行 JavaScript。結果就是:AI 生成的 React 網站,高達 50-80% 的頁面內容,對這些 AI 搜尋系統是完全隱形的。

你用 AI 做了一個很漂亮的網站,然後有人在 ChatGPT 或 Google AI Overview 裡搜尋你的公司,結果什麼都找不到。更恐怖的是,有時候連 Google 都找不到你,那麼這個網站差不多等於白做了。

這就是 2026 年的現實,有點弔詭吧。

更有趣的是,你去問 Lovable「幫我做 SSR(伺服器端渲染)讓 SEO 更好」,它可能會回答你「好的」,然後悄悄什麼都沒做。因為它預設使用 React + Vite 的 CSR 架構,做 SSR 需要完全不同的基礎設施,這是設計限制,不是 bug。要求它做 SSR,就像叫 Uber 外送員幫你送件快遞——他理解你的意思,但那不是他的工作系統。

相比之下,WordPress 的頁面是伺服器直接輸出完整 HTML,爬蟲第一眼就能看到所有內容。這個底層架構優勢,不是設定哪個選項就能補回來的。


📦 包裝紙 vs. 裡面的禮物

說到這,你可能覺得 AI 架站工具是個大坑。其實要看你要的是什麼。

某些場景,AI 架站工具是真的完全夠用,而且遠遠比找公司做划算:

  • 產品發表頁、活動報名頁、募資頁面
  • 個人品牌介紹頁
  • 快速 demo 給客戶或投資人看的原型
  • 用來測試新業務方向的 MVP

這些只需要包裝紙——漂亮的包裝紙,而且包裝紙有它的市場。以前你可能要花兩三萬(或是要花一週)請人做這種頁面,現在三分鐘搞定,那個錢省下來去跑廣告或許效益更高。我們也不會跟你說「不行」,真的啦

但企業網站不是這回事。

當你需要的是後台管理、多人協作寫文章、會員系統、電商結帳金流、SEO 長期積累、系統整合(ERP、CRM、物流、金流)、使用者權限控制、稽核紀錄——這些不是「畫面」問題,是「系統」問題。用 AI 架站工具解決這些,就像你拿包裝紙去包一個需要結構支撐的東西。外表看起來差不多,但打開來裡面沒有骨架。

一個有完整生態的 CMS 平台,核心價值從來不是「很好看」,是 20 年下來被驗證能撐住各種複雜需求的架構。你想到的功能,十之八九已經有人做過,不用從零開始。

AI生成網站的資安隱憂
AI快速生成網站的便利背後,隱藏著不容忽視的資安隱憂。數據顯示,62%的AI生成程式碼含有安全漏洞,遠高於人工程式,是選擇快速還是安全,值得深思。

⚠️ 相信你也有的:【資安疑慮】

有個話題沒人喜歡主動提,但繞不過去:安全,資訊安全。

先說清楚:這段不是要用技術用語嚇你,而是想告訴不熟技術的你,在用 AI 工具建站時,有哪些地雷值得注意。

根據雲端安全聯盟(CSA)引用的研究,62% 的 AI 生成程式碼含有已知安全漏洞;另一份針對 vibe coding 平台的獨立調查,在測試的 5,600 個 AI 生成應用裡,找到超過 2,000 個高風險漏洞和 400 多個外洩在外的帳號金鑰。原因其實不複雜:AI 的目標是讓網站跑起來,不是讓你的資料安全。它不知道你的聯絡表單背後存著客戶個資,也不知道那把帳號金鑰值多少錢。

白話說:你用 AI 做了一個有聯絡表單的頁面,有人填了資料,那份資料可能就這樣暴露在外面,你完全不知道。

如果你的網站只是純介紹頁,沒有任何表單、沒有會員、沒有金流,風險相對低。但只要有資料進出,就值得確認一下。

不知道從哪裡開始?我們整理了一篇用 AI 協助網站時該避開的常見地雷,可以先看看: ☛ 用 AI 協助網站編輯,這幾個地雷你不踩就對了


💡 那你的錢花在哪才值得?

回到最一開始那位傳截圖的客戶。

如果他需要的是一頁活動頁,我可能直接告訴他:AI 做就好,省下來的錢去投廣告,效益更高,這是真心話。

但如果他的需求是一個承載長期 SEO 流量、串接 CRM、讓行銷團隊多人協作更新文章、未來可以持續擴充功能的企業官網——那個截圖裡的東西,解決的根本不是同一個問題。

找網頁公司,你買的不是畫面。你買的是有人幫你搞清楚到底需要什麼、架構要怎麼設計才能長期跑、SEO 、從第一行程式碼就開始考慮而不是做完再補救;資安、維護、風險管控、後續維護更新(以及最可能發生的誰來收爛攤子)。這些 AI 沒辦法幫你想,因為它只負責今天。

用「技術債」來說更直接:AI 快速生出來的版本,功能看起來全到位,但底層每一個為了跑起來而妥協的地方,都是未來要還的債——要麻改造成本是原本的三倍,要麻直接砍掉重練。SEO 做完再補救是這種情況,資安出了問題就更不用說了。

這幾件事,AI 架站工具不是做不到,是根本沒被設計成做這些。它被設計成「快速生成可以展示的東西」。至於系統能不能長期跑、安全不安全、爬蟲找不找得到——那不在它的設計目標裡。

好的網頁公司現在應該用 AI 做快的部分,比如提案雛形、版面選項、重複性的程式工作,把省下來的時間留給 AI 真的搞不定的事:你的需求是什麼、哪個架構適合你、出了問題誰來負責。說實在,如果你熟悉工作流程、能確保 AI 開發出來的項目,是完整,具有可維護性和安全性,絕對也能滿足部分需求,但你確認可以做的到嗎?


✅ 先搞清楚你需要哪種,再決定怎麼做

AI 架站工具改變的不是「做網站」這件事,改變的是「簡單網站的成本結構」。Landing Page 變便宜了,而且會越來越便宜(望向那些被 AI 取代的設計、廣告、文案……)。

但真正的企業需求沒有變簡單。你需要一個能帶來穩定搜尋流量、管理大量內容、撐得住真實使用量、三年後還能正常維護的系統——這件事的複雜度,沒有因為 AI 的出現而消失,只是被藏起來了,藏在漂亮的包裝紙後面。

下次有人拿截圖問你「AI 做的就夠了吧?」,你可以直接問回去:你要的是包裝紙,還是裡面的禮物?答案不同,選擇就不一樣。

不確定你的情況屬於哪種?歡迎找我們做個免費需求健檢,30 分鐘幫你釐清方向,不用先準備什麼,說說你的網站現況就行了。


  1. Vibe-coding startup Lovable raises $330M at a $6.6B valuation — TechCrunch, 2025-12-18
  2. Lovable revenue, funding & growth rate — Sacra, 2026-01-31
  3. Bolt.new revenue, funding & growth rate — Sacra, 2025-03
  4. Usage Statistics and Market Share of WordPress, March 2026 — W3Techs, 2026-03
  5. How to fix technical SEO issues on client-side React apps — Search Engine Land
  6. JavaScript Rendering in SEO: The Ultimate 2026 Guide — ClickRank, 2026
  7. Understanding Security Risks in AI-Generated Code — Cloud Security Alliance, 2025-07-09
  8. Lovable AI Security Vulnerabilities & Vibe Hacking — AI Thinker Lab, 2025
  9. AI Website Building: Hype vs. Reality — WordPress.com, 2025-12-08
  10. State of the Word 2025 — WordPress.org, 2025-12
  11. AI vs. Frontend Developers: Vibe Coding a React/TailwindCSS Monoculture — Medium, 2025

註:所有數據與引述均截至 2026-03-23

你的官網在手機上長怎樣?設計師容易踩的 5 個 RWD 地雷
Previous Article

你的官網在手機上長怎樣?設計師容易踩的 5 個 RWD 地雷

多語系網站怎麼規劃?從數據、架構到工具選擇一次搞懂
Next Article

多語系網站怎麼規劃?從數據、架構到工具選擇一次搞懂

訂閱我們的文章

我們會不定期分享實用的網站經營技巧、真實客戶案例分析、最新數位趨勢觀察, 免費訂閱,讓靈感與成長不再錯過每一刻!
加入我們,一起用靈感點亮你的下一個專案 ✨