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