Rich Table of Contents 外掛教學:最好看的 WordPress 文章目錄設定

Rich Table of Contents(RTOC)是日本工作室 CROOVER 在 2017 年釋出的 WordPress 文章目錄外掛,活躍安裝 3 萬,主打預設樣式最漂亮、不用調 CSS 就能用。視覺取向部落客首選,但缺點是更新慢、回饋管道反應慢。這篇講安裝、後台設定重點、目錄對 SEO 的幫助、適合誰、跟 Easy TOC、Mr.TOC 怎麼選。

Rich Table of Contents 是什麼?日本小型工作室開發的 WordPress 文章目錄外掛

「長篇教學沒有目錄,讀者讀一半就滑走怎麼辦?」這是長文部落客最頭痛的問題——內容寫得再用心,導航輔助不夠跳出率就居高不下。Rich Table of Contents 開發商「株式会社 CROOVER」位於日本兵庫縣蘆屋市,主力產品是 JIN 與 JIN:R 兩套付費 WordPress 佈景主題,在日本部落客界相當知名。RTOC 最初是為了搭配自家版型而開發的附加工具,才免費釋出到官方外掛庫,這也是它預設樣式特別漂亮的原因。

它的運作邏輯跟Easy Table of Contents差不多,裝上去以後會自動抓文章裡的 H2、H3 標題,在指定位置生成可展開收合的目錄方塊。差別最明顯的地方在預設樣式,它主打「不用自己調 CSS 就已經很好看」。官方也在近期正式支援繁體中文介面,台灣使用者安裝後不必再靠翻譯軟體猜設定。

為什麼推薦 Rich Table of Contents?視覺取向使用者的首選目錄外掛

老實說,如果你去看全網的 WordPress 目錄外掛比較文,多數部落客主推的都是 Easy Table of Contents 或 LuckyWP Table of Contents,Rich TOC 並不是主流選擇。它目前的 Active installations 大約在 20,000 以上,跟 Easy TOC 的 60 萬以上差了一整個數量級。

但它有幾個地方是競品比不過的。第一是預設樣式最漂亮,六種內建設計任選一個都能直接上線,完全不用寫 CSS。第二是後台提供即時預覽,調色改字體的當下就能看到效果,這個功能業界幾乎沒人做。第三是行動版體驗細節做得很足,「回到目錄按鈕」這類小設計讓閱讀流暢很多。

會選 Rich Table of Contents 的人,通常都是同一種:對美感有執念、不想花時間自己調樣式、願意接受它不是主流來換取視覺上的精緻感。

至於 Rich Table of Contents 和 Easy Table of Contents 到底要怎麼挑,我寫在 WordPress 目錄外掛推薦,這裡就不展開。

外掛預設樣式更新頻率客服回應適合誰
Rich Table of Contents最漂亮、不用調 CSS慢(年度小更新)視覺取向、不想改 CSS
Easy Table of Contents普通、需自訂頻繁更新要設定彈性、客製化
Mr.TOC整潔、結構化資料完整持續更新金城事務所內部要 AI 生成 + Schema

很多人會問我:Rich Table of Contents 跟 Easy Table of Contents 怎麼選?簡單講,要預設樣式漂亮、不調 CSS 就用 RTOC;要設定彈性高、跟 SEO 整合就用 ETOC;要 AI 自動產目錄+結構化資料就用 Mr.TOC。

Rich Table of Contents 安裝與後台設定的重點說明

安裝方式跟一般 WordPress 外掛沒差別,進後台「外掛 → 安裝外掛」,搜尋「Rich Table of Contents」,點啟用就完成。啟用以後不需要任何額外設定,文章只要有三個以上的 H2 標題,目錄就會自動出現。

後台分成基本設定、設計設定、配色預設、進階設定四大區。多數人其實只要動到前兩區就夠用了,後面兩區是留給想深度客製的使用者。

最少標題數量與顯示條件

這個設定決定文章要有幾個標題才顯示目錄。預設是 3,意思是你的文章至少要有 3 個 H2 才會跑出目錄。短文硬塞目錄反而雜亂,建議維持在 3 到 4 個。另外透過「排除文章 ID」與「排除頁面 ID」兩個欄位,可以把不想顯示目錄的頁面用半形逗號一次設好。

樣式選擇與 content 目錄配色

設計設定裡可以挑 H2 列表樣式、H3 列表樣式、外框、動畫效果。六種內建配色預設涵蓋了多數部落格風格,從簡約白底到溫暖米色都有。想更細緻自訂的話,下方進階配色區可以單獨改標題色、文字色、背景色、邊框色,自由度算高。

很多人在 content 目錄這個段落踩的坑,是把顏色調得太鮮豔,結果整個目錄比文章本身還搶戲。小叮嚀:配色原則上要跟網站主色系呼應,不要另起爐灶,否則讀者視線會被目錄吸走。

顯示位置與平滑滾動

顯示位置可以設在文章第一個標題前或後,這是多數部落客會用的預設。建議打開「smooth scroll」選項,點擊目錄項目時會流暢滾動到對應段落,體驗比直接跳轉好很多。手機版還有一個「回到目錄」按鈕,可以放在左下或右下角,長篇文章強烈推薦開啟。

文章目錄對 SEO 有哪些實際幫助

很多人會問:裝目錄外掛到底對排名有沒有幫助?老實說,目錄本身不是直接的排名因子,但它可以間接改善三件事。

第一是提升閱讀停留時間,有了目錄讀者可以直接跳到關心的段落,降低找不到重點就關掉的機率。第二是爭取 Google 搜尋結果頁的 Sitelinks 或 Jump to section 連結,Google 近年越來越常把有清楚目錄結構的文章,直接在搜尋結果下展開副標題連結,等於一篇文章佔了更多版位。第三是強化 H 標籤的階層邏輯,搜尋引擎會透過目錄結構更清楚判斷內容組織。

想把目錄的 SEO 效益最大化,關鍵還是在 H2、H3 的標題設計。這部分我在SEO 劃重點:文章標題與目錄外掛的關係裡寫得更細,有興趣的朋友可以點過去看。

Rich Table of Contents 使用上要注意的三件事

這套目錄外掛好用歸好用,但有三個地方要提醒。

第一是更新節奏慢。CROOVER 資本額只有 300 萬日圓,等於一間小工作室的規模。Rich TOC 又是非營利、沒有付費模式的專案,所以當 PHP 或 WordPress 出大版本升級時,偶爾會冒出相容性 bug,必須等官方慢慢修。目前最新版本 1.4.3 是 2025 年 4 月發布的,到寫這篇文章時已經將近一年沒動,建議讀者自行查證相容性狀態。

第二是回饋管道反應慢。遇到問題寫信到官方論壇,作者確實會處理,但通常不會回信,只會默默把下一版推出來。有心理準備,不要期待即時支援。

第三是舊版本有資安風險。1.3.8 以前的版本存在 Stored XSS 漏洞,低權限使用者可能對管理員發動攻擊,仍在用舊版本的讀者務必先更新到 1.4.x。想自訂外觀的人,也記得更新完再去改樣式。

金城老師觀點

金城老師觀點

Rich TOC 是我第一套使用的 WordPress 目錄外掛,剛裝上去那一刻真的被預設樣式驚艷到,同類產品裡沒有一個設計感能跟它比。用了一段時間以後我才慢慢發現問題:穩定度不夠,每次 WordPress 或 PHP 升級都得擔心會不會壞掉,寫信反映 bug 也不確定什麼時候會被處理。它後台那些超細的樣式選項,我實際用得到的大概不超過三分之一。

後來我乾脆自己動手開發了一套目錄外掛,叫做 Mr.TOC 文章目錄小幫手。視覺設計整個是抄 Rich TOC 的(它真的太好看了),功能則是依照我自己實際使用的需求做了修改,把用不到的拿掉,把真正需要的補齊,結構化資料也寫得比 RTOC 完整。如果你剛開始經營部落格、還沒到要自己寫工具的程度,Rich TOC 仍然是視覺取向使用者的首選。對穩定度在意、或想要更貼近中文部落客需求的人,目前這個外掛只提供給金城事務所的全代管客戶使用。

延伸閱讀

參考資料

常見問題

Rich Table of Contents 要付費嗎?

完全免費,在 WordPress 官方外掛庫搜尋安裝就可以用,沒有付費版,也沒有加購功能。開發商 CROOVER 的營收主要來自付費版型 JIN 與 JIN:R,Rich TOC 是他們免費釋出的附加工具。

Rich Table of Contents 跟 Easy Table of Contents 要怎麼選?

視覺優先選 Rich TOC,穩定度與中文化成熟度優先選 Easy TOC。Easy TOC 的使用者多、繁中介面完整、更新頻繁,適合不想煩惱相容性的人。Rich TOC 則是預設樣式最漂亮,適合對美感有要求、願意接受更新比較慢的人。

文章目錄對 SEO 真的有幫助嗎?

目錄本身不是直接排名因子,但對 SEO 有三個間接助益:延長讀者停留時間、爭取 Google 搜尋結果的 Sitelinks 副標題連結、強化 H 標籤階層讓搜尋引擎更容易理解內容組織。搭配精準的 H2、H3 設計效益最大。

安裝 Rich Table of Contents 會拖慢網站速度嗎?

Rich TOC 的 JavaScript 與 CSS 體積很小,對載入速度影響很低。唯一比較佔資源的是自訂字體與動畫效果,如果你不需要這些裝飾,進階設定裡勾「不載入外掛 CSS」可以把多餘樣式關掉,再用主題 CSS 自己接手處理。

想在特定文章關閉目錄要怎麼做?

兩個方法。最快是到 Rich TOC 後台「進階設定」區,在「排除文章 ID」欄位填入不想顯示目錄的文章 ID,用半形逗號分隔多筆。另一個方法是在該文章內插入短代碼 [rtoc heading="h0"],把顯示層級設成不存在的 h0,目錄就不會出現。

文章目錄