【文章在 2022-05-28 更新過內容】
如果你的網站是部落格、新聞、教學等類型,在讀者閱讀你的文章時,如果可以加入「相關文章」的推薦列表,可以帶來更多的瀏覽量與更好的使用者體驗,進而提高網站的 SEO 排名。
通常網站上的佈景主題都會有這個功能,但是彈性與變化較小,這時候就可以利用外掛來達成更高的彈性,例如可以更換列表類型、置放位置等。
本篇文章所要介紹的 YARPP(Yet Another Related Posts Plugin) 就是一款專門幫你處理與顯示相關文章外掛,使用上也相對簡單與彈性!
如果在閱讀文章過程中有任何問題,歡迎隨時在文章底下留言,或是透過聯絡我跟我溝通討論喔,讓我們開始吧!
YARPP 是什麼?
YARPP 是 Yet Another Related Posts Plugin 縮寫,是一套專門用來處理與顯示網站上「相關文章」的免費外掛,可以自由的設定相關文章要參考哪些參數,並且可以調整要顯示「相關文章」列表的網頁。
YARPP 使用設定上也非常簡單,並有著豐富的功能,整理如下:
- 高度客製化的參考選項:可以設定「相關文章」所參考的指標,例如文章標題、文章內容、標籤與目錄等。
- 不拖慢網頁速度:有自己的快取機制以及優化過的程式碼。
- 支援在 RSS 中顯示相關文章。
- 支援古騰堡區塊編輯器,並支援短代碼(ShortCode)。
- 支援傳統小工具與區塊小工具。
- 與所有語言相容,並支援 bbPress 、WooCommerce。
如何使用 YARPP 外掛?
這個章節會教大家如何用 YARPP 外掛簡單的顯示「相關文章」的區塊,教學中會包含在「文章最底下」顯示與在「側邊欄」顯示,兩種方式擇一即可。
預估時間 3 minutes
STEP 1:搜尋並安裝外掛
在 WordPress 後台的「外掛→安裝外掛」中,輸入「Yet Another Related Posts Plugin」搜尋安裝並啟用。
STEP 2:前往 YARPP 設定頁面
前往 WordPress 後台「設定→YARPP」,進入外掛設定頁面。
STEP 3:全域設定
在設定畫面的最上方為 YARPP 的全域設定,這邊分成四個部分解說個別功能,如下:
1. Post types to include:可以設定哪些頁面類型會被 YARPP 參考來製作相關文章。
2. 禁止關聯分類:可以設定哪些分類不要被 YARPP 參考關聯。
3. 禁止關聯標籤:可以設定哪些標籤不要被 YARPP 參考關聯。
4. 這個區域有五個選項可以設定,依序為:
-> Display password protected posts:顯示密碼保護的文章。
-> Display sticky posts:顯示置頂文章。
-> Display only posts from the past 天/周/月:只顯示過去指定時間內的文章。
-> Display only posts older than current post:只顯示比目前所閱讀的文章還要舊的。
-> Limit to same post type:限制只顯示跟目前閱讀頁面相同類型的文章。
可以自行決定相關文章所要參考與顯示的規則,相當的彈性。
STEP 4:演算法設定
在演算法的設定裡面,可以更深入的設定 YARPP 判斷與產生相關文章時,所用的參考指標。
第一個「相關值」的部分,數字越高代表關聯性越高,反之則關聯性越低,可以自己嘗試調整。
其餘的選項則可自由設定要不要被參考、或是當作主要參考的指標。
STEP 5:自動顯示規則
下一個要設定的區塊是「Automatic Display Options」,就是自動顯示的規則。
可以自由設定要在哪些頁面顯示,如文章、頁面等,如果你不想讓外掛自動把「相關文章」列表放在文章底部,那在「Automatically display related content on」選項中請不要勾選任何項目。
中間的「Display on the front page, category and archive pages」選項打勾的話,相關文章列表區塊則會顯示在你的網站首頁、網站目錄頁與彙整頁面。
Maximum number of posts 則是可以設定相關文章列表所顯示的文章數量。
STEP 6:設定列表顯示方式
接下來可以設定你的「相關文章」區塊要用什麼形式呈現,總共有兩種模式可以選擇,我們先介紹列表(List)模式。
可以設定該區塊的標題文字與要不要顯示摘要等選項,也可以設定真的沒有相關聯的文章時,要顯示的文字。
STEP 7:設定縮圖顯示方式
另外一種則是可以設定區塊用縮圖的方式呈現,一樣可以設定標題與沒有相關文章時的文字,縮圖的大小有數種選擇,可依照自己需求選取設定。
STEP 8:設定排序方式
相關文章列表內文章的排序方式也可以自行決定,如相關性、發布日期或標題字母等。
下方的「Link to YARPP?」選項有打勾的話,則是在相關文章區塊最下方會多一行「Powered by YARPP」字樣。
STEP 9:預覽模式
接下來可以在預覽模式中,檢查一下所設定的顯示方式是否有依照自己設定,在最上方可以調整手機、平板與電腦三種不同的預覽模式。
STEP 10:RSS 與 REST 設定
YARPP 也可以設定在 RSS 內顯示相關文章,如果有需求打勾即可。
至於 REST API 的部分,則是提供給 JavaScript 的 APP 使用的 API,如果沒有特別需求,保持預設即可。
所有設定都完成後,就可以按最下方的「Save Changes」按鈕進行保存。
STEP 11:完成並檢視設定結果
完成設定並保存後,就可以前往網頁前台看一下設定結果,圖片是採用列表(List)方式呈現,如果你是用縮圖的方式,會像本章節一開始的圖片。
Supply:
- Shareaholic
Tools:
- Yet Another Related Posts Plugin
如何在側邊欄加入 YARPP 小工具?
除了把相關文章放置在文章底部外,你也可以透過小工具功能,把相關文章列表放置在側邊欄中,兩種可以同時存在,步驟如下:
STEP 1
前往 WordPress 後台的「外觀→小工具」選項中,在 Main Sidebar 中加入 YARPP 區塊。
STEP 2
加入 YARPP 區塊後,右方可以針對區塊功能進行設定,標題、顯示方式與文章數量都可以設定,沒問題後按一下右上方的「更新」按鈕進行保存。
STEP 3
完成之後,就可以前往網頁前台檢查一下設定成果囉!
教學是用 WordPress 5.8 版本引進的「區塊小工具」進行教學,如果你是使用「傳統小工具」,一樣也可以加入 YARPP,步驟如下:
STEP 1
前往 WordPress 後台的「外觀→小工具」選項中 ,在左邊的「可用的小工具」裡面找到 YARPP,點一下新增小工具到 Main Sidebar。
STEP 2
之後在右方 Main Sidebar 欄位中就可以看到 YARPP 並設定,完成之後按下「儲存」按鈕,之後一樣到前台網頁就可以看到成果了!
在列表後方的數字代表什麼?
如果你有登入 WordPress 的管理員帳號,並且正在瀏覽自己網站上的文章,在相關文章的區塊你會看到後方都有一串數字,這些數字代表該文章跟你目前瀏覽文章的相關度,數字越高,相關度越高。
這個數字一般訪客瀏覽者是看不到的,只有在有登入 WordPress 管理員帳號時會顯示,也可以拿來設定「相關值」的依據。
總結
雖然說大多數的佈景主題都有自己的「相關文章」功能區塊,但是並沒有提供太多客製化的選項,如果你厭倦了主題內建的相關文章功能,不仿試試看 YARPP 外掛,輕量不影響網頁速度,客製化的選項又多,相信不會讓你失望!
常見問題
很多頁面都沒有顯示相關文章,怎麼辦?
很有可能你目前文章數量不多,又把「相關值」設定太高導致,可以先把數值設定低一點,日後文章變多再調整即可。
我不想顯示過舊的文章,可以設定嗎?
可以,在全域設定中,可以透過 Display only posts from the past 選項設定。
YARPP 會拖慢網站速度嗎?
YARPP 的程式碼有進行最佳化,並且有自己的快取機制,並不會拖慢網站速度。
YARPP 簡介
YARPP 外掛簡介
YARPP 是 Yet Another Related Posts Plugin 縮寫,是一套專門用來處理與顯示網站上「相關文章」的免費外掛,可以自由的設定相關文章要參考哪些參數,並且可以調整要顯示「相關文章」列表的網頁。
Price Currency: TWD
Operating System: WordPress
Application Category: UtilitiesApplication
5
最新文章
- 3 種 iOS 17 更新方法【iOS 17 下載方法、支援機型重點整理】
- 【教學】如何在 Windows VMware 安裝 macOS 13 Ventura?
- Windows 連 Mac 電腦共用資料夾、共用硬碟,同網域就可快速同步傳輸檔案
- 【限時免費】MultCloud 跨雲端傳輸工具,限時 200GB 流量免費領!
- Mac 連 Windows 共用資料夾、共用硬碟設定技巧教學(含密碼權限)
- Win10/Win 11 辦公室共用資料夾、共用硬碟教學,含不同權限密碼設定(區域網路)
- 【限時免費】AnyViewer Professional 遠端桌面軟體一年份序號免費拿
- 【限時免費】AOMEI Backupper Professional 一年份序號免費拿
- 【限時免費】AOMEI FoneTool Professional 一年份序號免費拿
- Win10/Win11 共享資料夾、共享硬碟詳細設定教學(共用資料夾/共用硬碟)