【功能更新】Vibe 畫布去掉 /canvas/ 前綴、可直接覆蓋既有頁面、舊網址自動轉址

【功能更新】Vibe 畫布的網址不再被 /canvas/ 前綴綁住,可以直接放在跟一般頁面同層(例如 /about//pricing/),也能用相同代稱直接覆蓋既有頁面當前台顯示內容。原本已使用舊網址的訪客也不用擔心,系統會自動把 /canvas/<代稱>/ 301 轉址到新位置,外部連結、社群分享、廣告素材的舊網址通通無感切換。

本篇拆解這次更新含哪些變化,為什麼這對 SEO 與行銷有意義,誰會最受惠,以及不會被影響的功能有哪些。想知道實際後台怎麼操作,下方有對應的教學文連結。

這次更新一句話總結

  • 網址變短/canvas/about//about/,跟一般頁面同一層
  • 可直接取代既有頁面:用相同代稱建立畫布,前台網址就會優先顯示畫布內容,原頁面留在後台不刪
  • 舊網址自動 301 轉址:原本 /canvas/<代稱>/ 的連結、書籤、外部分享都會自動導到新網址,SEO 權重也跟著轉移

為什麼這次更新有意義

之前 Vibe 畫布的網址結構是 網域 + /canvas/ + 代稱。這個結構帶來三個痛點:

  • 網址不漂亮:印在名片,貼在廣告,傳給客戶時,/canvas/... 看起來像「另外一塊」,不像主網站的內容
  • 不能取代既有頁:想用畫布做新版「關於我們」,被迫放在 /canvas/about/,跟原本 /about/ 並存兩個網址
  • 切換版本要手工搬遷:想正式換上線,要先把舊頁面切草稿,再手動改畫布代稱,還要做轉址設定

更新後三個痛點一次解決。下面看實際長怎樣。

變化一:網址跟一般頁面同層

畫布代稱之前的網址現在的網址
landing/canvas/landing//landing/
about/canvas/about//about/
black-friday-2026/canvas/black-friday-2026//black-friday-2026/

實際前台展示,畫布內容就在 /<代稱>/,沒有 /canvas/ 前綴:

Vibe 畫布前台展示頁,網址直接位於 /about/ 不含 /canvas/
畫布內容直接呈現在 /service/,不再有 /canvas/ 前綴

變化二:可以用相同代稱直接覆蓋既有頁面

這是這次更新最大的轉變。把畫布代稱設成跟既有頁面同樣(例如同樣是 about),前台 /about/ 就會自動顯示畫布內容。原本的頁面留在後台不刪,SEO 設定也保留,需要時隨時切回去。

發佈時若代稱跟既有頁面同名,後台會跳出黃色提示帶連結到被覆蓋的頁面,讓你確認是不是有意覆蓋:

Vibe 畫布編輯頁的覆蓋提醒,顯示同 slug 既有頁面的連結
後台覆蓋提醒:清楚標示衝突頁面與將被顯示的前台網址

「網站設定」內被覆蓋的頁面(例如「關於我們」與「服務」這幾個 SEO tab)也會顯示提醒,告知此頁面已被 Vibe 畫布取代,目前在這裡寫的 SEO 設定不會生效(要改到畫布上去設):

網站設定 SEO tab 內,被畫布覆蓋頁面的橘色提醒框
「網站設定」→「SEO」內,被覆蓋的頁面會顯示提醒

變化三:舊網址自動 301 轉址

已經有人在用 /canvas/<代稱>/ 分享連結、貼進廣告、印在名片上,更新後完全不用一個一個改。系統會把所有 /canvas/<代稱>/ 自動 301 轉址到新的 /<代稱>/

301 是搜尋引擎認得的「永久搬家」訊號,Google 會把舊網址累積的 SEO 權重轉移到新網址,外部反向連結也不會失效。對訪客來說則是「點了舊連結會自動跳到新位置」,無感切換。

轉址範圍:

  • 外部反向連結、社群分享、Email 內的舊連結
  • Google 搜尋結果裡的舊網址(會逐步替換成新網址)
  • UTM 參數、query string 通通保留(例如 /canvas/about/?utm_source=fb 轉址到 /about/?utm_source=fb

什麼情境最受惠

把畫布當新版頁面做 A/B 替換

原本的「關於我們」是用一般頁面寫的,你用畫布做了一個視覺更好的新版。設定畫布代稱為 about,發佈後 /about/ 立刻換成畫布版本,舊頁面留在後台備份。要切回去把畫布切草稿、或改代稱即可,沒有「改壞了救不回來」的風險。

活動/節慶頁短期上線

母親節、雙 11、黑五這類季節性活動頁,用畫布做,用簡短代稱(mothers-day1111black-friday),活動結束把畫布切草稿就下線,明年再上來複製改改就能用。網址簡單好記、好印、好分享。

廣告投放的 Landing Page

FB Ads、Google Ads 的 Landing Page 直接做成畫布,代稱用 fb-promog-ads-spring。網址少一層 /canvas/,廣告素材上的網址顯示更乾淨,CTR 也比較好看。

系統會自動保護的代稱

為了不讓畫布意外擋掉購物車、結帳、後台這些關鍵頁,系統內建保護清單。如果你建立畫布用到下面這些代稱,系統會自動加上 -canvas 後綴,避免炸網站:

  • 網路商店系統頁:購物車、結帳、會員中心、商店首頁、條款這幾類(例如代稱 cart 自動變成 cart-canvas
  • WordPress 系統路徑wp-adminwp-loginfeedsitemaprobots
  • 站台首頁的代稱:避免畫布覆蓋掉設定為首頁的頁面(首頁有獨立的「自訂首頁」設定流程)
  • AI 名片代稱:避免跟 AI 名片功能衝突

不會被影響的功能

  • 既有的一般頁面、文章、商店頁全部照常運作
  • WooCommerce 購物車、結帳、會員中心受保護,不會被覆蓋
  • 選單、頁尾、外部連結到舊 /canvas/ 網址通通透過 301 自動導向新位置
  • 已經建立的 Vibe 畫布不需要重新設定,也不需要重新發佈

想實際操作?看完整教學文件

這篇主要介紹這次功能更新的內容、改動範圍與適用情境。如果你想知道後台實際怎麼設定畫布代稱、怎麼確認生效,以及想切回原頁面要怎麼做,請看:

想試試秒站?

重點整理

我已經有的舊網址 /canvas/xxx/ 還能用嗎?

可以、不用手動處理。系統會把所有 /canvas/<代稱>/ 自動 301 永久轉址到新的 /<代稱>/。包含:外部反向連結、社群分享、Email 內的舊連結、Google 搜尋結果裡的舊網址(會逐步替換、保留 SEO 權重)、UTM 參數與 query string 全部保留。訪客點舊連結會無縫跳到新位置、不會看到 404。

畫布覆蓋頁面對 SEO 有影響嗎?

對 SEO 沒有不利影響、反而有兩個好處。一、網址變短:/canvas/about/ → /about/、更符合 SEO 慣例(短、語意清楚)。二、301 轉址保留權重:舊網址累積的 SEO 權重會透過 301 轉移到新網址、不會歸零。要注意一點:如果你的畫布是覆蓋既有頁面、記得到畫布上重新設定一次 Rank Math 的標題與摘要(原本頁面的 SEO 設定不會自動套用到畫布)。「網站設定」內被覆蓋的頁面也會顯示橘色提醒、告知 SEO 設定要改到畫布上去。

同代稱衝突時、前台會顯示哪一個?

前台會顯示 Vibe 畫布的內容、覆蓋掉原本同名的頁面。原本的頁面留在後台不刪、SEO 設定也保留、要切回去把畫布切草稿(或改畫布代稱)就會立刻換回原本的頁面。系統會在後台跳出黃色「覆蓋提醒」橫幅、帶連結到被覆蓋的頁面、讓你確認是不是有意覆蓋。

想切回原本的頁面內容怎麼辦?

兩種方式選一個。方式一:把 Vibe 畫布切成草稿狀態(後台 Vibe 畫布清單找到該畫布、改成草稿)、下次刷新前台 /<代稱>/ 就會顯示回原本的頁面。方式二:把畫布的代稱改成別的(例如 about → about-canvas)、原本 /about/ 立刻回到顯示原本頁面、畫布改在 /about-canvas/ 仍可訪問。畫布內容不會被刪、隨時還能再切上線。

哪些代稱不能用?

系統為了不讓畫布意外擋掉系統頁,有保護清單。下面這幾類代稱會自動加 -canvas 後綴:1. 網路商店系統頁(cart、checkout、my-account、shop、terms)。2. WordPress 系統路徑(wp-admin、wp-login、feed、sitemap、robots)。3. 站台首頁的代稱(首頁走獨立的「自訂首頁」流程,不走畫布覆蓋)。4. AI 名片代稱。實際操作上,建立畫布時如果發現代稱欄位顯示變成 cart-canvas 這類後綴版本,就是觸發到保護機制,改成別的字串即可。

我的站升級後、舊 /canvas/xxx/ 連結多久會在 Google 搜尋結果裡更新成新網址?

通常 2-4 週內 Google 會把舊網址替換成新網址。301 永久轉址是搜尋引擎認得的標準訊號,Crawler 下次來抓網站時就會把舊網址標記為「永久搬家」、權重轉移到新網址。要加速這個過程,可以到 Search Console 提交 sitemap,或對重要頁面用「網址檢查工具」要求重新索引。

同時用畫布覆蓋多個頁面(about、pricing、contact)會影響網站效能嗎?

不會。每個畫布是獨立的頁面、跟一般 WordPress 頁面同等效能。覆蓋的判斷由 request 進來時的 slug 比對處理,效能成本接近零(單次資料庫查詢)。實務上可以放心同時用畫布做整套品牌頁、不必擔心拖慢站台。

我能用畫布建立分類頁或文章列表頁嗎?

Vibe 畫布是「單頁」結構、不適合做分類列表、文章索引這類需要動態抓內容的頁面。建議分工:產品介紹、活動頁、Landing Page 這類「視覺先行的靜態頁」用畫布做;分類列表、文章索引、商品列表這類「需要抓資料」的頁面用秒站既有的頁面 + 區塊功能。