Kanorio

用 AI 建立您的第一個網站

約 10 分鐘入門

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 圖片,或在沒有圖檔時選擇一個圖示作為代表。兩者至少要設定其中一種,才能完成這個步驟。

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

最後一步包含自訂按鈕、品牌連結與聯絡資訊。這一步的核心,是告訴訪客「看完網站後,下一步可以做什麼」。

新增至少一個自訂按鈕

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 生成的內容是第一稿,不是不可修改的定稿。您可以直接點選區塊修改文字、換圖片、刪除不需要的內容,或加入新模組。

請閱讀:認識編輯器

AI 建站常見問題

先在編輯器直接修改。您可以更換文字、圖片、按鈕與模組順序,不需要重新做完整個網站。若只是某一段內容不適合,局部調整通常比從頭開始更快。

可以,服務描述是選填;但填寫後能讓 AI 更了解您的服務與客群,通常會讓生成內容更貼近實際需求。

通常是該步驟的必填資料尚未完成。請確認第一步的語言、品牌名稱與標語;第二步至少有 1 張圖片;第三步有品牌色、封面圖和 Logo 或圖示;第四步至少有一個完整自訂按鈕。

流程會定期自動儲存草稿。回到建立網站流程後,可以繼續先前尚未完成的步驟。不過仍建議等圖片上傳完成後再離開頁面。

AI 點數是網站方案提供的 AI 使用額度,會用在 AI 生成頁面、生成模組或 AI 寫作等功能。不同方案的額度與重置方式不同,請參考選擇適合的方案

可以。Kanorio 的操作介面語言與網站內容語言分開設定。您可以維持繁體中文介面,並在第一步選擇英文或其他支援的內容語言。