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