新手自架WordPress|Yoast SEO設定網站『麵包屑』(Breadcrumb)

麵包屑導覽 (Breadcrumb),通常會在文章的置頂處,方便造訪的讀者可以點選同個分類,繼續閱讀同系列的相關文章,更容易找到他想要的資訊,那對Google來說,網站資料透過麵包屑結構化,網站階層化有條有理,估狗爬蟲比較不會迷路,更能幫助SEO哦。
有人說這就像是百貨公司分層導覽,不同樓層不同櫃位,當有了指引後,瞬間一目了然。因為有在用Yoast SEO來檢查網站的SEO狀態,就剛好直接用他內建的麵包屑導覽來設定,非常簡單!! 新手別怕

北北酒肉生活-Wordpress自學架站-Yoast-SEO麵包屑-列表(700)

【步驟1】下載Yoast SEO

北北酒肉生活-Wordpress自學架站-Yoast-SEO麵包屑01

【步驟2】Yoast SEO內設定麵包屑呈現資訊

下載好後,點選Yoast SEO的《搜尋外觀》,這邊有個《導覽標記》分類,可以選擇要怎麼呈現你的麵包屑

北北酒肉生活-Wordpress自學架站-Yoast-SEO麵包屑02
北北酒肉生活-Wordpress自學架站-Yoast-SEO麵包屑03

《分隔符號》我是用預設,你也可以看喜好改成>→/之類通通可以
《首頁固定文字》我是用預設顯示首頁,一樣可以看喜好改
《導覽標記》路徑前綴不一定要有,我是放了個方塊,看個人喜好
《文章》通常會選分類,標籤也可以(但你要記得先幫文章設定好標籤)。

【步驟3】佈景主題編輯器中加入麵包屑程式碼

北北酒肉生活-Wordpress自學架站-Yoast-SEO麵包屑04

設定好後就要把麵包屑的程式碼加到佈景主題來,這樣前端才會呈現出來。先到佈景主題編輯器,接下來每個佈景都不太一樣,去尋找你希望顯示的位置,如果跟我一樣沒程式經驗的,應該會很怕弄爆,但真的別擔心,如果顯示出來不是你要的,就先把code刪掉按儲存,不要去更動到其他東西,基本上不會有問題

我是要加在文章的置頂頁首,那就去尋找 single (單篇文章) 分類,再去找要加在哪兒,每個主題都不太一樣,我是OceanWP,我自己放在single→layout.php,我有嘗試放置在好幾個地方,都不是我想要的,這真的要摸索一下。
記得把下方Yoast麵包屑程式碼貼進去即可

<?php
if ( function_exists('yoast_breadcrumb') ) {
  yoast_breadcrumb( '<p id="breadcrumbs">','</p>' );
}
?>

【步驟4】前端確認麵包屑&留意佈景主題更新

更新檔案後,正常前端就會出現了,記得千萬不要改動到原本的程式碼,你網站可能會掰。
另外要特別留意佈景主題的更新可能會覆蓋,我就某天突然發現麵包屑不見了,就再去把他加回來。
這樣就完成囉!! 是不是相當簡單呢~

北北酒肉生活-Wordpress自學架站-Yoast-SEO麵包屑05

【步驟5】修改麵包屑內容

如果要修改麵包屑內容,可以從個別文章內最底下的Yoast選單修改,點選進階,有個導覽標記標題,這邊填入想要顯示的內容。這樣你的麵包屑就不會跟文章標題一模一樣又很長了

北北酒肉生活-Wordpress自學架站-Yoast-SEO麵包屑06

§ 『WordPress 新手架站之路』老實說 §
身為一個純到不行的文組人,在0基礎下開始學習了Wordpress架站,這條路上也是跌跌撞撞,這一系列是我的研究筆記,我自己如果忘記也會回來找答案,同為一路摸索來的新手,相信我的問題應該也是很多人的問題,如果這邊可以幫助你找到解答,我會很感動。那如果你有延伸變化題,我我…老實說我很高機率會答不出來 (請原諒小菜雞)

發佈留言