當網站的服務項目、案例介紹與活動頁面逐漸增加時,只看文字清單很難一眼掌握「整個網站有哪些頁面、誰歸在誰底下、每一頁裡面放了哪些模組」。
前往後台左側「SEO › 結構」(也可從編輯器「頁面」面板點選右上角的「查看網站結構」進入),畫面會以可視化網站地圖(Visual Sitemap)呈現全站骨架。您不僅能從鳥瞰視角檢視網站的資訊架構,還能直接在任一頁面的「⋯」選單新增子頁面、調整所屬上層或進入編輯。
結構圖依頁面性質分為上下兩個區塊,清楚區分「您自由排版的頁面」與「系統自動維護的頁面」:
上半部列出網站首頁與所有一般頁面。每一張卡片代表一個第一層頁面,卡片內直接包含三項關鍵資訊:
頁面主視覺、圖文並排、常見問題),以及全站共用的 頁首、頁尾;不用點進編輯器也能確認每頁的內容骨架。/services/haircut),會以樹狀連線縮排在卡片下方;當子頁超過 8 個時會自動收合,點選「顯示全部」即可展開。下半部列出由系統自動生成與維護的兩組動態頁面群:
/shop)、目前上架中的商品數量與商品分類數量,點選「前往商品管理」即可進入「商店 › 商品」。/blog)、已發布文章數量,以及分類與標籤數量,點選「前往部落格管理」即可進入「部落格」。每張卡片與子頁列都會標示目前的真實狀態:
| 狀態或標籤 | 代表意義 | 公開網站看得到嗎? |
|---|---|---|
| 已發布(綠點) | 頁面已公開,且目前的編輯器草稿與公開版本一致。 | 看得到 |
| 有變更未發布(橘點) | 頁面已公開,但您在編輯器修改了模組內容、尚未按下右上角的「發布」。 | 看得到舊版(發布後更新) |
| 草稿(灰點) | 新建立、從未發布過的頁面。 | 看不到(回傳 404) |
| 已隱藏(灰點) | 被您切換為隱藏狀態的頁面。 | 看不到(回傳 404) |
| 目錄(徽章 + 資料夾圖示) | 沒有頁面內容、專門用來收納子頁網址的上層路徑(例如只建立 /case/taipei,系統自動產生的 /case)。 | 目錄本身不公開,但底下的公開子頁可正常瀏覽 |
為相關頁面規劃清楚的階層網址(例如在 /services 底下建立 /services/haircut 與 /services/color/ombre),能讓訪客與搜尋引擎立刻看懂頁面之間的從屬關係。
一般頁面最多支援 3 層深度(例如 /第1層/第2層/第3層,單段網址最多 60 個字元、完整路徑最多 160 個字元):
在許多網站中,您可能只想要有 /case/taipei 與 /case/tokyo 兩個案例內頁,但還沒有打算做一個 /case 總覽頁。
/case/taipei 依然能正常瀏覽;只有直接打開沒有內容的 /case 時才會顯示找不到頁面(404)。/case 加上介紹模組做成總覽頁,只要在編輯器的「頁面」清單點開該目錄頁放入模組,並點選該列上的「變成頁面」(打開眼睛圖示)再發布即可。當您更改一個曾經發布過的頁面網址,或透過「移動到…」將它(連同底下的子頁)搬到新的上層頁面時:
做好頁面階層後,Kanorio 會在公開網站自動為您轉化為兩項 SEO 與瀏覽體驗優勢:
BreadcrumbList 結構化資料當頁面屬於第 2 層或第 3 層子頁(或位於商店商品頁、商品分類頁、部落格文章與分類頁)時:
首頁 > 服務項目 > 染髮 > 漸層染),文字與連結顏色會自動適配該區塊的背景色與深淺色模式。在手機螢幕上若路徑超過 3 項,中間層會自動收合為可點開的 …,保持畫面清爽。/about)不會顯示麵包屑,畫面保持乾淨。/case 是隱藏目錄頁,麵包屑與背景的 Google BreadcrumbList 結構化資料都會同步省略該層,絕不會在畫面上留下點了會 404 的死連結。BreadcrumbList 結構化資料會一併關閉)。/summer-promo),但在訪客瀏覽時希望麵包屑顯示為 首頁 > 服務項目 > 夏日專案,可以打開該頁的 SEO 面板,在底部「進階」區塊的「麵包屑顯示為…的子頁」選擇「服務項目」。這樣只會改變麵包屑與結構化資料,不會更動頁面的實際網址。/sitemap.xml)系統在產生 /sitemap.xml 時,會自動按照頁面樹順序排列,並依層級深度標註搜尋優先權重(首頁為 1.0、第一層頁面為 0.9、第二層為 0.8、第三層為 0.7),協助搜尋引擎更快理解網站的主次結構。
不會自動改變。為了讓您自由決定哪些頁面要放進主選單、哪些頁面只作為活動落地頁,頁面階層與頁首導覽選單是分開管理的。當您為某個頁面建立好子頁後,只要前往編輯器點選頁首,打開指向該父頁的導覽項目,點擊「將 N 個子頁面加入為下拉選單」按鈕,就能一鍵把底下的公開子頁變成下拉選單!詳見頁首與頁尾。
系統會先跳出確認視窗讓您選擇兩種處理方式,不會直接誤刪:
首頁固定為網站根目錄(/),商店與部落格由專屬系統路由管理,6 種法律條款頁與多連結工具頁則使用標準固定路徑,因此這些頁面皆固定在第一層。同理,若您想將某個一般頁面「設為首頁」,也請先將它底下的子頁移出並確認它位於第一層。