【功能更新】秒站 Vibe 畫布正式發佈｜AI 網頁上線與驗收

秒站 Vibe 畫布（Vibe Canvas）可把 AI 協作寫出的 HTML、CSS 與 JavaScript 放進秒站網站。你可以做一整頁，也能把單一互動元件排進原生版面。需要金流、帳號或課程權限時，先確認由哪個服務處理，再從畫布連到實際的操作入口。

先看手上的 AI 網頁需要哪些功能

畫布的兩種編輯路徑見新增 Vibe 畫布教學。想讓 AI 產生一個可直接放入自訂 HTML 的元件，可參考Vibe 畫布與 AI 協作教學。

如何把互動頁接到正式的諮詢或購買流程

例如你要做課程程度小測驗，可以在畫布用幾題題目顯示分級建議，再讓讀者前往對應的課程介紹或商品頁。題目與結果在畫布維護。下單、付款和開通課程，分別由已設定的商品、金流與課程權限處理。

若要在秒站站內購買並開通課程，先依秒站方案確認金流與課程模組。再照商品與課程權限綁定教學設定對應品項和觀看期限。驗收時要用未登入視窗查看公開入口，並在可控的測試流程確認已購買和未購買帳號各自看得到什麼。

如果只要收諮詢，先把畫布接到表單。自己送出一份測試，確認結果頁、通知和接件責任，再決定是否需要付費購買流程。

上線前檢查公開頁、互動與搜尋資訊

1. 確認公開網址。儲存後，用未登入視窗打開正式網址。改動舊頁入口時，也要開舊網址確認前往的位置。
2. 操作桌機與手機。從頁面載入、填寫或點擊，到結果、送出和錯誤提示，各走一次。檢查原生導覽與其他區塊的樣式是否正常。
3. 檢查程式碼。用元件自己的外層樣式避免影響整站。API 金鑰和密碼要留在伺服器端。若腳本提早執行、找不到元素，再查載入順序。
4. 核對搜尋資訊。讓訪客在頁面上看得到服務名稱、適用對象和必要限制，並能從站內連結找到該頁。重要文字別只留在互動結果或圖片。

如需調整程式碼位置，請看Vibe 畫布頁尾腳本教學。兩種編輯方式的區塊順序見頁面編輯器與 Gutenberg 的分工，現有網址調整及保留條件另見Vibe 畫布網址設定。

Google 搜尋文件指出，網頁要有資格作為 AI 摘要或 AI 模式的支援連結，須已建立索引且符合一般搜尋摘要資格。編輯器預覽或公開頁面可開啟，只能證明當下的頁面狀態。可在 Search Console 另行確認索引。

如果目前還在整理 AI 產物，可先讀Vibe Coding 入門。已經有元件時，可以用秒站試用測試它在版面上的位置與前台操作。