面包屑導航(作用、代碼及做法)

面包屑導航幾乎存在于每一個網站，無論是大站還是小站。對于部分新手seoer來說，可能對這個概念知其然卻不知其所以然，因為有人問到，所以筆者就開一篇文章單獨說說這個問題。

一、面包屑導航是什么

這里引用百度百科里的一段話來說明什么是面包屑導航：面包屑導航(BreadcrumbNavigation)這個概念來自童話故事"漢賽爾和格萊特"，當漢賽爾和格萊特穿過森林時，不小心迷路了，但是他們發現在沿途走過的地方都撒下了面包屑，讓這些面包屑來幫助他們找到回家的路。所以，面包屑導航的作用是告訴訪問者他們目前在網站中的位置以及如何返回。

二、面包屑導航的作用

簡單的來說，面包屑導航的作用就是告訴用戶他們在網站中的位置，方便用戶確定下一步去留，對于用戶來說這是很好的體驗。下面舉個鏈接的例子說明：

當前位置： 首頁 >> seo基礎知識 >>什么是長尾關鍵詞

這是本站文章的面包屑導航，前面的分類頁和首頁都帶有正常的A鏈接。我們在看文章內容之前，單從這個導航就可以清楚的知道該文章的主題是seo基礎知識分類中關于長尾關鍵詞的內容。用戶在看完這篇文章之后，如果還想閱讀更多seo基礎知識的文章，點擊導航的分類鏈接即可方便到達。

所以說，面包屑導航的作用是很明顯并且是很實用的。

三、面包屑導航如何做

雖然面包屑導航的作用很大，但其操作卻是十分簡單。具體可參照以下模式：網站首頁>分類頁>內容詳情頁。

有些網站可能存在多級分類，那么可以逐級展示出來。另外，還有些可能涉及到專題或者tag標簽，這就需要根據具體情況來設置。

總之，面包屑導航應該有清晰的上下級關系，或者是清晰的包含和被包含關系，用戶能夠方便的返回到上一級分類中。

四、面包屑導航用js代碼好不好

有朋友問到用js來做面包屑導航效果怎么樣，筆者認為** 好使用正常的A標簽，事實上面包屑也屬于網站內鏈建設的一部分，這對目標關鍵詞的搜索排名有幫助。

五、手機網站要不要做面包屑導航

手機站因為界面窄的原因，有些朋友就想省掉面包屑導航這一部分。筆者認為不能省，且不說百度在移動網站優化指南中已有明確說明，單從用戶體驗的角度來看，設置了面包屑導航的頁面體驗會更好。

總結：面包屑導航的作用明顯，無論哪種頁面類型都應該盡量設置，這是有百里而無一害的！

2019.10.09 修訂增加：

面包屑導航常常出現在頁面主體內容的上方或者是下方，其目的就是告訴用戶所在的位置，以及方便用戶返回上個分類。說到底，面包屑導航的本質是為了提升用戶體驗，是為用戶用戶服務的。同時也符合了搜索引擎的評價判斷，所以設置面包屑導航是一舉兩得的事情。