iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 26
0
自我挑戰組

架站好好玩-Wordpress架站和SEO優化之學習全記錄系列 第 26

第26天:『SEO優化第八步』-優化網站結構之階層連結(Breadcrumb)

SEO優化-階層連結(Breadcrumb)

階層連結(Breadcrumb)通常是置於網站的最上層,主要目的是方便使用者可以快速的回到上一層或是首頁。而通常網站的根目錄也就是首頁,會在最左邊,接著一般會是分類名稱,最右邊具體想要呈現的頁面。

  • 搜尋引擎的查詢結果
    而設定階層連結,除了在瀏覽網頁時可以讓用戶快速切換之外,還能在搜尋引擎的查詢結果中,秀出階層結構,如果分類的關鍵字設定清楚的話,可以讓訪客確認文章是否符合需求,也許就可以提升點擊率。
    https://ithelp.ithome.com.tw/upload/images/20201011/20130379S8rQQzjyzC.png

  • Breadcrumb的兩種設定方法

Astra佈景主題預設功能
Yoast SEO的麵包屑

  • Astra佈景主題預設功能
  1. 登入WordPress控制台=>外觀=>自訂
    https://ithelp.ithome.com.tw/upload/images/20201011/20130379qq2eQaAO5H.png

  2. 開啟Breadcrumb
    https://ithelp.ithome.com.tw/upload/images/20201011/20130379VaJyWEEdUa.png

  3. 設定階層連結,Position設定為After Header, Breadcrumb Source選擇Default, Separator設定為>>,其他為預設值
    https://ithelp.ithome.com.tw/upload/images/20201011/20130379ALIfh9vCR3.png

  4. 以下是預設階層連結的呈現結果
    https://ithelp.ithome.com.tw/upload/images/20201011/201303797w6WIydknO.png

  • Yoast SEO的麵包屑
  1. 開啟SEO=>搜尋外觀
    https://ithelp.ithome.com.tw/upload/images/20201011/20130379qS8Pyq5bNZ.png

  2. 點選麵包屑=>啟用麵包屑=>其他都是預設值
    https://ithelp.ithome.com.tw/upload/images/20201011/20130379wmkQp0rZWP.png

  3. 回到控制台中, WordPress控制台=>外觀=>自訂=>Breadcrumb,將Breadcrumb Source切換成Yoast SEO Breadcrumbs
    https://ithelp.ithome.com.tw/upload/images/20201011/20130379CAryH2UDxx.png

  4. 以下是Yoast SEO Breadcrumbs的呈現結果
    https://ithelp.ithome.com.tw/upload/images/20201011/20130379jIwmgxMl8m.png

這兩種設定方式的結果幾乎一樣,所以無論是哪種設定方法都可行


上一篇
第25天:『SEO優化第七步』-優化網站結構之加密SSL (https)
下一篇
第27天:『SEO優化第九步』-優化頁面網址和設定H1標籤
系列文
架站好好玩-Wordpress架站和SEO優化之學習全記錄30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
wpelectrinc
iT邦新手 5 級 ‧ 2023-01-18 15:50:32

我個人是蠻喜歡導覽標記 (麵包屑) 這項功能,至於新增方式則偏好使用佈景主題內建的設定。

我要留言

立即登入留言