在網(wǎng)站建設(shè)和SEO中,面包屑導(dǎo)航的作用就是告訴訪問者他們目前在網(wǎng)站中的位置以及如何返回。
面包屑導(dǎo)航(或稱為面包屑路徑)是一種顯示用戶在網(wǎng)站或網(wǎng)絡(luò)應(yīng)用中的位置的一層層指引的導(dǎo)航。面包屑導(dǎo)航最初自于神話故事《奇幻森林歷險記》,故事的兩個小主人公丟下一條面包屑路徑,然后順著這條路徑回到了家中。
面包屑導(dǎo)航顧名思義,面包屑挺巧就是瑣碎的意思,一點點的形狀,這就代表我們的網(wǎng)站導(dǎo)航中,那些不在主導(dǎo)航上,其他輔助性瑣碎的導(dǎo)航就叫面包屑導(dǎo)航了。
同時,面包屑導(dǎo)航也可以幫助網(wǎng)站優(yōu)化SEO,提高網(wǎng)站的搜索引擎排名,這是因為面包屑導(dǎo)航能夠展示網(wǎng)站層級結(jié)構(gòu)和頁面流向,讓搜索引擎更容易了解網(wǎng)站內(nèi)容結(jié)構(gòu)。
、面包屑有利于網(wǎng)站內(nèi)鏈的建設(shè),用面包屑大大增加了網(wǎng)站的內(nèi)部連接,提高用戶體驗。
從用戶需求的角度來講,大多數(shù)WAP站都沒有必要添加面包屑導(dǎo)航。在PC端,使用面包屑導(dǎo)航的主要是新聞網(wǎng)站、電商網(wǎng)站、官方網(wǎng)站。但是新聞網(wǎng)站和電商網(wǎng)站的趨勢是變得更加“頻道化”。
面包屑可以突出你的關(guān)鍵詞,可以通過錨文本的面包屑導(dǎo)航或指向的頁面到您的網(wǎng)站對搜索引擎更加友好。在同一時間的面包屑導(dǎo)航可以增加內(nèi)容相關(guān)的,因為他們是關(guān)鍵詞集合。至于排名,相關(guān)性是一個重要的因素。
層級較深的網(wǎng)站,面包屑導(dǎo)航適合層級較深的網(wǎng)站,如果只有一級分類的話,通過主導(dǎo)航就可以起到快速定位的作用。比如“豆瓣網(wǎng)”類型扁平構(gòu)架的網(wǎng)站就沒有使用面包屑導(dǎo)航。
位置型:位置型面包屑是固定的,顯示頁面在網(wǎng)站結(jié)構(gòu)中的位置,位置型面包導(dǎo)航通常在頁面頂部水平出現(xiàn),會位于標(biāo)題或頁眉的下方。提供給用戶返回之前任何一個頁面的鏈接,在層級架構(gòu)中是這個頁面的父級頁面。
導(dǎo)航關(guān)鍵字要統(tǒng)一每一個主目錄和子頁面的關(guān)鍵詞都應(yīng)該簡潔獨特,這樣用戶在瀏覽網(wǎng)站或在電子商務(wù)購物網(wǎng)站購買商品時就會不會產(chǎn)生疑問,而且對他們當(dāng)前的位置也可以做到一目了然。
優(yōu)化面包屑導(dǎo)航方法:明確路徑:確保面包屑導(dǎo)航清晰地展示了用戶到達當(dāng)前頁面的路徑。這種動態(tài)顯示有助于用戶更好地理解他們在網(wǎng)站中的位置。層次控制:面包屑導(dǎo)航的層次應(yīng)盡量控制在四層以內(nèi)。
面包屑通過路徑展示告知用戶他們所處的位置,而今天的這篇文章將會探討一個可用的網(wǎng)頁面包屑應(yīng)當(dāng)如何設(shè)計,通過最佳實踐展示面包屑的正確用法。
選擇合適的尺寸和間距 在設(shè)計的時候應(yīng)當(dāng)仔細考慮尺寸和間隔大小,不同的面包屑層級之間應(yīng)當(dāng)有足夠的間距,確保用戶能夠識別。當(dāng)然你也不希望面包屑占據(jù)頁面太多的空間,如果面包屑比頂部導(dǎo)航還要大,看起來就非常尷尬了。
優(yōu)化面包屑導(dǎo)航方法:明確路徑:確保面包屑導(dǎo)航清晰地展示了用戶到達當(dāng)前頁面的路徑。這種動態(tài)顯示有助于用戶更好地理解他們在網(wǎng)站中的位置。層次控制:面包屑導(dǎo)航的層次應(yīng)盡量控制在四層以內(nèi)。
面包屑導(dǎo)航條只能出現(xiàn)在頁面頭部和尾部,但手機瀏覽器的上下部分已經(jīng)預(yù)留了按鍵:頭部有回退按鈕,尾部有回退按鈕或手機按鍵,所以面包屑導(dǎo)航條的必要性大大降低了。