點樣用 AI 建立網站：由第一個提示到上線

要用 AI 建立網站，先寫低個網站用嚟做咩，以及需要邊啲頁面，然後用幾句平常說話描述俾 AI 網站或應用程式建立工具，讓佢生成第一個版本，並喺即時預覽中睇到。之後修改文字、喺手機上檢查、加入搜尋引擎需要嘅基本設定，再發佈到一個網域。大部分細型網站，例如商業網站、作品集、登陸頁或者簡單嘅網誌，都可以喺一次過由構思做到上線。

你正在建立咩類型嘅網站？

「網站」涵蓋好多唔同嘅東西，你揀嘅類型會影響你要提出咩要求：

如果你嘅網站屬於最後一行，你其實係在建立一個帶有行銷前端嘅網頁應用程式。咁都冇問題，AI 應用程式建立工具兩種都可以處理，但應用程式部分要獨立計劃；我哋嘅 點樣用 AI 建立應用程式 指南有講解呢部分。

AI 網站建立工具 vs 範本 vs AI 應用程式建立工具

常見有三種途徑，每種都適合唔同嘅人。

• 附有 AI 功能嘅範本式建立工具（Wix、Squarespace、Framer 等）。你從一個已設計好嘅範本開始，用視覺方式編輯；AI 幫你寫文字或者建議版面。如果你想要一個經過驗證嘅設計、視覺化編輯器，以及網誌或預約小工具等內置附加功能，呢類工具好適合。
• AI 應用程式建立工具（Mythex、Lovable、Bolt 等）。你喺對話中描述網站，AI 由零開始寫程式碼，然後喺即時預覽中運行。如果你想要度身訂造嘅嘢、想用說話而唔係拖拉方塊去修改，或者預計之後會加入應用程式功能，呢類工具好適合。
• 手工建立或代理商網站。 對於內容流程複雜、品牌系統嚴格，或者每一頁都要法律審閱嘅大型網站，仍然係正確選擇。

如果想並排睇特定工具，請參閱 最佳 AI 網站建立工具。

第一步：喺一頁紙上規劃網站

開任何工具之前，先答以下五條問題。花十分鐘，可以慳返幾個小時嘅來回修改：

1. 邊個係訪客，佢哋應該做咩？ 「需要報價嘅本地業主，應該致電我哋」係一個計劃。「所有人」就唔係。
2. 有邊啲頁面？ 列出嚟。大部分細型網站需要四至五頁。
3. 每頁有咩內容？ 每頁寫一兩句，例如：「服務：三項服務，附簡短描述同起步價。」
4. 邊啲係真實嘅？ 收集你真正嘅商業名稱、服務、價錢、地址、營業時間、相片，以及你獲准使用嘅客戶評語。如果你唔提供，AI 會為任何嘢生成佔位內容。
5. 應該有咩感覺？ 兩至三個字（「平靜、乾淨、大量留白」），或者一個你喜歡嘅網站連結。

第二步：寫第一個提示

一個好嘅第一個提示，描述嘅係業務同頁面，而唔係程式碼：

為 Harbor Physio 建立一個網站，佢係一間位於沿海小鎮嘅物理治療診所。頁面：主頁（主視覺附「預約評估」按鈕、三個選擇我哋嘅原因、簡短客戶評語區）、服務（運動傷患、背痛、術後復康，每項都附一段文字同療程時長）、關於（兩位物理治療師，相片位置留空）、聯絡（地址、營業時間、電話同聯絡表格）。平靜、乾淨嘅外觀，配以柔和藍色強調色。以手機優先。使用聽落真實嘅文字，唔好用 lorem ipsum，亦唔好捏造評語或獎項。

最後一句好重要。AI 工具好樂意用捏造嘅客戶評語、「信任我哋嘅 10,000 名客戶」橫幅或者假獎項去填補空位。要明確叫佢唔好咁做，然後都要檢查。

如果你已經有標誌、品牌顏色，或者一張你喜歡嘅網站截圖，就附上嚟。更多寫法可以參閱 點樣為 AI 應用程式建立工具寫提示。

第三步：以訪客身份檢視

第一個版本出現時，唔好一開始就改字型。以你訪客嘅角度逐步睇：

• 一打開網頁，你可以喺五秒內知道個業務做咩嗎？
• 主要按鈕明顯嗎？撳落去會去到正確嘅地方嗎？
• 選單入面嘅每一頁都存在，並且連結正確嗎？
• 切換去手機尺寸嘅檢視。大部分訪客都會用手機瀏覽，擠迫嘅文字同過大嘅圖片最容易喺度出現。

然後每次只改一樣嘢。「將主視覺標題縮短，並將電話號碼放喺頁首」會比「令佢更好」得到更好嘅結果。如果某項改動出咗問題，就回復去之前嘅版本，而唔係嘗試用說話補救。

第四步：用真實內容取代佔位內容

第一稿會有佔位圖片同泛泛嘅句子。逐頁處理：

• 文字。 貼上你真實嘅服務描述、價錢同營業時間。可以要求 AI 精簡文字，但事實要保持係你自己嘅。
• 圖片。 盡可能上載你自己嘅相片。背景用圖庫相片冇問題；你工作、團隊或營業地點嘅真實相片更能建立信任。
• 證明。 只使用你能夠證實嘅客戶評語、標誌同數字。
• 法律頁面。 如果你透過表格收集任何個人資料，通常需要一份私隱政策。可以要求 AI 生成一頁，然後按你營運地區嘅規則核對 — 生成嘅政策只係起點，並非法律意見。

第五步：表格、預約同其他「應用程式」部分

聯絡表格需要一個地方收件。由最簡單到最複雜，選擇如下：

如果你需要真正嘅預約或付款功能，請參閱 點樣建立預約應用程式 同 點樣為應用程式加入付款。

第六步：分享之前嘅 SEO 基本功

AI 可以寫出一個漂亮嘅頁面，但搜尋引擎可能幾乎睇唔明。上線之前，要求 AI 處理以下嘢：

• 每一頁都有獨一無二嘅標題同 meta 描述
• 每頁一個清晰嘅主標題，並有合理嘅副標題
• 圖片有描述性嘅 alt 文字
• Open Graph 標籤，令連結喺社交媒體或訊息中分享時顯示正確
• 網站地圖同 robots 檔案

有一個技術重點值得了解。好多 AI 建立工具會生成單頁應用程式，即係由瀏覽器用 JavaScript 建立頁面。搜尋引擎可以索引呢類頁面，但對於需要排名嘅頁面，靜態或伺服器渲染嘅 HTML 更可靠。如果搜尋流量對你好重要，就要求靜態網站，或者一個由伺服器渲染頁面嘅框架。我哋嘅 AI 建立網站嘅 SEO 指南會講得更深入。

第七步：發佈同連接網域

發佈會將預覽變成一個公開網站。大部分建立工具一開始會俾你一個免費子網域，用嚟測試同同朋友分享就足夠。如果係做生意，就應該連接你自己嘅網域：你可以透過建立工具購買一個，或者用 DNS 記錄將你已經擁有嘅網域指向網站。點樣連接自訂網域 會逐步講解 DNS 部分。

上線之後，建立一個免費嘅 Google Search Console 帳戶，睇吓你嘅頁面有冇被索引。

常見錯誤

• 一次過要求所有嘢。 一個提示入面有十二頁、一個網誌、一間網店同會員區，會令每一部分都變得膚淺。先建立核心頁面。
• 發佈佔位文字。 上線前，喺每一頁搜尋「Lorem」、「Your Company」同捏造嘅數字。
• 唔理手機版。 每一頁都要用手機闊度檢查，唔好只檢查主頁。
• 行動呼籲含糊。 每一頁都應該令下一步清楚易見：致電、預約、購買或聯絡我哋。
• 忘記邊個會更新。 如果其他人每星期都要編輯網站，要確保佢哋做得到 — 可以透過同同一個建立工具對話，或者揀一個有視覺化編輯器嘅工具。

成本幾多

用 AI 建立嘅簡單網站，通常比一個經過設計同手工建立嘅網站平好多。需要計劃嘅持續成本包括：

• 建立工具。 大部分都有免費層級俾你試用，另有付費方案，用於自訂網域同更多用量。
• 託管。 有時已包括喺方案入面，有時按用量收費。
• 網域名稱。 每年嘅註冊費，視乎名稱同尾綴而定。
• 額外功能。 用於表格通知嘅電郵服務商，或者用於預約或電子報嘅付費工具。

咩時候網站建立工具係更好嘅選擇

要誠實睇清你需要咩。如果你想要一個經典嘅宣傳冊式網站、俾非技術同事用嘅視覺化編輯器、內置有排程功能嘅網誌，或者一個由 Shopify 等專門平台處理庫存同運送嘅網店，範本式網站建立工具或者 Shopify 可能比任何 AI 生成嘅程式碼更適合你。當網站比較獨特、經常更改，或者係通往一個行為似應用程式嘅入口時，AI 應用程式建立工具就會更有優勢。

用 Mythex 建立

Mythex 係一個 AI 應用程式建立工具，而網站係人哋用佢建立嘅最常見嘢之一。你描述網站，佢會喺即時預覽中建立（包括手機尺寸檢視），然後你發佈到 yourname.mythex.app 地址；喺 Pro 方案，你可以喺 Mythex 內購買網域，或者連接你已擁有嘅網域。如果搜尋排名重要，你可以要求一個純靜態網站，而唔係預設嘅 React 應用程式 — 請參閱關於 靜態網站 同 已發佈應用程式嘅 SEO 嘅文件。

Mythex 並唔係內容管理系統：行銷團隊並冇獨立嘅編輯登入，所以更改要透過同建立工具對話，或者直接編輯程式碼。如果想避免面對空白頁，可以由網站範本或作品集範本開始，每個範本都會開啟一個已填入起始提示嘅新專案。

常見問題