WordPress 區塊小工具指南：側邊欄與頁尾配置、SEO 影響與故障排查

WordPress 後台裡最不起眼、卻最容易讓人愣住的入口，大概就是「小工具」了。點進去是一片陌生的方塊介面，想改一下側邊欄的最新文章數量，卻怎麼也找不到當年那個簡單的下拉選單。更尷尬的情況是，你幫客戶把網站交出去了，對方來信說頁尾的聯絡資訊跑掉了，你打開後台才發現小工具區域跟你印象裡的完全不一樣。

接下來要拆解的，就是這一整塊讓人卡關的事。WordPress 的小工具（widget）與側邊欄（sidebar）設定，在 5.8 版之後歷經了一次介面大改，使用支援小工具的傳統主題時，預設改採區塊小工具編輯器（Block-based Widgets Editor）；區塊主題則主要透過網站編輯器管理範本。兩套介面背後的邏輯完全不同，但要做的事其實沒變：把特定的內容區塊，放進網站版面上預先留好的「容器」裡。

說穿了，小工具就是「容器 + 內容」的組合。容器是你的佈景主題（theme）在側邊欄、頁尾、頁首這些位置預留的區域；內容則是你在這些區域裡填入的最新文章清單、搜尋框、文字、圖片或自訂 HTML。搞懂這個心智模型，後面不管是哪一套介面，你都能很快上手，這也是 WordPress 架站全攻略 在後台設定的一環。

小工具到底是什麼：把側邊欄與頁尾想成等著被填滿的容器

要真正搞懂 WordPress 小工具，最好先丟掉「小工具就是那幾個固定功能的方塊」這個舊印象。我會用一個比較好理解的比喻：把你的網站版面想像成還沒裝潢的房子，佈景主題的開發者在施工時，已經在牆壁上預留了幾個「凹槽」，有的在客廳左邊（側邊欄），有的在大門上方（頁首），有的在玄關地上（頁尾）。這些凹槽就是 widget area，也就是小工具區。

你身為屋主，要做的事情就是挑選合適的「傢俱」塞進這些凹槽。傢俱可以是 WordPress 內建的最新文章區塊、分類清單、搜尋框，也可以是外掛提供的聯絡表單、社群動態、廣告輪播。重點在於：凹槽的「形狀和位置」是主題決定的，但「裡面放什麼」是你決定的。

這個區分能解釋不少常見疑問。換主題後，原本側邊欄內容可能被移到「未使用的小工具」，因為新舊主題註冊的區域名稱與數量不同；有的主題提供四個頁尾欄位、有的僅有一個，也取決於範本如何註冊 widget area。

換個方式想，小工具系統本質上是一個「位置 + 內容」的配對機制。它跟你在頁面編輯器裡用區塊排版的邏輯很像，差別在於：頁面是單一網址的內容，而小工具區是「全站通用」的，你放進去的內容會出現在所有套用同一個範本的位置。這也是為什麼小工具特別適合放網站層級的元素，像是導覽選單、搜尋、全站公告、訂閱表單。

常見的小工具區位置

一個典型的 WordPress 佈景主題，通常會註冊下面幾個小工具區。不同主題的數量和命名會有差異，但概念一致：

• 側邊欄（Sidebar / Primary Sidebar）：出現在文章列表或單篇文章的側邊，是部落格與內容站最常用的區域。
• 頁尾區（Footer Widget Areas）：通常會切成三到四欄，放聯絡資訊、快速連結、社群圖示、公司簡介。
• 頁首區（Header Widget Area）：部分主題提供，常放搜尋框、購物車圖示或一顆 CTA 按鈕。
• 首頁區（Homepage Widget Areas / Content Sections）：有些主打企業形象的主題，會在首頁規劃一排可填入小工具的區段，讓你用小工具拼出首頁版面。
• 商店側邊欄（WooCommerce Sidebar）：電商主題常為商品列表頁另註冊一個專屬側邊欄，放篩選器與分類。

記住這份清單的用意在於建立一個直覺：當你想要在某個位置出現某段內容時，先確認你的主題在那個位置有沒有註冊小工具區。沒有的話，你要嘛換主題，要嘛改用頁面編輯器或頁面建構器直接在範本裡排版，別硬在小工具裡找答案。

兩套介面的分水嶺：Classic Widgets 與區塊小工具編輯器

WordPress 5.8（2021 年 7 月發布）是一條很清楚的分界線。在這個版本之前，小工具的管理介面是所謂的 Classic Widgets，左邊一排可用小工具，右邊是各個小工具區，你用拖曳或點擊的方式把小工具放進區域裡，然後展開設定標題、數量等等。

5.8 之後，這個介面被換成區塊小工具編輯器。它其實就是把區塊編輯器（也就是 Gutenberg）搬進小工具管理頁面，讓你用跟編輯文章一模一樣的區塊操作方式，來組裝側邊欄與頁尾的內容。部分核心小工具已有對應區塊；尚未轉成區塊的傳統或第三方小工具，可透過 Legacy Widget 管理。例如：最新文章變成「最新文章區塊」，搜尋變成「搜尋區塊」，分類變成「分類區塊」（見 WordPress 官方的 Widgets Block Editor Overview）。

這個改動在官方文件裡被定位為「讓小工具也能享受區塊系統的彈性」，例如你現在可以在側邊欄裡放一個圖片、一段引文、一組按鈕，甚至一個完整的群組區塊，這些在傳統介面裡都很難做到。但對很多老用戶來說，這等於是把一個用了十年的簡單工具，突然換成功能更強、學習曲線也更陡的新介面。

如果暫時無法適應區塊介面，可以安裝 Classic Widgets，把小工具管理頁面還原成傳統介面。它是相容性方案，採用前仍要查看Classic Widgets 外掛頁面的最近更新、相容版本與官方維護狀態，不能假設會無限期維護。

兩套介面該怎麼選

這不是「新的一定好」的問題，而是要看你的實際情境。我把兩者的取捨整理成一張表：

我自己的習慣是：新站一律用區塊介面，因為遲早要面對；舊站或交付給非技術背景客戶的站，如果對方明確表達抗拒，我會裝 Classic Widgets 當作緩衝，但不會把它當成長期解法。你也可以在安裝外掛之後先試用一輪，確認體感再決定。

區塊小工具編輯器實戰：從外觀一路拉到佈局

實際操作上，不論你用的是區塊介面還是傳統介面，進入點都在 WordPress 後台的「外觀」選單底下。差別在於你看到的畫面長相。底下我用區塊介面為主軸走一次完整流程，因為這是現在的預設體驗，適用於支援小工具區的傳統主題；區塊主題入口另看下一段。

第一步，確認目前是支援小工具區的傳統主題，再到「外觀 → 小工具」。使用區塊主題時，改到「外觀 → 編輯器」編輯頁首、頁尾或其他範本，不必尋找不存在的小工具入口。以下操作針對傳統主題的區塊小工具編輯器：畫面列出主題註冊的側欄、頁尾等區域，可用加號加入支援的區塊。

第二步，決定要把區塊放進哪個區域。在區塊介面裡，每一個小工具區會以一個獨立的「容器」呈現，點選容器之後就能在裡面新增區塊。想放最新文章，就用「+」加入「最新文章」區塊；想放搜尋，就加入「搜尋」區塊。各區塊提供的控制項不同；例如最新文章可調整數量與排序，搜尋區塊則有自己的標籤與按鈕設定。

第三步，調整區塊的順序。這是新手最容易卡住的地方。在區塊介面裡，你要用區塊工具列的上下箭頭，或者直接拖曳區塊來改變它在容器裡的先後順序。拖曳時游標會變成抓取的手勢，放開後區塊就會落在新的位置。如果你的側邊欄裡有十幾個區塊，建議先在心裡排好優先順序再動手，否則很容易越拖越亂。

第四步，儲存。區塊小工具編輯器跟頁面編輯器一樣，改完之後要點右上角的「更新」按鈕才會生效。這一步看起來沒什麼，但不少人以為改完就即時生效，結果前端一直看不到變化，最後發現根本沒按儲存。

幾個方便整理小工具的操作

如果你已經熟悉基礎流程，底下這幾個技巧能幫你省下大量時間：

• 用清單檢視：區塊編輯器左上角的「清單檢視」圖示，會以樹狀結構顯示所有區塊。當你的頁尾有四欄、每欄又有好幾個巢狀區塊時，清單檢視能幫助你看清楚結構，拖曳排序也最直覺。
• 複製與重用：小工具編輯器可複製已排好的區塊到其他區域，但官方文件列明此處停用同步版型。複製後的內容需各自維護；要集中管理共用內容，應另評估主題範本或支援的版型使用方式。
• 鎖定區塊：交付客戶站時，鎖定關鍵區塊的移動或移除操作，減少誤刪。這不等於鎖住文字內容，也不取代使用者權限管理。
• 自訂 HTML 區塊：需要嵌入第三方程式碼（社群動態、廣告、表單）時，用「自訂 HTML」區塊貼入，傳統小工具也有自訂 HTML；不論介面，嵌入前都應確認程式碼來源與實際載入效果。

若你希望側邊欄裡的分類或自訂分類以特定順序呈現，跳過預設的字母或建立順序，可以考慮裝 Category Order and Taxonomy Terms Order 這類排序外掛來拖曳決定先後，這在做內容導覽時很實用。搭配你在分類排序上的整體規劃，側邊欄的資訊架構會清楚很多。

讓小工具僅出現在特定頁面

很多人不知道的一個進階技巧，是讓同一個小工具區「在不同頁面顯示不同內容」。同一小工具區在被範本呼叫時會使用其設定內容，但並不是網站每一頁都一定顯示該區域。實務上，部落格文章的側邊欄跟 WooCommerce 商品頁的側邊欄，想呈現的東西往往完全不同。文章頁適合放熱門文章與訂閱表單，商品頁則要放分類篩選與同類推薦。

實作上有幾條路。第一條，如果你的主題有為不同頁面類型註冊獨立的小工具區（例如一個 Sidebar 給文章、一個 WooCommerce Sidebar 給商品），就直接在各自的區域填入對應內容，這是最乾淨的做法。第二條，裝一套小工具顯示條件外掛（widget logic 或 visibility 類外掛），用簡單的條件判斷控制每個區塊僅出現在指定頁面。第三條，先確認版本與控制項來源。WordPress 7.0 的原生區塊可見性包含裝置範圍控制；依頁面、會員角色等條件顯示，仍要核對所用主題或外掛，不能把裝置隱藏當成頁面存取權限。

把側邊欄從「全站一刀切」改成按頁面類型配置，可讓文章頁呈現相關內容、商品列表提供實用篩選。是否改善停留或轉換仍要看讀者行為與實際測試；內容分層可延伸閱讀部落格經營。

側邊欄到底該放什麼：幾個常見的錯置區塊

介面會用了，下一個更重要的問題是：側邊欄裡到底該放什麼？這個問題的答案跟你的網站類型有關，但有一個共同的判準，可以稱為「讀者三秒測試」：當一個訪客從某篇文章進到你的網站，他在側邊欄掃過的三秒內，能不能找到「繼續留在站上的理由」。如果答案是不能，那你的側邊欄就是在浪費一塊高曝光的版面。

側邊欄常見的問題不是設定故障，而是內容沒有明確任務。若同時塞入計數器、相簿、輪播、月曆與廣告，各區塊會互相爭奪注意力，也可能增加載入成本。

比較健康的做法是回到「讀者為什麼會看到側邊欄」這個起點。側邊欄的核心任務僅有三個：引導（讓讀者找到更多相關內容）、捕捉（留下名單或引導轉換）、建立信任（讓讀者知道這是誰的站）。依這三個任務，我會建議的側邊欄標準配置大概是：

部落格與內容站的側邊欄範本

1. 搜尋框：放最上面。讀者讀到一半想找特定主題，這是最近的出口。
2. 關於作者或網站簡介：一張照片、兩三句話、一個連到關於頁的連結。可協助讀者了解作者與網站背景，但不能據此推定 E-E-A-T 或排名提升。
3. 熱門文章或精選文章：挑三到五篇你最想被看見的內容。依讀者需求選擇精選、熱門或最新文章，不必一概排除最新內容。
4. 電子報訂閱表單：把側邊欄的流量轉成可長期經營的名單。
5. 分類或標籤雲：幫讀者快速跳到感興趣的主題。

注意這份範本的順序是有意義的：從「功能性」（搜尋）到「信任」（關於）到「導覽」（熱門、分類）到「轉換」（訂閱）。你可以根據自己的網站調整，先保留與讀者任務有關的內容，再用手機版檢查長度；五到六個不是通用上限。每一個你加上去的區塊，都要能回答「它對讀者的三秒測試有什麼貢獻」，回答不出來就拿掉。

企業形象站與電商站的差異

企業形象站的側邊欄通常出現在內頁（服務介紹、部落格文章），配置會偏向「聯絡資訊、服務清單、CTA 按鈕、客戶見證」。電商站的側邊欄（尤其是 WooCommerce 商品列表頁）則要放「分類篩選、價格區間、熱銷商品、購物車摘要」。這兩類網站的側邊欄目標轉向「讓訪客更快找到要買的東西或聯絡的管道」，所以資訊密度可以高一點，但仍要避免廣告和裝飾性區塊。如果希望聯絡資訊或主要 CTA 在捲動長頁面時持續看得到，可以進一步參考側邊欄小工具的固定做法，讓關鍵區塊不會被埋進頁面底端。

如果你經營的是 WooCommerce 站，側邊欄與商品頁的整合牽動轉換率，這部分我在商品頁 SEO與結帳流程客製裡有更細的討論，這裡先抓大方向：側邊欄永遠服務於「讓讀者做出下一個動作」這個目標。

頁尾小工具區：被低估的第二次接觸點

大多數人對頁尾的態度是「反正沒人會滑到底，隨便放放就好」。但對讀完頁面或主動找公司資訊的訪客來說，頁尾是重要的第二次接觸點。它適合承接聯絡方式、重要導覽與法律資訊，不該僅當成版面剩餘空間。

頁尾小工具區的設計有一個核心原則：不要重複側邊欄，而是補側邊欄做不到的事。側邊欄通常服務「單頁導覽」（找下一篇、找分類），頁尾則該服務「全站層級的資訊」（公司是誰、怎麼聯絡、有哪些重要連結、法律聲明）。一個好的頁尾，應該能讓讀者在不回到頁首的情況下，完成「找到聯絡方式、理解網站全貌、或被引導到轉換頁」這幾件事。

以室內設計工作室形象站為例，主題若把頁尾切成多個小工具區與獨立版權列，管理者常會不知道公司地址、服務連結與社群該放在哪一欄。解法是先畫草圖：左欄放品牌簡介與 Logo，中間放服務或產品連結，右欄放聯絡資訊與社群，最底下再放法律文字與年份。

底下是一個我常推薦給企業形象站的頁尾四欄配置：

幾個頁尾常犯的錯誤也值得點出來：把整頁的選單原封不動複製到頁尾（資訊冗餘，讀者已經在頁首看過了）、放一個會自動播放音樂或影片的區塊（妨礙體驗）、用低解析度的圖片撐場面（拖垮專業感）、忘了更新年份或版權資訊（看起來像沒在維護的站）。頁尾是「最後一哩路」，把它當成一面對外櫥窗來經營，整站的專業度會立刻提升一個檔次。

若主題或頁面建構器支援範本編輯，頁尾可以用頁首頁尾設計的拖曳介面製作，不必受限於傳統小工具欄位數。採用前要確認權限、響應式設定與停用工具後的內容可攜性。

三套主題體系下的小工具差異：傳統、混搭與區塊主題

WordPress 在 5.9 版引入了「區塊主題」（block theme，也叫全站編輯 Full Site Editing 主題）之後，小工具的生態其實變成三套並存的體系。很多人會在小工具介面裡迷路，根本原因就是沒有意識到自己用的主題屬於哪一套。把這件事弄清楚，後面的問題會少一半。

傳統主題（Classic Themes）

傳統主題用 PHP 函式（register_sidebar）在小工具系統裡註冊區域，後台的小工具管理頁面走的就是前面描述的那一套。許多經典主題與部分混合式主題仍採用這種模式，修改方式通常是進「外觀 → 小工具」調整。

形象站或部落格若採傳統主題，應優先檢查小工具區是否清楚、欄位數能否調整，以及手機版堆疊方式。完整規劃可參考品牌形象站指南。

混搭主題（Hybrid Themes）

有些主題同時支援傳統小工具區與部分區塊編輯能力，介於兩者之間。例如某些主題會讓你用區塊編輯器編頁尾，但側邊欄還是傳統小工具。這類主題的操作要特別留意文件，因為你可能在同一個後台裡用到兩種不同的編輯模式。

區塊主題（Block Themes / Full Site Editing）

區塊主題是 WordPress 未來的方向。在區塊主題裡，整個網站的版面（頁首、頁尾、文章範本、單頁範本）都是用區塊組出來的，管理入口不是「外觀 → 小工具」，而是「外觀 → 編輯器」裡的範本（Templates）與範本組件（Template Parts）。在這套體系下，傳統的小工具區概念被「範本組件」取代：你的頁尾不再是一個 widget area，而是一個可以被區塊編輯器完整排版的範本組件。

對讀者來說，這代表更大的設計自由度，但也代表你要從「填空格」的心態，切換到「直接畫版面」的心態。如果你之前完全沒接觸過區塊編輯，建議先從單篇文章的編輯練起，等熟悉區塊操作之後，再進到全站編輯的層次。這部分我們另拆解在Gutenberg 區塊外掛；想挑選支援程度高的主題，可以參考WordPress 佈景主題推薦。

三套體系不用強迫自己一次搞懂，但你要知道自己的站屬於哪一套，因為它直接決定了你改側邊欄與頁尾時要打開哪個畫面。最簡單的判斷方式：先查啟用主題的文件及類型，再確認「外觀 → 編輯器」是否為網站編輯器。選單也會受權限與外掛影響，不能僅憑入口是否存在判斷。

小工具牽動 SEO：行動裝置優先索引與 Core Web Vitals

到這裡你可能會想：小工具不就是排個版面嗎，跟 SEO 有什麼關係？關係其實比想像中大。小工具決定了側邊欄與頁尾的「內容重量」和「載入成本」，而這兩件事直接影響你的搜尋表現。我把它拆成兩個層面來談。

行動裝置優先索引下的側邊欄

Google 已全面採用行動裝置優先索引，也就是以行動版作為抓取、索引與理解內容的主要來源，不代表手機版天然取得排名加分（2023 年 10 月的〈Mobile-first indexing is here〉公告說明了這套機制）。在手機版上，側邊欄通常會被移到主要內容下方，因此要確認重要資訊沒有被隱藏或重複。

這代表幾件事。你放在側邊欄的內部連結、分類、熱門文章，在手機版上通常會移到正文之後，實際曝光與點擊可能下降。如果重要導覽或 CTA 僅放在側邊欄，手機讀者可能很晚才看到。DOM 順序也會影響鍵盤操作、螢幕閱讀器與內容理解，因此要確認重要內容在行動版仍易於找到；不能僅因元素排在後面，就斷言搜尋權重一定下降。

實務上的調整方向是：把「一定要被手機讀者看到」的元素（主選單、CTA、聯絡按鈕）放到頁首或吸附式元素，別全部押在側邊欄上。側邊欄保留給「加分但非必要」的內容（相關文章、分類、訂閱）。這也是為什麼手機版的響應式設計與版面規劃要跟桌機版分開思考。

Core Web Vitals 與小工具的載入成本

小工具可能帶來額外 CSS、JavaScript、圖片與第三方請求，需要實測其載入與互動影響。Google 使用 Core Web Vitals 評估部分頁面體驗，但良好指標不保證排名。應依目前的 Core Web Vitals 文件理解指標與限制。

速度之所以重要，背後的使用者行為也很直覺：當頁面載入時間從一秒拉長到三秒，跳出率會明顯上升，訪客在還沒看到內容之前就離開了（見 web.dev 的 Why does speed matter?）。側邊欄與頁尾是你最容易「不小心變慢」的地方，因為它們常常被拿來塞各種裝飾性或第三方元素。

幾個降低小工具載入成本的實戰做法：

• 砍掉非必要的第三方嵌入：那個「即時 Twitter 動態」或「Facebook 粉絲團動態」小工具，常常是拖慢頁面的元兇。能用靜態連結取代的，就用靜態連結。
• 延遲載入圖片：對首屏外圖片評估 lazy loading；首屏可見或可能成為 LCP 的圖片不應一律延遲載入。
• 合併與最小化資源：使用快取外掛前，先檢查未使用與阻塞呈現的 CSS、JS，再測試壓縮或延遲。合併檔案不一定較快，需依快取、傳輸協定與相依關係實測。
• 圖片壓縮：頁尾的社群圖示或贊助 Logo 常常是未壓縮的 PNG，體積比必要的大上好幾倍。參考WordPress 圖片優化的做法把它們壓下來。
• 監測實際數據：定期用 PageSpeed Insights 或看 Search Console 裡的 Core Web Vitals 報告，確認側邊欄改動前後的速度變化。更多指標解讀可以參考Core Web Vitals 與 SEO與載入速度優化全攻略。

調整小工具後，除了檢查外觀，也要確認導覽、表單、鍵盤操作與載入速度。改善使用體驗值得做，但不能僅以小工具數量預測長期搜尋成效。

小工具出狀況時的排查路線

側邊欄與頁尾異常，常見原因包括變更未儲存、快取仍保留舊畫面，以及主題或外掛覆寫輸出。以下排查路線可協助逐項縮小範圍。

症狀一：改了小工具但前端沒變化

最常見的三個原因。第一，忘了按「更新」。第二，前端被快取住了，你看到的還是舊版本，清一下瀏覽器快取或網站層級的頁面快取就會好。第三，你改的小工具區不是前端實際顯示的那一個，這常發生在主題註冊了多個相似名稱的側邊欄（例如「Sidebar」和「Blog Sidebar」是兩個不同的區），確認你改的跟前端用的是同一個。

症狀二：換主題後側邊欄內容全消失

先檢查「未使用的小工具」（Inactive Widgets），換主題後內容可能被移到這裡；也要確認新範本是否使用相同區域。不同主題可能使用不同區域名稱與ID，原有配置可能重新分配或移到未使用區域，不能保證每個小工具都自動恢復。依新主題實際分配結果，把需要的小工具放回對應區域。這也是為什麼換主題前，建議先截圖記錄原本的側邊欄配置。

症狀三：某個外掛提供的小工具突然不見了

通常是被停用或更新後出錯。先到「外掛」清單確認那個外掛還在啟用狀態。如果啟用著但小工具不見，試著停用再重新啟用一次。還是不行的話，檢查外掛是不是跟目前的 WordPress 版本或區塊介面不相容，這種情況常發生在很久沒更新的老外掛，它們可能僅支援 Classic Widgets 而不支援區塊小工具編輯器。

症狀四：頁尾欄位數跟你想的不一樣

欄位數由主題決定。如果主題預設頁尾四欄，但僅填兩個小工具，版面可能顯得不平衡。可以填入必要內容，或到主題設定把頁尾調成兩欄或三欄；若沒有這個選項，就要修改範本或更換版面方式。

症狀五：手機版側邊欄位置跑掉或消失

這通常是主題的響應式設定造成的。有些主題會在手機版「隱藏」側邊欄，或把它折疊成一個可點開的區塊。到「外觀 → 自訂」裡找響應式或行動裝置相關的設定，確認側邊欄在手機上是顯示、隱藏還是折疊。如果你不希望它在手機上被隱藏（因為裡面有重要內容），那就要調整設定，或者如前面所說，把關鍵元素移到不會被隱藏的位置。

把這五個症狀記下來，未來遇到小工具問題時，先對照症狀再動手，會比漫無目的地亂按設定有效率得多。排查時一個好習慣是：每改一個設定就開無痕視窗看一次前端，這樣可比對未登入訪客的畫面；無痕模式仍不能排除網站或 CDN 快取。

動手前的六步配置清單

接著把前面的觀念與排查收斂成一份行動清單。不管是自己的網站或交付中的專案，都可以用這六步整理小工具配置。

1. 盤點現有配置：依主題進「外觀 → 小工具」或網站編輯器，把實際使用區域的內容逐一記下來（截圖或列清單都可以）。這一步的重點是先看清楚「現在到底放了什麼」，很多人卡關是因為從來沒有完整盤點過自己的側邊欄。
2. 套用三秒測試：對每一個區塊問「它能否讓讀者快速理解下一步」。答不出來的，先標記為候選刪除，再用實際頁面確認是否影響任務。
3. 決定標準配置：依照你是部落格、形象站或電商站，參考前面的範本，依讀者任務重排內容；側邊欄順序與頁尾欄數應配合實際主題、內容量與手機版，不必固定四欄。
4. 清理載入成本：檢查每一個第三方嵌入、未壓縮圖片、自動播放元素，能砍的砍、能延遲的延遲、能壓縮的壓縮。做完之後跑一次 PageSpeed Insights 對比改動前後的分數。
5. 確認手機版行為：切到手機視角，確認側邊欄的顯示方式、頁尾的欄位折行、以及關鍵 CTA 在手機上是否看得見。必要的話調整主題的響應式設定。
6. 記錄與交接：把最終配置截圖存檔，連同排查路線一起整理成一份交接文件。交付客戶站時，這份文件能大幅減少後續的往來溝通成本。

小工具與側邊欄看似是 WordPress 裡最不起眼的一塊，但它同時牽動使用者體驗、轉換路徑與搜尋排名。把這一塊從「想到才改」升級成「有意識地設計」，你的網站會在這些細節裡慢慢拉開跟競品的距離。現在就打開你的後台，從盤點現有配置開始，給你的側邊欄與頁尾一次完整的健檢吧。

如果想把網站的 SEO 與內容架構一起整理，可以參考WordPress SEO 完整指南與頁面 SEO 指南。這些都是選項，挑目前最需要的一項開始即可。