用 AI 建立您的第一個網站

Kanorio 的 AI 網站建立流程並非要求您一次性回答大量問題，而是將建立網站的過程拆解為 4 個步驟。每一步僅收集 AI 真正需要的品牌資料；完成後，AI 便會根據這些資料生成一個可供您進一步修改的網站初稿。

您可以想像成請一位熟悉網站的助手先為您完成第一版：您負責提供「我是誰、提供什麼、想呈現什麼風格、希望訪客做什麼」，AI 則負責將資訊整理成網站內容。最終是否發佈、文字如何修改、圖片如何更換，仍由您全權決定。

開始前，請準備以下資料

無需準備得盡善盡美，但以下資料越詳盡，生成結果通常越能貼近您的品牌：

• 品牌或店舖名稱
• 一句介紹您業務的標語
• 至少 1 張服務、產品、作品或場景圖片
• 1 張希望放置於網站首頁的大圖
• Logo 圖片，或您希望用以代表品牌的圖示
• 您偏好的品牌主色
• 一個希望訪客點擊的按鈕連結，例如預約頁面、社交媒體頁面、產品頁面或聯絡頁面

若資料尚未齊備，亦可先利用手邊的素材完成第一版。網站生成後，您可在編輯器內慢慢補齊。

如何進入 AI 網站建立流程

登入後，您可在主控版找到「建立網站」的入口即可開始。如果您目前沒有任何網站，主控版及編輯器亦會提供前往建立流程的按鈕。

流程進行期間，系統會自動儲存您的草稿。草稿（Draft）是指尚未完成、尚未公開的工作版本；當您切換步驟、重新整理或暫時離開後，回來時可以繼續完成。

第一步：設定品牌與網站內容語言

第一步包含 3 個必須填寫的項目：網站內容語言、品牌名稱與品牌標語。

選擇網站內容語言

此處選擇的是「AI 將使用何種語言撰寫您的網站內容」，不一定需要與您目前操作 Kanorio 的介面語言相同。

例如，您可以繁體中文操作 Kanorio，同時請 AI 生成英文、日文或其他語言的網站內容。Kanorio 的操作介面支援 6 種語言；而 AI 網站內容生成則支援超過 60 種語言及地區變體。

填寫品牌名稱

品牌名稱將會顯示於網站標題、導覽列、頁尾及 AI 生成的部分文案中。請填寫訪客實際會看到的名稱。

良好的例子：

• 山嶼咖啡
• 林安設計工作室
• Mellow Skin Studio

不建議僅填寫「我的網站」或「測試」。這類名稱提供的資訊太少，AI 難以準確判斷您的品牌定位。

填寫品牌標語

品牌標語是用一兩句話說明「您為誰提供什麼價值」。不必寫得像廣告文案，但越具體越有幫助。

較模糊的例子：

提供最優質的服務

較具體的例子：

為忙碌的專業人士提供預約制的手沖咖啡體驗及企業咖啡外燴服務。

第二個例子讓 AI 得知了目標客群、服務形式及特色，因此更容易生成合適的首頁標題及介紹內容。

第二步：提供服務內容與圖片

第二步包含兩張卡片：服務圖片為必填項目，服務描述為選填項目。

上傳服務圖片

請至少上傳 1 張圖片；系統最多可支援上傳 10 張。這些圖片可以是產品、作品、店面、服務現場、團隊成員或其他能代表品牌的素材。

建議挑選清晰、明亮且與服務直接相關的圖片。請勿僅上傳難以辨識的截圖或與品牌無關的素材，因為圖片會影響 AI 對您業務內容的理解，亦可能出現在生成的網站中。

補充服務描述

服務描述欄位並非強制性，但非常值得填寫。它能讓 AI 更深入了解您提供的項目、客戶類型、服務流程及獨特之處。

您可以嘗試回答以下問題：

• 您提供哪些服務或產品？
• 您主要服務哪些對象？
• 客戶通常在什麼情況下需要您？
• 您與其他選項有何不同之處？

例如：

提供一對一職涯諮詢、履歷健檢及模擬面試，協助剛轉職的行銷工作者釐清求職方向。

這段文字能幫助 AI 生成更貼近「職涯諮詢服務」而非一般通用型公司的內容。

第三步：設定網站視覺風格

第三步將收集品牌色、首頁封面圖及品牌 Logo。這 3 項均為必填項目。

設定品牌色

品牌色是指網站中最常出現、最能代表品牌的主題色彩，例如按鈕、連結或某些重點區塊將會使用它。Kanorio 會要求提供淺色與深色兩組色彩，以確保網站能在不同主題下均保持足夠的可讀性。

色碼會以 # 開頭的 6 位英數字表示，例如 #0084FA。如果您已有品牌色，請直接填入；若不確定，可先選擇接近 Logo 的顏色，系統會協助準備相應的深色版本。

上傳首頁封面圖

封面圖是訪客進入網站時最先看到的大型圖片，通常位於首頁頂部。建議挑選一張能立即說明您是誰或在做什麼的照片，例如店面、作品、服務情境或產品主視覺。

選擇品牌 Logo

Logo 將會顯示於網站頁首的品牌標誌。您可以上傳 Logo 圖片，或在沒有圖檔的情況下選擇一個圖示作為代表。兩者至少需設定其中一項，方可完成此步驟。

第四步：設定訪客可採取的行動

最後一步包含自訂按鈕、品牌連結及聯絡資訊。此步驟的核心是引導訪客「在瀏覽完網站後，下一步可以做什麼」。

新增至少一個自訂按鈕

CTA（Call to Action，行動呼籲）按鈕是用來引導訪客採取下一步行動的按鈕，例如「立即預約」、「瀏覽商品」、「聯絡我們」。

您至少需要完成一個按鈕，且每個完整的按鈕都需要包含：

1. 圖示
2. 按鈕文字
3. 有效的外部連結

外部連結可以是預約系統、社交媒體頁面、產品頁面、Email 或電話連結。請先自行點擊測試，確認連結確實能引導訪客前往正確位置。

加入品牌連結

品牌連結為選填項目。您可在此加入 Instagram、Facebook、Threads、YouTube 等社交媒體連結，讓 AI 及網站頁尾更了解您已有的公開品牌管道。

加入聯絡資訊

地址、電話、Email 及營業時間均可選填。若有填寫，請確保格式正確；例如電話欄位會依據國家或地區格式進行檢查，Email 亦需為有效的信箱格式。

按下「生成」後，系統正在進行什麼？

完成第 4 步並按下生成後，Kanorio 會建立一個網站生成任務。畫面上會顯示目前的狀態，例如正在準備、生成內容或已完成。

生成過程會根據您填寫的品牌資料處理視覺與內容，完成後再建立可編輯的網站資料。若系統正在排隊，畫面上可能會顯示排隊位置或預估等待時間。請保留頁面直至完成；若網路暫時中斷，系統也會嘗試重新確認任務狀態。

生成完成後，您將被導向編輯器，並看到完成提示。此時網站仍為草稿狀態，尚未公開給其他人瀏覽。

AI 生成後，下一步該做什麼？

請先在編輯器檢查以下項目：

1. 品牌名稱與標題是否準確。
2. 圖片是否放置在合適的位置。
3. 服務描述是否符合您實際提供的內容。
4. CTA 按鈕是否連結至正確的網址。
5. 手機預覽畫面是否易於閱讀。

AI 生成的內容僅為初稿，並非不可修改的定稿。您可以直接點選區塊修改文字、更換圖片、刪除不需要的內容，或加入新的模組。

請參閱：認識編輯器