讓網站更專業!WordPress 教學:如何加入自動目錄

by ms0071990830313

在撰寫文章時,有自動目錄的加入不僅可以讓讀者更方便地瀏覽文章內容,還能夠增加網站的專業感,更有助於提升 SEO 的效果。本篇文章將會介紹如何使用 「WordPress 外掛」還有「Soledad佈景主題內建功能」安裝自動目錄,讓您的網站更加完善並提升網站品質。跟隨著以下的教學,輕鬆實現自動目錄的加入,讓您的網站更加專業,並且享有更高的曝光率和流量。

為什麼要有文章目錄?

在一篇長文章或是有多個主題的文章中,文章目錄就對讀者跟作者都很重要喔!

因為目錄可以同時幫助讀者跟 Google 快速了解文章的內容架構、可能會提供哪些資訊。對讀者來說,他能快速鎖定可能會有興趣的段落,吸引他繼續閱讀;而 Google 在檢索我們的網站時也能藉由目錄以及 H2 H3 等標題的階層關係去判斷這些內容的重要程度。所以一篇文章有正確的標題階層,既可以提升閱讀體驗又可以讓 Google對我們文章的表現分數提升。

文章目錄對讀者的優點

  • 快速找到想要的段落
  • 一次掌握整篇文章的範圍

文章目錄對作者的優點

  • 提升專業度
  • 提升讀者體驗:藉由目錄讓讀者也能知道後半文章可能有的內容,快速導覽並跳轉。
  • 提升點擊率、延長停留時間
  • 讓Google快速了解文章重點,提升SEO表現排名

Wordpress有哪些製作文章目錄的方法?

想要在文章有目錄而且要可以跳轉的效果,一般有三種常見方式:

  1. 手動設定錨點
  2. Wordpress外掛自動生成目錄
  3. 佈景主題內建功能(不一定每個佈景主題都有)

手動設定錨點

這方法費時費力,每篇文章都要重複一樣的動作,還要double check超連結有沒有正確,唯一的優點就是沒有安裝外掛對網站的負擔最小(但是對作者的負擔非常大呀, Wei 認為手動製作目錄的時間拿去花在寫文章效益更好!)

大致就是寫完文章後在最前面手動先製作文字版的目錄,再利用 Wordpress 錨點的功能,將每一個目錄標題超連結到指定的段落上,這樣一個手動版的目錄就完成囉!

Wordpress 外掛自動生成目錄

有很多免費的目錄外掛可以安裝,不僅可以幫助你自動生成目錄插入文章,還可以依據你的要求提供多種變化。不用一個一個手動設定錨點,非常方便。文章介紹的 Wordpress 外掛Easy Table of Contents還有提供「中文版」是一款犬哥網站資訊公司都有推薦、可以安心使用的外掛喔!

佈景主題內建自動目錄功能

Wei 的網站是跟著超溫柔超佛心的老師 網站帶路姬WordPress 五天自學衝刺班 2.0》架設出來的,也是使用帶路姬教學中建議的新手佈景主題「Soledad」。沒想到誤打誤撞 Soledad竟然有提供內建的文章目錄功能,真是太棒了!使用佈景主題內建的自動目錄功能不僅不用手動設定錨點,還完全不用安裝外掛,讓你的網站可以更輕鬆!

接下來 Wei 會使用兩個方法,包含上文提到的 Wordpress 外掛:Easy Table of Contents 還有 Soledad提供的內建功能來示範如何為你的網站自動添加目錄,讓你的文章一秒提升專業感!

Easy Table of Contents 好嗎?有什麼優點?

使用「Easy Table of Contents」可以幫助我們設定哪些地方要出現目錄(不過基本上只需要勾選文章啦)、目錄要顯示到哪些階層的標題(H1 ~ H6)、目錄大小、顏色⋯⋯等等都可有提供客製化的選擇非常方便。而且設定之後之後你再寫新的文章就會自動幫你插入目錄,就連舊的文章你都可以設定要不要幫他們加入目錄喔!

如果你對單篇文章有特別的目錄要求,「Easy Table of Contents」也可以讓你在單篇文章中特別調整目錄的顯示方式,這樣方便又免費的 Wordpress 外掛真的很棒喔!而且很多很棒的網站(犬哥網站網站帶路姬網易資訊)都有推薦過這個外掛,相信你跟我一樣使用起來可以更安心吧!

  • 自動產生目錄,省下時間拿來寫文!
  • 客製化項目多元,外觀跟顯示方式都可以調整!
  • 方便 Google 檢索文章,有機會提升網站表現!

Easy Table of Contents 安裝&設定教學步驟

STEP 1:安裝並啟用外掛

  • 到後台左側選單的「外掛」>「安裝外掛」
  • 搜尋框中輸入「Easy Table of Contents
  • 找到外掛後按下「立即安裝」,並啟用外掛。(注意等到安裝完成要再按下啟用外掛喔!)

啟用完成會自動跳到這個地方,請你按左上角「設定」,進入設定頁面。

STEP 2:目錄設定+外觀調整

「Easy Table of Contents」有三個區塊可以根據自己的喜好調整:「一般設定」、「內容目錄外觀」和「進階設定」。

  • 一般設定:問你想要在哪些地方加入目錄、是否要自動加入目錄、想要顯示的位置與時機⋯等等。
  • 內容目錄外觀:有點類似CSS的感覺,可以配合你網站的風格調整字體、大小、顏色⋯等等。
  • 進階設定:可以針對你的目錄在做更細微的調整,例如想要顯示島哪個階層的標題⋯⋯因為「Easy Table of Contents」外掛是中文的,所以大家根據自己的需求決定就可以了,我就不一一敘述。

一般設定

把你想要顯示目錄的地方打勾,我只勾選了文章。

這邊是問你哪些地方需要幫你「自動」插入文章目錄呢?

使用外掛最重要的就是方便,所以一定要記得勾選喔!

接下來問你目錄想要在哪個位置顯示

我是使用預設「內文第一個標題前」,因為考慮到我會放置前言、放在最前面有點突兀⋯等等,而下面的是問你目錄上想不想要顯示文字?

如果不想的話可以把兩個紅框中間的勾勾取消掉,這樣就不會顯示下方的文字只有目錄囉!

外觀設定

外觀設定就依照個人喜好自己選擇吧!要注意的是,如果如果你有調整「自動外觀樣式」,要記得先在「外觀樣式」那邊把預設的「灰色」改成「自訂」喔!

進階設定

這邊可以進行更多細微的調整,不過 Wei 這邊只把要在目錄顯示的標題層級減少到 H4就好,全部都顯示出來有時候會讓文章目錄變得太長,反而會讓讀者無法掌握閱讀順序。

STEP 3:按下 Save 設定完成看成果囉!

全部都調整好記得按下儲存就完成囉!

這是 Wei 上一篇寫的文章《五分鐘無腦完成!WORDPRESS串接GA、GTM、GSC | 2023完整教學》那個時候還沒安裝「Easy Table of Contents」自動產生目錄,但是我設定完成之後舊的文章也自動幫我加上目錄囉!是不是專業感跟閱讀體驗都提升起來了呢?

Soledad主題內建自動目錄功能教學

STEP 1:進入外觀>自訂

STEP2 :找到左側選單「Table of Content」

進入後點選「General」

STEP3:進入設定

這邊呢就可以進入設定文章目錄的地方啦~跟「Easy Table of Contents」有點類似,但是因為Soledad主題後台是英文的,所以使用起來會比中文的吃力一點。這邊 Wei 幫大家翻譯了可能會用到的英文,或是大家也可以嘗試用 Google翻譯大概理解他的意思喔!

  • Enable Support in Post Types:要在哪些地方啟用目錄?文章、頁面、登陸頁、介紹。
  • Insert Table of Contents To:要將目錄插在哪邊?內文前、內文後、第一個標題前、第一個標題後。
  • Sticky Position:選了的話就會浮在文章上,即使往下滑也可以看到目錄。
  • Header Label:目錄最上方顯示的文字。
  • Headings:選擇要顯示到哪個階層。

選擇完記得也要按下上方的「發佈」喔!

這個就是使用Soledad 內建的目錄功能產生的自動目錄喔!一樣可以自動產生、調整顏色字體大小⋯等等,雖然是英文的但是製作步驟也是很簡單,而且不需要額外安裝外掛就可以享有這個功能其實非常划算呀!

左邊是Wei 用Soledad 製作的目錄,右邊是用Wordpredd外掛「Easy Table of Contents」製作的。

老實說 Soledad的內建目錄間距比較大,感覺相較比較笨重一點,但是不用額外安裝外掛這個誘因實在太大了,所以我預計會繼續使用佈景主題內建的自動產生目錄功能喔!

Wordpress使用自動目錄有什麼好處?

  • 節省製作時間又提升專業感:看了上面加了目錄的文章是不是真的比原來還要更專業的感覺了?尤其在長文上更需要目錄讓你的文章更有條理喔!
  • 增加讀者體驗:讀者一進來看到長文章頭都暈了,如果有目錄就可以一目了然對哪個段落有興趣,也可以提升讀者想要看完的慾望!
  • 提升點擊率:這不用說啦,每個目錄都可以跳轉,不怕精彩部分沒人看。
  • 提升文章表現:有自動目錄可以讓你檢視文章標題階層設的合不合SEO?例如:發現只有H3 卻沒有H2,對SEO來說表現就不佳喔!卻重要的段落段落階層就應該要越上層。(如果對於文章文案SEO想了解更深:推薦閱讀 Harris老師的《打造好的 SEO文案(初學者篇)- 認識文章結構》、你也可以直接了解Google怎麼看待好的文章應該要有哪些條件?

常見Q&A

Q:為何我的目錄沒有自動生成?

A:如果你使用「Easy Table of Contents」記得去查看「需要自動插入內容目錄的內容類型」中,有沒有把想要的位置打勾喔!

Q:舊文章也可以自動產生目錄嗎?

A:沒問題呀!只要設置正確不管是外掛或是主題內建的目錄功能都可以幫你的舊文章一鍵自動產生目錄喔!

快去嘗試在文章中加入自動目錄吧!

Wei 綜合以上的內容,告訴你加入自動目錄的好處:包括提升使用者體驗、增加網站的專業感、增加點擊率、方便 SEO 等。還提供了兩種簡單方式,讓你第一次就上手!

如果你跟 Wei 一樣剛開始經營一個網站,那麼使用 Soledad 佈景主題內建的功能或是WordPress 外掛「Easy Table of Contents」加入自動目錄都是一個非常好的選擇。本文提供了使用「Easy Table of Contents」外掛的詳細教學還有如何使用佈景主題內建的自動目錄功能,讓你可以輕鬆地在文章中加入自動目錄。

使用自動目錄是一個能夠提升網站品質和流量的簡單而有效的方式!如果想要跟 Wei 一起提高我們的網站專業度和品質的話,就一起來嘗試看看這個方法吧!

You may also like