可以。ChatGPT、Claude、Gemini 都能在幾分鐘內寫出一個看起來完整的網頁，還能在對話視窗裡直接預覽。只是它交給你的是一份程式碼，要變成客人打得開、在 Google 找得到、之後也改得動的網站，網址、主機、SSL 憑證，以及每次修改由誰動手，都還要自己處理。網站要長期經營、內容會一直更新的話，比較省力的做法是讓 AI 直接在一個有後台的網站裡做事，用 AI 做網站的 WP × Roamer AI 就是這一種。
這篇把大家常說的「用 ChatGPT 做網站」拆成三種做法：叫 AI 生成 HTML 再自己放上網、讓它寫文案和規劃架構再貼進 Wix 或 WordPress、用 Codex、Claude Code、Cursor 這類寫程式的 AI 代理改程式。最後再看第四種，讓對話型 AI 代理直接進到網站裡做事，差在哪裡。每一種都會寫清楚適合誰。想先看所有路線的全貌，可以看2026 AI 建站完整指南。
各工具的功能是 2026 年 10 月對照官方說明整理的。這類工具改版很快，按鈕名稱和方案內容可能跟你看到的不一樣，以官方頁面為準。
ChatGPT、Claude、Gemini 做網頁，現在做得到哪裡
三家的聊天介面都會寫網頁程式碼，也都有可以直接看成果的畫面。ChatGPT 的 Canvas 會在沙盒裡執行 HTML 和 React 程式碼，邊聊邊看畫面變化，做好的畫面也能分享給別人看；Claude 的 Artifacts 把網頁放在對話旁邊的視窗，做好可以用連結分享或發布；Gemini 的 Canvas 能把描述變成網頁或小型應用程式的原型，在旁邊預覽，同樣能分享連結。跟它們說「做一個咖啡廳的單頁網站，要有菜單、營業時間和地圖」，幾分鐘內就有一個有配色、有排版的畫面。
最容易誤會的，是「預覽」和「網站」之間的距離。對話裡看到的畫面，是在 AI 服務自己的環境裡跑出來的；分享出去的連結，也是它們網域底下的分享頁。Claude 發布的 Artifact 沒有帳號也能打開，但官方說明沒有提到可以綁自己的網域；ChatGPT 與 Gemini 的分享連結，也是讓別人看成果用的。想讓客人搜尋店名就找到你、點進你自己的網址，程式碼還是得搬到一台真正的主機上。
還有三件事，它們本身不會替你處理。聯絡表單要能寄信，得有伺服器端程式或第三方表單服務；網站要讓同事改文字，得有後台；網站要被 Google 收錄，得有固定網址、送出網站地圖。這些都不算難，但全都發生在「AI 生成網頁」這一步之後。
做法一：叫 AI 生成 HTML，自己找地方放上網
這是多數人第一次用 ChatGPT 架站的方式。流程大致是：在對話裡描述網站，請它寫成一個 HTML 檔，預覽滿意後複製程式碼存成 index.html，再上傳到能放網頁的地方。最省錢的是 GitHub Pages、Netlify、Cloudflare Pages 這類靜態網站空間，也可以用一般的虛擬主機。接著買網域，到網域商設定 DNS 讓網址指到主機；SSL 憑證多數靜態空間會自動處理，虛擬主機就看業者。
第一次上線通常沒那麼難，麻煩在後面。網站要改一段文字，得回到對話請 AI 改，再把整份程式碼重新貼上、重新上傳。對話一長，AI 偶爾會順手動到你沒叫它改的地方，例如把上次調好的按鈕顏色改回去；開一個新對話，它又不記得網站原本長怎樣。網站有五、六頁時，頁首選單和頁尾在每一頁各有一份，改一次電話要改六個檔案。圖片要自己存、自己壓縮、自己上傳，手機版跑版也要自己發現。
適合誰：想做一張活動頁、個人作品集或短期的產品介紹頁，做完不太會再改的人；或是本來就想學網頁、不怕看程式碼的人。拿來做「先給老闆看看樣子」的草稿也很好用，只要記得那份檔案離正式網站還有一段路。
做法二：用 AI 寫文案、規劃架構，再貼進 Wix 或 WordPress
對大部分小店和公司來說，這是最實際的用法。ChatGPT、Claude、Gemini 最擅長的是文字：幫你列出網站要有哪幾頁、每一頁放哪些段落、首頁大標題怎麼下、關於我們怎麼寫才不空泛、常見問題該回答哪些，還能替每一頁寫搜尋結果上的標題與描述，或把中文內容翻成英文版。版面交給 Wix、WordPress 這類有編輯器的平台，文字交給 AI，分工很清楚。
寫得好不好，關鍵在你給它的資料。只說「幫我寫一間咖啡廳的介紹」，得到的就是每間咖啡廳都能用的句子；把開店年份、豆子從哪裡來、客人最常點什麼、跟附近店家哪裡不同都告訴它，寫出來才像你。價格、地址、營業時間、退換貨規則這些事實，AI 寫錯的機率不低，貼上去之前一定要自己核對一次。
這條路的限制是 AI 看不到你的網站。它不知道你的版面長怎樣、那一區塊放多少字比較好看，排版、換圖、調手機版還是你在編輯器裡做。已經在用 WordPress 的話，也有外掛能把 AI 寫作直接放進後台，整理在WordPress AI 外掛推薦 2026；各家架站平台內建的 AI 生成功能，可以看不會寫程式怎麼做網站的工具比較。
適合誰：已經有網站，或已經選好 Wix、WordPress 這類平台，自己會用編輯器，主要想省下寫文案時間的人。
做法三：讓寫程式的 AI 代理直接改程式
第三種是工程師這一兩年最常用的。OpenAI 的 Codex、Anthropic 的 Claude Code，以及 Cursor 這類工具，已經不只在對話裡吐出程式碼：它們會讀整個專案、一次改很多個檔案、在電腦上執行指令和測試，再用 Git 把修改提交上去。Codex 有命令列工具、編輯器擴充功能和雲端版本，用 ChatGPT 帳號就能登入，各方案的用量不同；Claude Code 可以在終端機、程式編輯器、桌面應用程式和瀏覽器裡用；Cursor 則是一整個內建 AI 代理的程式編輯器。
拿它們做網站，可以從零開一個完整專案，在自己電腦上跑起來看，改到滿意再部署上線。網站是 WordPress 的話，它們也能寫佈景主題或外掛，或透過 SSH 和 WP-CLI 到主機上動手。論能力，這是三種裡最強的，客製功能、會員系統、跟其他系統串接都做得出來。
門檻也最高。你要會開終端機、知道 Git 在做什麼、懂網站怎麼部署、密碼和金鑰放哪裡才不會外洩；AI 一次改了二十個檔案，你得看得懂差異，判斷能不能上線。讓 AI 代理直接連到正式主機的風險更大，一個指令下錯，整個網站目錄都可能不見，所以工程師通常先在測試環境做、確認有備份才上線。網站半夜出事時，也是你自己打開電腦處理。
適合誰：工程師、懂技術的創業者，或願意花時間學終端機和部署的人。要做的如果是網站以外的應用程式，例如預約系統、內部後台工具，這條路最自由。
第四種：讓 AI 代理直接進到 WordPress 網站裡做事
前三種做法有個共同點：AI 在網站外面工作，成果要靠你搬進網站。第四種是把 AI 接到一個已經架好、有後台的網站上，你在對話裡說要改什麼，它就直接在網站上建頁面、改版面、加表單，改完的東西已經在網站上。你不用碰程式碼，也不用自己準備主機和憑證。
想自己動手接的話，WordPress 官方有 MCP Adapter 外掛，讓支援 MCP 的 AI 用戶端用一組 WordPress 帳號連進網站，步驟和權限設定寫在WordPress MCP 是什麼。應用程式密碼、設定檔和備份都要自己管，比較適合懂一點技術的人。
WP × Roamer AI 是把這一整套做好的服務。網站是標準的 WordPress，放在 RoamerHost 的 WordPress 主機上，付款後約 60 秒裝好，SSL 自動處理，也能綁自己的網域。在 Roamer AI 側欄連接網站之後，用中文說需求，它會先列出打算怎麼做，你說好了才進站動手：建頁面、寫文案、生成圖片、做頁首頁尾和選單、加聯絡表單、設 SEO、上架 WooCommerce 商品，也能更新外掛、在網站壞掉時讀錯誤日誌把它救回來。手邊的照片直接貼進對話，就能請它放進網站。
跟做法一比，差別在修改直接發生在網站上，而且每一步都留了退路。Roamer AI 寫入之前會先拍快照，改完自動截桌機和手機的畫面確認版面，不滿意說「復原」就退回；停用外掛、批次更新、還原快照這類風險高的操作，一定要你親手按確認碼才會執行。網站隨時能自己登入後台改，也能整站匯出帶走。它處理不了的問題，會整理好原因轉給團隊的真人工程師。安全機制的細節寫在讓 AI 動網站安全嗎。
如果你正在比較各家 AI 架站服務的方案與價格：WP × Roamer AI 進階版平均每月 NT$999（年繳 NT$11,988），主機、WordPress 和 Roamer AI 都包在裡面；只想要網站、打算自己動手，WordPress 基本版每月 NT$299 起（年繳 NT$3,588）。實際做出來的樣子，可以看Roamer AI 完整示範，一個空白的 WordPress 用 15 則訊息做成能下單的茶葉品牌網站，每一句提示詞都公開；操作流程則有教學影片一步一步帶。
適合誰：在台灣、沒有工程師，網站要長期經營，想用中文叫 AI 改網站，改壞了也有人顧的人。
四種做法放在一起比
| 做法 | 你要會什麼 | 網址、主機、SSL | 之後要改內容 | 改壞了怎麼辦 | 適合誰 |
|---|---|---|---|---|---|
| 生成 HTML 自己上傳 ChatGPT、Claude、Gemini | 複製貼上、上傳檔案、設定 DNS | 自己找空間、買網域、設定 | 回對話請 AI 改，再整份重貼、重新上傳 | 自己留舊檔案，手動換回去 | 單頁活動頁、作品集、想學網頁的人 |
| AI 寫文案，貼進平台 Wix、WordPress | 會用平台的編輯器 | 平台處理；自架 WordPress 要另找主機 | 自己進編輯器改，文字可以再請 AI 寫 | 看平台有沒有版本紀錄 | 已經有網站、想省寫作時間的人 |
| 寫程式的 AI 代理 Codex、Claude Code、Cursor | 終端機、Git、部署 | 自己架設，或用部署平台 | 叫代理改，自己審查後部署 | 用 Git 退版，自己準備備份 | 工程師、要做客製應用程式的人 |
| AI 代理進網站做事 WP × Roamer AI | 會打字說需求 | 方案包含，約 60 秒開站，SSL 自動 | 直接跟它說，或自己進後台 | 改前快照，說「復原」退回；高風險操作要確認碼 | 沒有工程師、網站要長期經營的人 |
自己用 AI 做網頁，最常卡在這幾件事
最常見的是表單。AI 生成的聯絡表單常常只有外觀，按下送出之後沒有任何地方收信；有些會寫成 mailto 連結，訪客一按是打開自己的郵件程式，很多人手機上根本沒設定。靜態網站要收表單，得接第三方表單服務，或另外寫伺服器端程式。
再來是金鑰。請 AI 幫你串地圖、訂位或聊天機器人時，它可能把 API 金鑰直接寫進網頁的 JavaScript。網頁原始碼誰都看得到，金鑰等於公開，被別人拿去用的帳單是你在付。看到程式碼裡有一長串英數字的 key，先問 AI 這個能不能公開。
手機版和速度也容易漏掉。對話裡的預覽多半是電腦寬度，到了手機上按鈕擠在一起、字太小的情況很常見；AI 也常直接放大張圖片或引用一堆外部套件，網站變慢不一定察覺得到。上線前，拿自己的手機把每一頁都滑一遍。
最後是搜尋。新網站要讓 Google 知道，得到 Google Search Console 驗證網域、送出網站地圖；之後改了網址，舊網址要設轉址，原本的排名才不會掉。這些在 WordPress 有外掛幫你處理，手寫 HTML 就全靠自己記得。
怎麼選
如果你在台灣、沒有工程師，想要一個之後會一直更新的官網或網路商店，希望改內容、更新外掛、網站壞掉都能直接用中文交代，選 WP × Roamer AI 進階版：平均每月 NT$999（年繳），主機、WordPress 和 AI 一起包好，網站可以整站匯出。如果只需要一張活動頁或作品集，做完不太會動，用 ChatGPT、Claude 或 Gemini 生成 HTML，放到靜態網站空間就夠了。如果已經有 Wix 或 WordPress 網站、自己會排版，把 AI 當寫手，文案和架構交給它、版面自己來最划算。如果你是工程師，或要做的是網站以外的應用程式，Codex、Claude Code、Cursor 這類寫程式的 AI 代理最自由，記得先備份、先在測試環境做。已經有 WordPress、想讓自己的 AI 助理連進去，可以從官方的 MCP Adapter 開始。
還在猶豫的話，先看看別人用對話做出來的網站：會員作品牆上有 30 個會員跟 Roamer AI 一起做的網站。覺得適合，再到 WordPress 主機代管與 Roamer AI 方案頁選方案。
常見問題
Q：ChatGPT 生成的網頁可以直接當公司官網嗎？
可以放上網，但要自己補齊幾件事：網域、主機、SSL、真的能收信的表單，以及上線後誰來改。單頁、很少更新的網站這樣做沒問題；會一直更新的官網，每次都要回對話請 AI 改、再重新上傳，時間一久，花掉的時間會比當初省下的多。這時候改用有後台的平台，或讓 AI 直接在 WordPress 裡做，會輕鬆很多。
Q：ChatGPT、Claude、Gemini 哪一個做網頁比較好？
三家都寫得出可用的網頁，也都能預覽和分享，而且各自更新得很快，今天比出來的高下，幾個月後可能就換了。比較實際的選法，是用你本來就在用、看得順手的那一個。真正影響成果的，通常是你給它的資料夠不夠具體，以及做好之後網站放在哪裡、誰來改。
Q：用 AI 生成的網站，Google 會收錄嗎？排名會比較差嗎？
會收錄，前提是網站放在公開的網址上，最好再到 Google Search Console 送出網站地圖。Google 官方說明過，排名看的是內容有沒有用、可不可信，不看是不是 AI 寫的；會拖累排名的是空泛、錯誤或大量重複的內容。所以服務項目、價格、案例和聯絡方式這些真實資料，還是要你自己提供。
Q：已經用 ChatGPT 做了一版網頁，可以搬進 WordPress 嗎？
可以，只是沒辦法把 HTML 檔直接丟進去用。WordPress 的頁面、選單、頁尾是分開管理的，比較順的做法是把文字和圖片整理出來，在 WordPress 重建頁面。用 WP × Roamer AI 的話，可以把原本網頁的截圖和文案貼進對話，請它照這個方向在 WordPress 做出來，之後改內容就不用再碰程式碼。
Q：不會寫程式，可以用 Codex 或 Claude Code 做網站嗎？
做得出來，不少人第一次用就做出能跑的網站。卡關通常在後面：部署上線、設定網域、看懂錯誤訊息、確認 AI 改的東西安不安全。這些工具預設你看得懂終端機和程式碼差異，出問題時也要你自己判斷。不想學這些，又想要 AI 幫你改網站，選一個 AI 直接在網站裡做事、有快照可以復原的服務會比較安心，幾種服務的比較在用 AI 改 WordPress 網站的五種做法。
資料來源
- OpenAI：ChatGPT Canvas 說明、用 ChatGPT 方案使用 Codex
- Anthropic：Artifacts 發布與分享、Claude Code 概覽
- Google：Gemini Canvas、Canvas 預覽網頁與分享說明、Google 搜尋對 AI 生成內容的說明
- Cursor：官方文件；GitHub：GitHub Pages 說明
- RoamerHost：WP × Roamer AI 方案與價格、Roamer AI 完整示範
WordPress
