很多人第一次用 ChatGPT 做網站，是從一句「幫我寫一個咖啡店的網頁」開始。它真的會給你一整段程式碼，複製下來存成檔案，用瀏覽器打開，就有一個像樣的頁面。
接下來才是比較難的部分：想改一個地方，結果別的地方壞了；手機上看版面亂掉；表單按下去沒反應；最後卡在「這個檔案要怎麼變成一個網址？」。這篇整理用 ChatGPT 做網站的三種做法、提示詞怎麼寫、從初稿到上線的步驟，以及卡關時可以怎麼處理。
ChatGPT 可以幫網站做哪些事？
把做網站拆開來看，ChatGPT 能幫上忙的地方比想像中多：
- 規劃：根據你的生意，建議網站要有哪些頁面、首頁區塊怎麼排
- 文案：服務介紹、關於我們、常見問題的初稿
- 程式碼：網頁的 HTML、CSS，以及簡單的互動功能
- 圖片：產生示意圖、橫幅、背景圖
- 檢查：幫你看程式碼哪裡有問題、文案哪裡不通順
它比較不擅長的，是「讓網站真的跑起來」的部分：網域、主機、表單通知、資料保存，這些都在 ChatGPT 的對話框之外。
用 ChatGPT 做網站的三種做法
做法一：ChatGPT 寫內容，架站平台負責網站
最穩的做法。用 ChatGPT 規劃頁面、寫文案，再貼進 Wix、Shopify 或 WordPress 這類有後台的平台。主機、SSL、表單都由平台處理，你只需要專心在內容上。缺點是版面受平台限制，但對大部分品牌來說已經夠用。
做法二：ChatGPT 寫程式碼，自己放上主機
請 ChatGPT 寫出完整的 HTML 檔案，再上傳到主機或靜態網站託管服務。彈性最大，費用也可能最低，但每次修改都要自己改檔案、重新上傳，表單、追蹤碼、SEO 設定也都要自己處理。適合活動頁或作品集這類內容不常變動的單頁網站。
做法三：用 OpenAI 自家的工具直接建立和發佈
OpenAI 的 Codex 是一個會自己讀檔、改檔、執行指令的程式代理，官方文件列出的使用方式包含 ChatGPT 桌面版、網頁版、命令列工具和程式編輯器外掛。依第三方整理，OpenAI 在 2026 年也推出了可以在 ChatGPT 裡建立並發佈網站的 Sites 功能，目前是測試階段，限部分付費方案、部分地區使用。這類功能變動很快，開始之前請以 OpenAI 官方說明為準。
另外，以前大家常用的 canvas 側邊畫布，OpenAI 在 2026 年 5 月起已從新版模型移除，寫作和程式改成直接在對話中的區塊呈現。如果你看到的教學還在講 canvas，操作畫面可能已經不一樣了。
提示詞怎麼寫：一份可以直接套用的範本
ChatGPT 給出來的網站像不像你的品牌，八成取決於你給了多少資訊。只說「幫我做一個網站」，得到的就是一個誰都能用的網站。下面這份範本可以直接複製，把括號換成你的內容：
我經營（品牌名稱），是一間位在（地區）的（行業）。主要客人是（客群描述），他們通常在意（價格／品質／方便／專業度）。
請幫我規劃一個（一頁式／多頁）網站，目標是讓客人（預約／詢價／下單／加 LINE）。
需要的區塊：（例如：首頁主視覺、服務項目、價格、作品、客人常問的問題、聯絡方式）。
風格：（例如：簡潔、溫暖、米白和深綠色），參考網站：（網址）。
以下是正確資訊，請不要自己編：電話（）、地址（）、營業時間（）、價格（）。
請先給我頁面架構和每個區塊的文案，我確認後再寫程式碼。
最後一句很重要：先確認架構和文案，再寫程式碼。一次要求全部做完，之後要改方向會很麻煩。網站需要哪些頁面，可以參考〈網站要有哪些頁面？〉。
從對話到上線的 5 個步驟
步驟 1：寫需求提示詞。 用上面的範本，把品牌、客群、目標、正確資訊一次講清楚。
步驟 2：確認架構與文案。 一頁一頁看，數字和事實逐一核對。ChatGPT 寫的文字很順，但價格、年資、服務範圍可能是它自己補的。
步驟 3：產生程式碼並預覽。 請它寫成「單一 HTML 檔案，包含所有樣式」，存檔後用瀏覽器打開。記得用手機也看一次，或請它說明怎麼在電腦瀏覽器裡切換手機尺寸預覽。
步驟 4：選擇放置的地方並綁網域。 用架站平台的，把內容搬進平台；自己放主機的，上傳檔案後把網域指過去。網域記得登記在自己名下。
步驟 5：上線後檢查。 送出一筆表單測試、確認分享到 LINE 和 Facebook 時的預覽圖、裝上流量追蹤，並到 Google Search Console 提交網站。完整項目可以對照〈網站上線前檢查清單〉。
卡關時怎麼辦：5 個最常見的狀況
1. 改一個地方，別的地方壞掉
對話越長，ChatGPT 越容易忘記前面的設定，改 A 的時候順手把 B 蓋掉。處理方式：每次只改一件事；改之前把目前最新的完整程式碼貼給它，請它「只修改這個區塊，其他保持不變」；每個能用的版本都另存一份。
2. 手機上版面亂掉
直接告訴它具體狀況：「在 iPhone 上，服務項目的三欄擠在一起，文字超出畫面」，並要求「手機寬度時改成一欄」。描述越具體，修得越準。
3. 表單按了沒反應
純 HTML 的表單本身不會寄信，需要接上表單服務或後端程式。比較簡單的做法是用架站平台內建的表單，或改放 LINE、Email 按鈕，先讓客人聯絡得到你。
4. 不知道怎麼放上網路
這是最多人卡住的地方。如果你沒有處理過主機和網域，建議回到「做法一」，用架站平台放內容，比自己研究主機設定快很多。
5. 越做越大，自己也看不懂了
網站超過三、四頁，或開始需要會員、購物車、預約，這時候用 ChatGPT 一段段拼程式碼，維護成本會快速增加。這是該停下來評估的訊號：換成有後台的平台，或找人接手。
什麼情況不適合自己用 ChatGPT 做
- 要收款或處理訂單：金流、庫存、個人資料都需要穩定的系統，不適合用拼湊的程式碼處理。
- 很多人要一起更新內容：沒有後台的網站，每次修改都要找會改程式碼的人。
- 網站是主要的接單管道：網站出問題就等於生意停擺，需要有人負責維護和備份。
這些情況比較適合用架站平台，或請網頁設計團隊規劃。basedot 用 AI 協助做網站，從釐清商業目標開始，上線後的網站有中文後台，也可以接 AI 用對話更新內容。時程上，一頁式網站約 1～2 週、形象官網約 2～4 週、電商網站約 1～2 個月，有 AI 協作可以再縮短。
用 ChatGPT 做網站常見問題
用免費版 ChatGPT 可以做網站嗎？
可以用免費版規劃網站、寫文案和寫網頁程式碼。直接在 ChatGPT 裡發佈網站這類新功能，通常只開放給部分付費方案，請以 OpenAI 官方方案頁為準。
ChatGPT 做的網站，Google 搜尋得到嗎？
只要網站正式上線、可以公開瀏覽，Google 就有機會收錄。要注意每一頁的標題和描述、文字內容是否實用。Google 搜尋中心對 AI 內容的說明是：發佈前要人工查核 AI 產生的內容，包括標題、描述和圖片替代文字。
ChatGPT 寫的文案可以直接用嗎？
建議當作初稿。它寫的文字通順，但容易出現每個品牌都能用的句子，數字和事實也可能是它自己補上的。把它改成你平常跟客人說話的語氣，再加上只有你知道的細節，例如做法、產地、服務流程，網站才會像你。
已經用 ChatGPT 做好一版，可以請設計師接手嗎？
可以。用 ChatGPT 整理好的頁面架構和文案，對設計師來說是很好的參考資料，能縮短溝通時間。程式碼本身能不能沿用，要看接手的人使用什麼系統。如果還在評估自己做或找人做，可以參考〈自己用架站平台，還是找人做網站？〉。
結論：ChatGPT 擅長產出，上線要靠你補齊
ChatGPT 很適合用來規劃網站、寫文案和產生第一版程式碼，把原本要花好幾天的初稿縮短成一個下午。真正花時間的是後半段：核對內容、處理手機版、讓表單能用、放上網路、綁定網域。
最省力的路通常是：用 ChatGPT 想清楚要說什麼，再放到有後台的平台上。其他 AI 架站工具怎麼選，可以看〈AI 架站工具比較〉。
有架設網站的需求，歡迎跟 basedot 網頁設計聯繫。
