跳到主要內容

【2026 最新】ChatGPT Sites 教學:一句話做活動網站,四關驗收再發布

最後更新: ·
ChatGPT Sites 教學 教學首圖

你請 ChatGPT 做了一個活動網站,預覽看起來很漂亮,卻還不知道朋友能不能打開、手機上的按鈕能不能按。這篇 ChatGPT Sites 教學從一句需求開始,帶你做出單頁活動資訊站,再用一張驗收清單決定何時分享網址。

本文寫給第一次做網站、沒有程式背景的讀者。你會學會把內容交代清楚、檢查預覽、儲存版本、設定訪客權限、發布與修改後重新驗收。操作依據是截至 2026 年 10 月 5 日的 OpenAI Sites 說明與官方 Sites 指南;下方範本可讓你在自己的帳號中逐步完成。

先說結論:ChatGPT Sites 的成品是「作品+訪客驗收」

一句話記住:可分享網站=清楚的需求+能用的頁面+正確的分享權限+訪客視角驗收。 ChatGPT Sites 可以把描述轉成網站,提供預覽、修改與託管;但漂亮的預覽只像餐廳試菜,還要確認客人找得到門、菜單看得清楚、點餐按鈕真的有反應。OpenAI 特別提醒:每個部署網址都是正式部署。要在上線前檢查改動,先儲存版本,再決定何時部署。

ChatGPT Sites 是什麼?先分清預覽、版本與發布

把 Sites 想成「會和你討論的網站工作台」。你說明網站給誰看、要放什麼、按鈕要做什麼;ChatGPT 產生頁面讓你預覽,你提出修改,最後由你選擇分享對象並發布。官方文件把它定位為能建立、託管、修改及分享網站和輕量應用的功能。這篇的目標是一頁活動資訊站:讀者能看到時間、地點、議程、常見問題,並走到真實報名入口。

  • 預覽:像工作桌上的樣稿,先檢查內容與互動。
  • 儲存版本:留下可以辨認的發布候選版,方便你核對這次要交付哪一版。
  • 部署/發布:把選定版本送到正式網址。網址能否由朋友打開,還取決於 Share 裡選的受眾權限。

如果你讀過 ChatGPT Work 入門,這裡的 Work 是建立 Sites 的入口之一;如果你做過 Claude Code 網站教學,這次則聚焦 Sites 自帶的預覽、託管與分享流程。

ChatGPT Sites 教學第一步:用提示詞建立活動頁

在 ChatGPT 網頁版進入 Work,或在桌面版進入 ChatGPT → Work/Codex。官方建議在要求中明說「website」或使用 @Sites。若你的介面呈現不同,先從 Sites 清單或 Work 入口尋找;功能是否出現仍受帳號推出進度及工作區設定影響。

下面的內容可直接複製。把方括號裡的時間、地點、報名網址換成你自己的真實資料;尚未有報名連結時,先讓按鈕顯示「報名即將開放」,不要生成看似能送出的假表單。

請用 ChatGPT Sites 建立一個繁體中文的單頁活動 website。
對象:第一次認識這場讀書會的人;目的:讓他們在手機上 30 秒內找到時間、地點和報名入口。
內容:活動名稱[名稱];日期時間[含時區];地點[地址與地圖網址];三段議程[內容];主辦單位[名稱];常見問題[三題與答案]。
互動:頂部選單跳到各段落;「立即報名」按鈕只連到[真實報名網址];如果網址尚未提供,先顯示「報名即將開放」,不要做收集個資的表單。
設計:手機優先;繁中文字體清楚;按鈕好點;對比足夠;頁尾放聯絡方式[公開信箱]。
交付:先給我預覽。請列出你用了哪些假設、每個按鈕會去哪裡,以及我還需要補哪些資料。暫時不要部署。

這段提示詞把「做得好看」拆成可驗收的內容和行為:時間是否含時區、地址是否真的能導航、報名按鈕是否通到正確頁。你也可以參考 網站設計交接教學,把品牌色、文案及審核人寫成明確規格。

ChatGPT Sites 教學第二步:用四關檢查預覽

預覽不是「看一眼漂亮就過」。請按以下順序操作,每一關都留下一個能觀察的結果。

ChatGPT Sites 活動網站發布前的內容、連結、手機、錯誤四關檢查表
四關驗收工作表:每一關都記錄通過、待修與負責人。

① 內容關:逐字核對資訊

從主標、日期、時區、地址、議程到聯絡方式逐項讀過。拿原始資料逐字對照,特別檢查 AI 是否自行補出講者、票價或截止日。看到不確定的資訊,直接回覆:請移除你自行推測的票價與講者;只保留我提供的資料,缺項用「待確認」標示。 對外公開之前,再把待確認項補齊。

② 連結關:每個動作都要有目的地

逐一點選選單、地圖、報名及聯絡入口。不要只看按鈕顏色:確認跳到正確段落、開啟正確地圖或真實報名頁;新視窗回來後頁面仍能操作。報名網址缺失時,把「立即報名」改成明確的未開放狀態,並再次檢查是否仍留有會誤導人的舊按鈕。

③ 手機關:用窄畫面真的走一次

縮窄桌面瀏覽器視窗,檢查標題是否換行、選單是否蓋住內容、按鈕是否擠到螢幕外、地址是否可完整閱讀。有條件時,再用自己的手機打開可存取的頁面,從頂部一路操作到報名入口。把它當作朋友只用單手看網站:他能否不放大螢幕就找到下一步?想知道更完整的網站驗收思路,可接著看 Agent Experience 網站測試。

④ 錯誤關:替缺資料與失敗動作留出口

刻意問自己:地圖網址錯了怎麼辦?報名已截止怎麼辦?主辦人尚未確定聯絡信箱怎麼辦?把這些情況寫成清楚文案,避免留下無反應的按鈕。若頁面真的收集資料,先確認蒐集內容、收件方與使用者看得到的說明;這份示範頁選用外部報名連結,避免初學者無意間做出資料收集流程。

第三步:儲存版本、設定權限,再發布正式網址

  1. 先儲存版本。要求 ChatGPT 儲存你剛驗收的版本,記下活動名稱與本次修改;官方 Sites 指南把儲存版本與部署版本分成兩個階段。
  2. 打開 Share。在 Who has access 選真正想邀請的對象。可能選項包括指定使用者、工作區成員,或在允許公開發布時的 Anyone on the internet。選項由帳號與工作區控制;不要把「拿到網址」當成「所有人都能看」。
  3. 確認受眾後選 Publish。發布成功後,用 Visit 開頁面或 Copy link 複製網址。官方明確指出每個部署網址都是正式部署,先存版本可避免把待檢查的修改直接送上線。
  4. 換訪客視角重開網址。若選公開,請在未登入的瀏覽器或另一台手機開啟;若選指定訪客,請對方用受邀帳號登入。檢查頁面、選單、地圖和報名入口,不要只看自己已登入的編輯預覽。

如果你只想邀請特定朋友,官方也提供具名外部訪客的查看權限,前提是該帳號/工作區支援此選項。對方須以受邀帳號登入;這與把網站公開給所有網路使用者是兩件不同的事。企業工作區的公開發布預設關閉,須由管理員開啟並授予角色權限。這些差異都能在 OpenAI 工作區管理說明核對。

第四步:修改之後,再跑一次訪客驗收

活動時間改了,先在原始 Sites 對話或 Sites 清單開啟網站,要求修改;官方流程是「描述修改 → 看新的預覽 → 再發布」。請把版本名稱、改動與檢查結果記在自己的表格,不要把舊網址當成新版本已經完成更新的證據。

  • 改文案:重新核對日期、地址、議程與頁尾。
  • 改按鈕:重新點過報名、地圖、聯絡入口。
  • 改版面:重新看窄視窗與手機,包含選單展開後的位置。
  • 改權限:重新用預定訪客的帳號或未登入視窗打開正式網址。

把這四項貼進自己的筆記,記錄「通過/待修/負責人」。如果某一項待修,就回到預覽調整並存新版;完成後再部署。你可以把這種「需求、版本、驗收」節奏延伸到 可編輯 AI 海報流程,同樣避免只憑第一眼漂亮就交件。

ChatGPT Sites 的 Beta 額度與分享界線

截至 2026 年 10 月 5 日,官方將 Sites 標為公開 Beta;Plus、Pro、Business、Enterprise、Edu 的實際可用性及權限,仍要以你看到的帳號和工作區設定為準。用量限制依方案與工作區而定,而且會在 Beta 期間變動;系統會在接近限制時提醒。達到限制後,建立新 Site、增加儲存空間,或讓高用量網站維持公開,可能受影響,但既有 Sites 仍可編輯與管理。最實用的動作是進 Sites 介面查看自己目前顯示的限制,不抄別人的數字。

公開前還要看內容邊界:頁面是否放進私人地址、未授權照片、內部文件或測試用密鑰;表單是否要求訪客留下個資。OpenAI 的發布前檢查清單要求從預定訪客的角度測試存取、登入、連結與互動。對一頁活動站而言,先用公開資訊與真實外部報名頁,通常比在第一版加入複雜資料收集更容易驗收。

常見問題:ChatGPT Sites 新手最容易誤會的 8 件事

1. 我完全不會寫程式,可以開始嗎?

可以從描述需求開始。先把頁面的受眾、內容與按鈕目的地寫清楚,再用預覽逐項驗收;真正的門檻是把不確定的資料補齊。

2. 預覽好看,就代表朋友能打開嗎?

不一定。朋友能否打開,還看你是否發布,以及 Share 的受眾設定。用對方的訪客身份重開網址才算驗收。

3. 部署網址可以當測試網址嗎?

請把它當正式網址。官方說每個部署網址都是 production deployment;要先檢查修改,儲存版本並看預覽。

4. 一定要讓所有網友看見嗎?

不一定。可用的受眾選項取決於方案與工作區;有些情況能邀請具名訪客查看。發布前把 Who has access 讀一遍。

5. 企業帳號看不到公開發布,怎麼辦?

先查管理員設定。官方說 Enterprise 的公開發布預設關閉,需要管理員啟用並授權適當角色。

6. 我修改了活動時間,朋友的頁面會自動更新嗎?

先驗收新版,再發布。官方編輯流程要求查看更新預覽,並在準備好後發布新版;修改描述本身不是發布完成的證據。

7. Beta 額度到底有多少?

看你帳號裡的當前數字。官方描述的是依方案與工作區變動的限制,沒有適合所有讀者照抄的固定額度。

8. 我要做收集報名資料的表單嗎?

先決定資料交給誰處理。這個入門範例使用真實外部報名網址;若日後改成站內表單,逐項確認資料用途、收件方與訪客看到的說明。

給新手的 5 個重點

  1. 需求先寫受眾、內容、按鈕去向,不只寫「做漂亮網站」。
  2. 預覽檢查內容、連結、手機與錯誤狀態四關。
  3. 先存版本;部署網址就是正式部署。
  4. 在 Share 核對受眾,再用訪客身份重開。
  5. 任何修改都重新預覽、發布與驗收。

接著閱讀

左右滑動查看更多推薦

結語:先做一頁,再請一位朋友走完整段流程

今天先把活動名稱、時間、地點和一個真實報名網址放進上面的提示詞。拿到預覽後,用四關清單修到自己願意讓朋友看;存版本、選受眾、發布,再請一位朋友用手機從首頁走到報名入口。這就是 ChatGPT Sites 教學最重要的一次交付:不是拿到網址,而是知道網址背後的作品真的能被預定訪客使用。想把這套驗收習慣帶進更多 AI 作品,可從 AlphaLab 課程繼續練習。

ALPHALAB 社群

有問題?來 Telegram 聊

和 Terry、編輯、其他網友一起討論這篇文章。提問、分享觀點,回覆更即時。

加入 Telegram 討論

📩 訂閱 AlphaLab 電子報

每週最多三封:一封 Weekly 週報與最多兩封關鍵 Alpha Signal。

我們不會 spam,隨時可退訂。已訂閱?管理主題偏好(會寄登入連結到你的信箱)