網(wǎng)站上的面包屑導航(Breadcrumb)在視覺上只是一個配角,但對于使用便利性與搜索引擎在檢索,理解網(wǎng)站內(nèi)容時卻是非常重要又有效的功能。 幫助你的網(wǎng)站提升搜索引擎友好度!
面包屑導航是什么?
在商場逛時,卻沒有一個指示、標識告訴你現(xiàn)在處于哪一區(qū)哪一層樓,會不會覺得很懵逼呢?面包屑是在各大網(wǎng)站上都會有的基本功能,以最近互相廝殺的電商 蝦皮平臺與PChome平臺為例,在商品的上方都會出現(xiàn)有很多個箭頭組合成的文字列。這些文字讓你能快速了解這商品究竟是被劃分到哪一分類中,若要找同類型 商品,只要通過面包屑上的文字超鏈接即可快速前往上一層級的分類頁。
面包屑對SEO很重要,很重要,很重要!
網(wǎng)站就如一棟商場,里面包羅萬象,網(wǎng)頁遵循規(guī)模從幾頁到幾頁萬頁都有可能,若沒有好好的規(guī)劃環(huán)境“導航”,用戶與搜索引擎的爬蟲可是會在 網(wǎng)站內(nèi)迷路。尤其想要進行SEO的電商來說,若是讓爬蟲迷路了,爬蟲可是會耍性子沒有耐性待在你的網(wǎng)站里,會影響你的網(wǎng)頁收錄。要是搜索引擎的索引庫里沒有 你的網(wǎng)頁(或是更新后的內(nèi)容資料),連被任命的機會都沒有了,要怎么競爭關鍵詞的最高首位呢?
幫助用戶與搜索引擎理解目前位置
可通過面包屑的超鏈接,回到主分類頁,提高網(wǎng)頁易用性
在搜索引擎結果頁上有突出的表現(xiàn)方式
另外有好好設計面包屑的話,在搜索結果頁上(SERP)也會出現(xiàn)跟別人有差異的顯示效果,更容易引起你的網(wǎng)頁的獨特性。
面包屑如何讓搜索引擎爬蟲不迷路?
要把網(wǎng)站想成一棟商場,商場的每個規(guī)模每個區(qū)每個柜都會有他的分配邏輯性。以Yahoo超級商城網(wǎng)站為例,面包屑可以幫助搜索引擎理解“喔原來-現(xiàn)在女裝在OO區(qū)的OO品牌柜上啊”,讓搜索引擎了解目前網(wǎng)頁在整體網(wǎng)站的相對位置,以及也可以通過由面包屑的文字內(nèi)容初步了解現(xiàn)有網(wǎng)頁的內(nèi)容。就像是面試建立追求只寫出精華重點就好,面包屑,就是最簡單的重點!
面包屑的SEO優(yōu)化重點
面包屑雖然小,卻是SEO的大重點。以下有幾個優(yōu)化重點:
每一層級的文字都要簡潔,不宜過長
每一層級的鏈接都必須是有效鏈接
建議含家居的層級數(shù)不超過5層(特別是關鍵字的著陸頁所處的層級數(shù)不宜過深)
面包屑就只要是面包屑就好了嗎?
這個問題,好像是面包屑的人生哲學題啊。俗話說的好,見人說人話,見搜索引擎當然要說機器聽得懂的話。搜索引擎的爬蟲在爬網(wǎng)頁時,在他的眼里面并不是像我們一樣看到七彩繽紛有圖有文的網(wǎng)頁內(nèi)容,而是一堆源代碼。而在之中,要讓搜索引擎知道「我是面包屑,選我選我??!」的話,則必須增加「結構化標記」,讓搜索引擎能一眼辨認出面包屑的尊貴不凡,讀取面包屑的文字。
讓面包屑更上一層:增加結構化標記
上面提到的,搜索引擎看的是源代碼,因此要加上結構化標記。面包屑的結構化標記現(xiàn)在支持兩種標記方式,一個是Microdata,另一個是jsON-LD方式。設定后可使用 google結構化資料測試工具確認是否編寫錯誤。
結構化標記:Microdata
標記重點
需跟隨html標簽一同
結構化標記:JSON-LD
標記重點
是Javascript格式,放在網(wǎng)頁的哪一邊都可以
可以不出現(xiàn)在前端,如果對于網(wǎng)頁視覺有特殊規(guī)劃的人可以選擇JSON-LD
我們專注高端建站,小程序開發(fā)、軟件系統(tǒng)定制開發(fā)、BUG修復、物聯(lián)網(wǎng)開發(fā)、各類API接口對接開發(fā)等。十余年開發(fā)經(jīng)驗,每一個項目承諾做到滿意為止,多一次對比,一定讓您多一份收獲!