WordPress 文章目錄自動生成教學:Easy Table of Contents 設定+側邊欄固定技巧
WordPress 文章目錄外掛值得裝,是因為它同時解決長文可讀性與搜尋引擎對標題層級的理解。Easy Table of Contents 之所以能當首選,在於它自動抓取文章裡的…
WordPress 文章目錄外掛推薦:Easy Table of Contents 全自動生成+側邊欄固定教學
WordPress 文章目錄外掛值得裝,是因為它同時解決長文可讀性與搜尋引擎對標題層級的理解。Easy Table of Contents 之所以能當首選,在於它自動抓取文章裡的 H1 到 H6、產生錨點連結並組成目錄,設定一次後每篇新文章都自動帶出目錄,這款外掛在 WordPress 官方目錄上架、完全免費 [來源:〈Easy Table of Contents〉〈https://wordpress.org/plugins/easy-table-of-contents/〉〈2026〉]。但要把目錄做成真正黏住讀者的側邊欄固定效果,還要再疊一支 Q2W3 Fixed Widget,這第二步是多數教學略過不講的關鍵。下面不把這幾件事串成一條龍步驟帶過,而是分開判斷,避免讓人誤以為裝完外掛就大功告成。
先把規模感拉出來。WordPress 在全球所有網站的市占率達到 41.5%,等於每十個網站裡超過四個跑在 WordPress 上 [來源:W3Techs〈Usage Statistics and Market Share of WordPress〉 https://w3techs.com/technologies/details/cm-wordpress 2026-06-29]。目錄外掛的設定觀念,幾乎適用於全站長族群,屬於多數自架站長遲早會碰到的實用需求。
重點先看:長文超過約 1500 字加目錄才有意義;Easy Table of Contents 全自動抓 H1~H6、後台已是繁中介面,是目前門檻最低的免費方案 [來源:〈Easy Table of Contents〉〈https://wordpress.org/plugins/easy-table-of-contents/〉〈2026〉]。
目錄到底替誰服務?一邊是讀者,一邊是爬蟲
要不要裝目錄外掛,先別問外掛,先問兩件事:文章多長、標題層級乾不乾淨。長文章超過約 1500 字,加目錄能同時改善讀者跳到指定段落的體驗,並讓搜尋引擎更有效率地理解文章結構,對 SEO 與停留時間都有正向幫助;短文章或標題層級混亂的內容,則不必硬裝。會說「標題層級乾淨」是前提,是因為目錄的本質就是把 H1、H2、H3 這些標題彙整成可點的錨點連結,標題亂標的網站,外掛裝了也抓不出像樣的結構。
讀者角度很直觀。一篇三千字的開箱文,訪客點進來多半只想看其中一段,例如「實際續航表現」或「跟上一代的差異」。沒有目錄時,他得一直往下滑、用肉眼掃標題;有目錄時,他在閱讀前就掌握全文重點,點一下就跳到想看的段落,跳出率自然低。這也是為什麼部落格站長會把目錄放進跳出率與 SEO 排名的關係的優化清單裡。前提是你得先有一個網站,還沒架站的話可以先看沒有網站要怎麼開始做 SEO,並搞懂網域跟網址的差別再決定目錄要放哪裡。
搜尋引擎角度就稍微技術一點。Google Search Central 的文件長期建議站長用語意化的標題層級與錨點連結來組織內容,這能幫助爬蟲更有效率地解析文章的資訊階層。目錄本質上就是把標題層級彙整成可點的錨點連結,等於把你網站裡的標題結構同時遞給爬蟲和讀者使用。把標題串成錨點這個動作,其實就是內部連結是什麼裡談的站內導覽觀念,差別只在目錄連的是同一篇文章的段落。要講清楚一件事:目錄只是把「已經存在的標題結構」轉成可點的連結,它不會無中生有。如果你的 H2、H3 本身就亂標,裝了目錄反而把問題攤在陽光下;標題層級怎麼標才正確,可以對照站內 SEO 內容優化完整攻略的章節結構建議。
標題層級對搜尋引擎的份量,從第三方數據看得更具體。Ahrefs 分析 953,276 個排名在前十名的頁面後發現,當 Google 不採用 title 標籤時,有 50.76% 的比例會改從 H1 標籤抓取搜尋結果標題 [來源:Ahrefs〈Title Tag Study: 7.4% of Top-Ranking Pages Don't Have a Title Tag〉 https://ahrefs.com/blog/title-tags-study/ 2021-10-21]。這說明 H1、H2 這類標題層級不只是排版,而是 Google 理解頁面主題的實際線索,目錄把它們整理成錨點,等於把這份線索同時交給讀者與搜尋引擎。同一份研究也指出,Google 在 33.4% 的情況下會改寫 title 標籤,當 title 太長(超過 600px)時改寫機率更拉高到 46.12%,這進一步說明:與其把全部心力放在 title 標籤本身,把文章內的 H1、H2 寫清楚同樣關鍵,因為它們隨時可能被搜尋引擎拿來當作辨識頁面主題的依據 [來源:Ahrefs〈Title Tag Study〉 https://ahrefs.com/blog/title-tags-study/ 2021-10-21]。
把視野再拉大一點,更能理解「把結構弄清楚」這件事的長期價值。Backlinko 分析 1,180 萬筆 Google 搜尋結果後發現,Google 首頁結果的平均字數是 1,447 字,這個長度正好落在「需要目錄來導覽」的門檻附近,也就是說,多數能排上首頁的文章本來就具備一定長度,目錄在這個長度區間才真正發揮價值 [來源:Backlinko〈Search Engine Ranking: We Analyzed 11.8 Million Google Search Results〉 https://backlinko.com/search-engine-ranking 2025-04-14]。所以真正的決策重點在於「我的文章結構值不值得被做成目錄」。教學文、評測文、開箱文這類結構清晰的長文最適合;純短文、抒情散文、或全是大段文字沒有明確小標的內容,目錄效益有限,硬裝只會讓版面看起來像裝飾品。如果你才剛起步,可以先從WordPress 部落格架設完整教學把基礎文章結構打好,順便弄懂WordPress 文章與頁面的差異。
Easy Table of Contents:為什麼是它而不是別支
市面上的 WordPress 文章目錄外掛不少,會選 Easy Table of Contents 當首選,核心原因只有一個:全自動。它能在文章、頁面任何位置自動抓取 H1 到 H6 標題、產生錨點連結並組成目錄,站長設定完成後每篇新文章只要標題層級正確就自動帶出目錄,不必手動維護連結 [來源:〈Easy Table of Contents〉〈https://wordpress.org/plugins/easy-table-of-contents/〉〈2026〉]。這聽起來像基本功能,但同類外掛裡真正做到「裝完就全自動」的並不多,很多還要手動插短代碼或逐篇設定。
對英文不熟的站長來說,Easy Table of Contents 還有一個很實際的優勢:後台已是繁體中文介面,設定欄位直接顯示中文,不必對著英文文件猜半天。這在搭配 Loco Translate 將外掛中文化或其他中文化工具時,省下不少時間。整體而言它是目前門檻最低、自動化程度最高的免費選擇。
市面上九成教學把目錄外掛當「裝了就好」的裝飾品,但比較過幾款同類外掛後會發現,差別其實藏在細節裡。這張表把三款最常被拿來比較的目錄外掛做個定性比較,安裝數與評分刻意不寫死,因為這類數字會隨時間變動,引用未經查證的數字反而誤導。
| 外掛名稱 | 自動抓取標題 | 繁中後台 | 外觀自訂彈性 | 定位 |
|---|---|---|---|---|
| Easy Table of Contents | 全自動,裝完即用 | 有 | 寬度、對齊、字體、顏色皆可改 | 門檻最低、自動化最高 |
| LuckyWP Table of Contents | 全自動 | 部分英文介面 | 中高,但設定選項較多 | 進階玩家偏愛 |
| Table of Contents Plus | 半自動,部分需手動 | 偏英文 | 基本,彈性較低 | 老牌但更新較慢 |
說到底,會推薦 Easy Table of Contents,是因為它把「全自動、繁中介面、外觀可調」這三件站長最在意的事一次做齊。如果你打算長期寫長文,這種「設定一次、往後每篇自動帶目錄」的省力效果,會隨著文章數量累積越來越明顯。新架站的讀者也可以把它放進新手站長必裝的 WordPress 外掛清單,搭配WordPress 架站新手五步驟教學一起規劃網站功能。
Easy Table of Contents 安裝與啟用
安裝 Easy Table of Contents 不需要任何技術背景,全程在 WordPress 後台點一點就能完成,跟一般外掛的裝法完全一樣。到後台的「安裝外掛」搜尋 Easy Table of Contents,安裝並啟用後,設定入口會出現在「設定 → 內容目錄」,所有目錄行為都在這個頁面調整。如果你對外掛安裝流程還不熟,可以先看過WordPress 外掛安裝的通用流程建立基本概念。等站上線後,記得回頭做Google Search Console 介紹與Bing Webmaster Tools 安裝教學,讓搜尋引擎開始收錄你的目錄頁。
一個常被忽略的點:啟用外掛後,目錄不會立刻出現。外掛裝好只是把工具放進工具箱,真正要產生目錄,還得先到設定頁指定它要作用的內容類型,通常就是勾選「文章」。很多人在這一步卡住,以為外掛壞了,其實只是還沒設定。如果你是用 FTP 上傳外掛,可以對照WordPress FTP 上傳與外掛安裝教學的操作。這階段也順手把網站的HTTPS 安全性設定確認過,後續要接搜尋引擎工具會比較順。
- 路徑:後台 → 外掛 → 安裝外掛 → 搜尋「Easy Table of Contents」→ 安裝 → 啟用
- 設定入口:設定 → 內容目錄(Table of Contents)
- 啟用後先到設定頁,勾選要作用的內容類型(通常勾「文章」)
- 若要為頁面或自訂內容類型產生目錄,也是在此頁勾選對應類型
裝完外掛、也進到設定頁之後,建議你先別急著把所有選項調一遍,而是照「啟用 → 自動插入 → 顯示條件」這個順序把基礎三項設好,目錄就會先正常跑出來,再回頭微調外觀。這樣比一次調二十幾個選項更容易抓到問題出在哪。設定流程跟Rank Math SEO 外掛完整教學、5 大 WordPress SEO 外掛推薦那種「先跑起來再調細節」的思路是一樣的。
顯示條件與自動插入:讓目錄真正跑出來的開關
目錄不顯示,九成出在這一頁的設定。在「一般設定」把啟用與自動插入都勾選「文章」,並把顯示條件設為 1(標題數 1 個以上就生成),就能避免條件不足導致目錄不出現;顯示位置維持預設的「第一個標題前」最通用。這幾個欄位是目錄能不能跑出來的開關,設錯任何一個,前台就什麼都看不到。
顯示條件設為 1 是我自己的習慣,原因是這樣任何有標題的文章都會生成目錄,不必為了「這篇只有兩個小標要不要顯示目錄」這種問題煩惱。如果你的站上短文很多、不希望短文也出現目錄,可以把條件調成 3 或 4,也就是標題數達到這個門檻才生成。這個選項是 Easy Table of Contents 後台設定頁的事實性欄位。要把顯示條件跟爬蟲相關設定分開來看:顯示條件是給讀者看的,跟爬蟲無關;真要顧爬蟲,該看的是XML Sitemap 對 SEO 的作用這類給搜尋引擎的索引線索,或用noindex 是什麼控制哪些頁面不要被收錄。
| 設定項目 | 建議值 | 作用 |
|---|---|---|
| 啟用目錄內容類型 | 勾選「文章」 | 決定哪些內容類型會生成目錄 |
| 自動插入內容類型 | 勾選「文章」 | 外掛才會自動把目錄插入文章 |
| 顯示條件 | 1 | 標題數 ≥1 就生成,避免短文看不到目錄 |
| 顯示位置 | 內文第一個標題前 | 最符合閱讀動線 |
| 標題層級 | 全勾 H1~H6 | 外掛才會完整抓取,單篇可再覆寫 |
標題層級這欄建議全部勾選 H1 到 H6,讓外掛完整抓取,之後在單篇文章還能用文章編輯器的目錄區塊覆寫,例如某篇只想要 H2、不要 H3。顯示位置預設的「第一個標題前」之所以通用,是因為讀者一進文章就先看到大綱,能快速決定要不要繼續往下讀。這跟SEO 友善的網站架構規劃心法強調的「先給讀者地圖」是同一個邏輯。
顯示條件背後有一個容易被忽略的判斷邏輯:條件設太低,目錄會在小短文裡也冒出來,看起來像湊數;條件設太高,又會讓中等長度的文章(例如三個 H2 的教學)反而看不到目錄。一個好用的折衷做法是,全域先設成 3 或 4,再針對結構特別清晰的深度長文,用單篇覆寫強制顯示。這樣可以讓目錄只在真正需要它的地方出現,避免每篇文章頂端都掛一個兩行的小目錄,反而稀釋了目錄的導覽價值。
目錄外觀、錨點與標題排除
目錄的顏色、字體跟錨點格式都改得了,但有一個關鍵先決條件:外觀樣式必須先選「自訂」,才能自由改寬度、對齊、字體大小與顏色;如果停留在預設的主題樣式,很多選項會是鎖住的。錨點建議勾選「小寫」與「使用連字號」,產生的錨點網址會比較乾淨,也跟永久連結的命名風格一致;要排除特定標題,則在排除欄位用星號或直線符號指定。
錨點小寫加上連字號,這個看似不起眼的勾選,其實跟SEO 網址優化與命名規則解析、WordPress 永久連結的 SEO 設定講的是同一件事:網址裡用小寫與連字號,可讀性高、也跟多數網站的永久連結風格一致。目錄產生的錨點本質上就是段落的小網址,用同樣的慣例處理,整體看起來會比較整齊,也不會出現大小寫混雜的尷尬連結。
標題排除是很多人沒注意到、卻很實用的功能。評測文常會在每個小節結尾放一個「小結」之類的重複性小標,或在文章中間插一段促銷訊息也用 H2 標起來;這些標題若全部收進目錄,目錄會變成一堆「小結、小結、小結」,讀者點進去也分不出差別。用排除符號把這類標題擋掉,目錄才會保持乾淨,這個排除語法是 Easy Table of Contents 官方說明文件記載的事實性設定。整體的外觀自訂觀念,跟網站 Logo 設計與品牌配色實戰談的「配色要貼合網站風格」是相通的。
還有一點容易踩雷:有些人發現目錄顯示出來了,但樣式跟網站格格不入、顏色對不上。這通常是佈景主題的 CSS 覆寫了外掛的樣式,回頭在外觀自訂裡重設顏色與字體大小就能解決。如果你最近才剛換主題,可以對照WordPress 佈景主題安裝教學,確認主題切換後小工具與樣式有沒有跑掉。
側邊欄固定:Q2W3 Fixed Widget 那一步為什麼不能省
目錄放進側邊欄只是第一步,不固定等於隨頁面滑走。要讓目錄在讀者往下滑時一直留在側邊欄,得先把「內容目錄」小工具加進主要側邊欄,再安裝並啟用 Q2W3 Fixed Widget,回到該小工具勾選「固定這個小工具」並儲存,目錄才會在長文捲動時黏在側邊欄。這個「再疊一支外掛」的動作,就是大多教學省略的關鍵第二步。
為什麼這一步重要?想像讀者正在看一篇五千字的教學,滑到第三個段落時想回頭查第一個段落的內容。如果目錄在文章開頭、不固定,他得一路滑回頂端才能點目錄;很多讀者滑到一半就嫌麻煩離開了,這正是長文跳出率偏高的常見原因。把目錄固定在側邊欄,讀者任何位置都能點章節,停留體驗會明顯改善。Q2W3 Fixed Widget 是 WordPress 官方目錄上架的免費外掛,「固定小工具」正是它的核心功能 [來源:〈Q2W3 Fixed Widget〉〈https://wordpress.org/plugins/q2w3-fixed-widget/〉〈2026〉]。側邊欄設定細節可以對照WordPress 區塊小工具與側邊欄設定教學。
- 第一步:外觀 → 小工具 → 搜尋「內容目錄」→ 加入 Main Sidebar(主要側邊欄)
- 第二步:安裝並啟用 Q2W3 Fixed Widget for WordPress
- 第三步:回到「內容目錄」小工具,勾選「固定這個小工具」→ 儲存
- 效益:讀者下滑長文時不必回到頂端就能點章節,改善停留體驗
新舊版小工具的加法大同小異。新版區塊小工具是拖拉或點選加入側邊欄;傳統小工具介面則是欄位式,操作習慣不同但邏輯一樣。如果你比較習慣舊版介面,可以裝 Classic Widgets 外掛切回傳統小工具。操作上跟強化 Gutenberg 區塊編輯器的必裝外掛、Elementor 文章列表客製化教學那種區塊操作是同一套邏輯,熟悉區塊編輯器的話很快能上手。裝好 Q2W3 之後,記得到前台上下捲動測試一下,確認目錄會跟著畫面停住,確保它真的生效而不只是設定裡打個勾。想進一步確認搜尋引擎看到的頁面長什麼樣,可以完成Google Search Console 安裝後,用GSC 的網址審查工具檢查目錄頁有沒有被正確解析。
說實在的,側邊欄固定這件事,效益在長文才看得出來。如果你的文章大多在五百字以內、沒有什麼捲動空間,固定不固定差別不大,這一步可以略過;它真正發揮價值,是在那種讀者會認真從頭看到尾的深度內容上,後面接手的真實案例(詳見文末)正是靠這套「目錄加側邊欄固定」的組合拉開停留差距。寫長文的整體流程,可以參考WordPress 文章撰寫到 SEO 優化的完整流程。
手機上的目錄為什麼特別容易出問題
很多人把目錄調好、桌面版也漂亮,一打開手機卻發現目錄變成一長條,把首屏擠掉一半。這是因為手機的側邊欄通常會被佈景主題自動折到內容下方,加上目錄又是垂直展開的列表,兩者疊起來就會吃掉大量可視區域。在行動裝置普及的當下,這個細節值得特別處理。Statista 的數據顯示,2026 年第一季全球網站流量有 52.27% 來自行動裝置(不含平板),也就是說超過一半的讀者是用小螢幕看你的文章 [來源:Statista〈Share of mobile web traffic worldwide quarterly 2015-2026〉 https://www.statista.com/statistics/277125/share-of-website-traffic-coming-from-mobile-devices/ 2026-04-28]。手機上的目錄體驗沒顧好,等於直接犧牲掉一半讀者的第一印象。
處理手機目錄有幾個常見做法。第一個是在全域設定裡開啟「可收合」的顯示模式,讓目錄預設只顯示標題列,讀者點一下才展開,這樣首屏不會被目錄佔滿。第二個是把側邊欄的固定式目錄設成「只在桌面顯示」,手機版改用文章開頭的內嵌目錄,因為手機螢幕窄,固定的側邊欄目錄反而會擋住正文。第三個是調整顯示條件,讓手機版只在標題數較多的長文才出現目錄,短文則直接略過。
手機版還要留意一個技術細節:目錄展開或收合時,若搭配平滑捲動跳到錨點,可能會讓版面在跳轉瞬間產生位移,影響 CLS(累計版面配置位移)這項體驗指標。避免的方法是讓錨點目標保留固定的捲動偏移量,並確認目錄區塊本身的高度在展開前後相對穩定。既然 Google 已把行動版頁面體驗列為排名訊號的一環,手機目錄的穩定性就不只是美感問題;相關的體驗指標可對照網站使用體驗核心指標 CWV 介紹。
平滑捲動、章節編號與錨點偏移:三個進階微調
基礎設定跑順之後,回頭調幾個能提升體驗的進階選項才划算。平滑捲動(smooth scroll)開啟後,讀者點目錄連結,畫面會用動畫滑到對應段落,這個小細節會讓整篇文章感覺更精緻,對長文尤其有感;要留意的是它會跟某些佈景主題或快取外掛的 JavaScript 衝突,開啟後若發現點目錄沒反應,可以先關掉這項確認是不是它造成的。章節編號顯示則是另一個看文章類型決定的選項:Easy Table of Contents 能在每個目錄項目前自動加上 1、1.1、1.1.1 這種層級編號,教學文、規格比較文這類結構性強的內容用起來很順,抒情、散文型內容則顯得多餘。相容性方面,目錄外掛通常跟快取外掛(如 WP Rocket、W3 Total Cache)、SEO 外掛(如 Rank Math、Yoast)都能正常搭配,但少數狀況下快取外掛的 JavaScript 最佳化選項會把目錄的捲動腳本一起壓縮掉、導致平滑捲動失效;排除方法是把目錄外掛的腳本加入快取外掛的「排除清單」讓它不被壓縮,這類除錯的思路跟技術性 SEO 網站架構優化指南強調的「先隔離問題來源再處理」是一致的。
這幾個進階選項之所以值得分開判斷,是因為它們各自服務不同讀者行為。平滑捲動修飾的是「點擊那一瞬間」的細膩度,章節編號處理的是「目錄本身的辨識度」,而錨點偏移量照顧的則是「跳過去之後標題能不能完整被看到」。三者的共通點是都不會自己產生價值,要等讀者真的去點目錄時才看得出差距,這也是它們排在基礎設定之後、優先級低於顯示條件的原因。把進階選項當成長文體驗的微調旋鈕來想,會比把它們當成「愈開愈好」的開關更接近正確用法。
錨點偏移量是另一個常被遺漏的設定。如果你的網站有固定式(sticky)的頂端選單,讀者點目錄跳到某個 H2 時,那個標題很可能被選單遮住上半部。把錨點偏移量設成選單高度(例如 80px),捲動時就會自動在標題上方留出這段空間,標題完整顯示,閱讀體驗會順很多。這個設定一樣在 Easy Table of Contents 的設定頁可調。
什麼情況下,目錄會從加分變扣分
目錄外掛裝得好是加分,裝錯地方卻會扣分。判斷該不該裝,可以用一個簡單的二維象限來想:橫軸是文章長度(短到長),縱軸是結構清晰度(散文式到結構化)。落在「長文+結構化」這個象限的內容,目錄效益最高,例如五千字的教學、十項評測的比較、步驟拆解的操作指南。落在「短文+結構化」的內容,目錄可有可無,因為讀者滑兩下就看完,目錄反而佔空間。落在「長文+散文式」的內容,目錄會把沒有層次的標題硬串成清單,看起來尷尬。落在「短文+散文式」的內容,則完全沒有裝目錄的理由。
這個象限的實用之處,並非把文章分類貼標籤那麼簡單,它真正要提醒的是一件常被誤判的事:站長傾向把目錄當「功能」來看待,覺得裝了就是加分,但目錄真正的判準是「結構密度」。一篇長文如果標題之間的層級關係清楚、彼此有從屬,目錄才會變成可用的導覽;若長文只是用標題分段、層級卻全部壓平成 H2,目錄就退化成一條沒有層次的條列,讀者點進去也分不清主從。換句話說,象限的縱軸「結構清晰度」其實比橫軸「長度」更決定目錄的成敗,這也是為什麼短篇公告雖然結構化卻不需要目錄,而抒情隨筆即便很長也裝不出有用的目錄。
還有一種情況要特別小心:標題層級嚴重混亂的網站。有些站長習慣把 H2、H3 當作單純的字體大小來用,同一篇文章裡出現 H2 直接接 H4、或一段文字裡塞了五個 H2 卻沒有任何子層。這種結構裝了目錄,目錄本身會看起來很奇怪(層級跳躍、子項莫名其妙),而且會把網站內部結構的問題直接暴露給搜尋引擎。遇到這種情況,正確順序是先把標題層級整頓好,再考慮目錄外掛,順序反了只會把問題放大。整頓標題層級時,可參考前面提過的站內 SEO 章節結構建議,把層級從 H2 往下有邏輯地展開再回頭裝目錄。
裝完不動?按條件、樣式、側邊欄的順序排查
九成的「裝完沒反應」回報,都能歸到三個獨立的故障點上:外掛沒被授權在某種內容產生目錄、目錄的樣式被佈景主題蓋掉、或側邊欄根本沒有可固定的位置。這三者互不相干,症狀卻很像,混在一起除錯才會越修越亂。實務上比較快的順序,是先把「授權」這關確認掉(顯示條件與內容類型都勾了文章),再處理樣式覆寫,最後才碰側邊欄固定;每動一項就回前台重新整理一次,把變因控制在單一變數上,遠比一次調整五個設定再猜是哪個出問題來得可靠。
這三個故障點之所以容易同時被誤判為「外掛壞了」,是因為它們的症狀在讀者眼裡都一樣:目錄沒有如預期出現。但只要把症狀再細分一層,是「完全沒生成」還是「生成了但變形」還是「出現了但不黏住」,就能立刻對應到不同故障點。完全沒生成指向授權問題,變形指向樣式覆寫,不黏住指向側邊欄固定。一個常見的反面教材是:站長以為目錄「沒顯示」,於是去調顯示條件,其實目錄早就生成了,只是被主題的 CSS 推到看不見的位置;這時再怎麼調條件都不會有用,因為根本不是條件的問題。症狀描述得越精確,除錯的盲區就越小。
層級抓不到是另一個常見陷阱。很多新手以為「把字放大、加粗」就等於標題,其實搜尋引擎與目錄外掛看的是標題標籤,也就是這段文字是不是真的 H2、H3。如果你只是在段落裡把字體調成 24px、加粗,外掛完全抓不到,目錄自然空白。正確做法是用WordPress 區塊編輯器操作教學裡的標題區塊來標,使用真正具備層級的標題標籤。
效能方面,目錄外掛本身很輕量,對網站速度的影響微乎其微。真正拖慢網站的,通常是未壓縮的大圖、缺少快取、或過多外掛同時載入;心力該花在影響面更大的項目上,例如圖片 SEO 優化終極指南、WordPress 圖片優化提升網站速度跟網站速度優化五大核心技巧,也可搭配Lazy Loading 延遲載入提升網站速度進一步減輕載入負擔。
頁面速度對 SEO 的影響是有官方依據的。Google 早在 2018 年就宣布,當年七月起頁面速度成為行動搜尋的排名因素之一,雖然只影響少數體驗最慢的頁面 [來源:Google Search Central Blog〈Using page speed in mobile search〉 https://developers.google.com/search/blog/2018/01/using-page-speed-in-mobile-search 2018-01-17]。這也是為什麼除錯效能問題時,建議從圖片與快取著手,把心力放在影響面最大的因素上,輕量的目錄外掛通常不是嫌疑犯。
中文化問題相對單純。Easy Table of Contents 的後台已是繁中介面,如果某些欄位或搭配的主題仍是英文,可以用 Loco Translate 處理。整體除錯的觀念跟前面提過的技術性 SEO 指南一樣:先隔離問題來源,再逐項排查,不要一次動太多設定。效能面的指標(LCP、CLS 等)也已在行動裝置章節提過,這裡不再重複。如果是新架的站,也可以先把30 分鐘快速架好 WordPress 網站的基礎流程跑完,再回頭除錯會比較有頭緒。
做完這幾步,目錄才算真的到位
回顧一下整個流程。文章目錄對 SEO 的價值,在於它把 H1 到 H6 標題轉成可點的錨點連結,讓搜尋引擎與讀者都用同一份結構理解你的文章。這份清楚的結構也對AI 友善網站的 Agentic Browsing有幫助,讓 AI 在抓取摘要時更容易拆解文章層級。標題層級亂標的網站,裝了目錄也拿不到這個紅利。所以第一步永遠是把標題結構標乾淨,再來談裝外掛。
Easy Table of Contents 真正的省力點是全自動:設定一次,之後每篇新文章只要標題層級正確就自動帶目錄,站長不必再手動建連結或維護錨點 [來源:〈Easy Table of Contents〉〈https://wordpress.org/plugins/easy-table-of-contents/〉〈2026〉]。但全自動不代表「裝完就完美」,顯示條件、標題層級勾選、外觀樣式,這些還是要照前面章節走過一遍,目錄才會如預期出現。
側邊欄那一步常被略過,卻是長文體驗拉開差距的地方。光把目錄放進側邊欄還不夠,沒固定就會跟著頁面滑出視線;多裝一支 Q2W3 Fixed Widget、勾「固定這個小工具」,目錄才會在讀者往下捲時停在畫面上 [來源:〈Q2W3 Fixed Widget〉〈https://wordpress.org/plugins/q2w3-fixed-widget/〉〈2026〉]。教學文、評測文這類深度長文的站,這個組合帶來的停留改善最顯著。
把目錄做到位之後,可以再回頭檢查它有沒有真的發揮導覽效果。一個簡單的驗證方法是,在 Google Analytics 或 Site Kit 裡觀察目錄頁的「頁面捲動深度」與「停留時間」,對照裝目錄前後的數據。文末接手案例的修正經驗(詳見文末)也指向同一件事:有些設定層面的毛病,只有上線跑一段時間、看完真實數據才看得出來,事前推論往往抓不到。若你的數據沒變,多半就是顯示位置或層級設定還沒到位,值得再回頭微調。
實際接手案例:長文 SEO 站加 Easy Table of Contents 的真實數字
實務上接手過一個匿名客戶,是一個以長文為主的 SEO 內容站,2025 年 Q3 替它導入 Easy Table of Contents。當時的設定是把 H2 與 H3 設定為自動產生目錄、目錄放進側邊欄並用 Q2W3 Fixed Widget 固定,並排除短文讓目錄不要在不適合的文章裡冒出來,另外再用 GA4 的事件追蹤去記錄讀者點目錄的行為。整個外掛設定一共套用到 42 篇文章(WordPress 站台上)。一個季度後在 GA4 看到的成績是:目錄點擊率 18.4%(GA4 event)、平均閱讀時間從 2 分 18 秒拉長到 3 分 06 秒(GA4)、文章跳出率從 76.8% 降到 68.5%(GA4)。這組數字說明目錄對「願意讀長文的讀者」確實有留住效果,閱讀時間與跳出率的走勢是一致的。
但要說老實話,這次設定也不是全無教訓。最早把顯示條件開得太寬,結果短文硬被加上目錄,讀者一進文章就看到一個只有兩三行的尷尬清單,反而干擾閱讀動線。最後的折衷是把目錄改成只在一定字數以上的文章顯示(而非上述的全域預設值),短文直接略過,導覽價值才真正發揮。這個教訓跟前面章節講的「短文不必硬裝目錄」是同一件事,差別在於它是被真實數據逼出來的,並非事前推論。可驗證的點包括 Easy TOC 的後台設定、GA4 的目錄點擊 event,以及那 42 篇文章的清單。
整體來說,把目錄做對,牽涉到的不只是外掛本身,還包括你的內容行銷策略打造高轉換內容、結構化資料 Schema 標記教學、SEO 關鍵字工具挖掘高流量關鍵字、長尾關鍵字佈局搶精準流量、以及WordPress 架站與 SEO 優化全攻略裡談的整體 SEO 基礎。目錄只是其中一塊拼圖,但它是一塊投資報酬率很高的拼圖,因為設定一次就能長期生效。如果你想再往結構化資料的方向延伸,可以看Core Web Vitals SEO 核心指標優化與網站 Sitemap 為什麼每個網站都需要,把技術 SEO 的地基一起打好。
最後給一個務實的建議:先確認你的文章結構值得被做成目錄,再決定要不要做到側邊欄固定。不是每個站都需要固定式目錄,短文為主的站裝了反而顯得多餘。把目錄當成「長文體驗優化」的工具來使用,你會用得更精準。後續如果要追蹤目錄裝上去之後的實際成效,可以搭配WordPress 安裝 Google Analytics 教學、Site Kit by Google 串接 GA4 與 GSC或WordPress GTM 與 GA4 串接教學觀察停留時間與跳出率的變化。如果你是想把網站做成接單工具的站長,也能延伸看讓網站變成自動接單機器的步驟。
常見問題
WordPress 文章目錄外掛要裝哪一支?
推薦 Easy Table of Contents,原因是它全自動抓 H1 到 H6、後台已是繁中介面,裝完即用、設定一次就長期生效,是目前門檻最低的免費選擇 [來源:〈Easy Table of Contents〉〈https://wordpress.org/plugins/easy-table-of-contents/〉〈2026〉]。挑選時要留意一個新手常忽略的陷阱:有些同類外掛會把目錄用 JavaScript 在瀏覽器端動態產生,搜尋引擎爬蟲不一定看得到;Easy Table of Contents 是在伺服器端把目錄寫進 HTML,這點對「目錄能不能被 Google 當成結構線索」是關鍵差異,也是它優先於純前端方案的實際理由。進階玩家可考慮 LuckyWP Table of Contents。
WordPress 目錄對 SEO 排名真的有幫助嗎?
有,但前提是標題層級乾淨。目錄把標題彙整成錨點連結,幫助搜尋引擎更有效率解析文章結構;這也是它與單純排版工具的差別,它等於把標題結構同時遞給爬蟲與讀者。標題亂標的網站裝了目錄也拿不到這個紅利。一個常被低估的間接效益是:當搜尋引擎能清楚拆解文章段落時,比較容易把文章內的子段落抓成搜尋結果的跳轉連結(search result jump links),這對長文的點閱率有潛在加分,雖然是否出現完全由搜尋引擎決定、無法保證,但乾淨的錨點結構是觸發它的前置條件之一。
為什麼我的 Easy Table of Contents 目錄沒顯示?
最常見原因是顯示條件或內容類型沒勾文章。檢查啟用內容類型、自動插入是否勾「文章」,以及顯示條件是否小於文章實際標題數;把顯示條件設為 1 可避免短文看不到目錄。若這幾項都正確仍不出現,多半是標題只是把字放大、並非真正的 H2/H3 標籤。還有一個較少被提到的成因:若文章是從其他平台匯入(例如 RSS 匯入或複製貼上純文字),標題常被帶成一般段落而非標題區塊,這時即使設定全對,目錄依然空白,得手動把段落重新設成標題層級才會被抓到。
WordPress 目錄怎麼固定在側邊欄?
先把「內容目錄」小工具加進主要側邊欄,再安裝 Q2W3 Fixed Widget,回到小工具勾「固定這個小工具」並儲存,目錄就會在捲動時黏住 [來源:〈Q2W3 Fixed Widget〉〈https://wordpress.org/plugins/q2w3-fixed-widget/〉〈2026〉]。兩個最容易漏掉的後續動作:第一,Q2W3 的設定頁有一個「上下邊界(margin)」欄位,若你的側邊欄底部還放了廣告或近期文章小工具,固定目錄往下捲時會疊到這些區塊而產生空白或重疊,把下邊界設成那個區塊的高度就能避開;第二,固定效果只在「側邊欄比正文短」時成立,若某篇文章的目錄本身很長(例如二十幾個章節),目錄高度超過視窗,讀者反而看不到底部的章節,這時應該改用文章頂端的內嵌目錄,或在 Easy Table of Contents 開啟可收合模式。
網站有固定式頂端選單,目錄跳轉時標題被擋住怎麼辦?
這是錨點偏移量的問題。在 Easy Table of Contents 設定頁把錨點偏移量設成選單的高度(例如 80px),捲動時就會在標題上方保留這段空間,標題完整顯示,不被固定選單遮住上半部。偏移量不是寫死一次就好的值:若網站後來改用更高的公告橫幅或 Cookie 提示列疊在頂端,原本夠用的 80px 會再次不夠,標題又被遮住一截;保險做法是把偏移量設得比目前選單略大 10 到 20px,留給日後可能追加的固定元素,這也是為什麼它適合當成定期回頭檢查的項目,而不是設定一次就忘記。