seo教程：面包屑導航優(yōu)化是什么？有什么優(yōu)化作用？怎么用？seo教程自學網(wǎng)認為面包屑導航優(yōu)化是每個一線seo優(yōu)化人員都需要掌握的，面包屑導航是什么？面包屑導航對網(wǎng)站有什么優(yōu)化作用？怎樣正確優(yōu)化面包屑導航？面包屑導航優(yōu)化有哪些分類？應該用哪個更合理的面包屑導航優(yōu)化樣式？使用面包屑導航優(yōu)化的時候需要注意的點。知道這些知識點，就基本掌握了面包屑導航的系統(tǒng)知識了。
一：面包屑導航優(yōu)化是什么？
seo教程自學網(wǎng)的定義如下：面包屑導航是一個次級導航系統(tǒng)，可以展示用戶在網(wǎng)站或應用中的位置。這個術(shù)語來源于童話《糖果屋》，故事中的主人公在森林里用面包屑做標記來防止迷路。
類似于故事里的主人公，用戶需要知道他們在網(wǎng)站層級結(jié)構(gòu)中的位置以便于他們訪問上一級網(wǎng)頁。本文中，我們將幫助大家加深對面包屑導航的理解，并結(jié)合一些最佳實踐案例來討論面包屑導航優(yōu)化的最佳用法。
二：面包屑導航對網(wǎng)站有什么優(yōu)化作用？
seo教程自學網(wǎng)認為作為一個高效的視覺輔助工具，面包屑導航暗示了用戶在網(wǎng)站層級結(jié)構(gòu)中的位置。對用戶來說，面包屑導航包含了大量的信息，可以幫助他們解答以下問題：
1、我在哪？ 面包屑導航明確地告訴用戶他們的位置。
2、我接下來可以去哪？ 面包屑可以使用戶更加方便地查找網(wǎng)頁。比起放在菜單里，放在面包屑導航中的網(wǎng)站結(jié)構(gòu)更容易被用戶所理解。
3、我應該去這里嗎？面包屑導航可以暗示用戶網(wǎng)頁內(nèi)容的價值從而引起他們繼續(xù)瀏覽的興趣。比如在一個電商網(wǎng)站中，用戶可能對當前訪問的這個商品不滿意，但是他還想看看同類的其他商品，這時候面包屑導航就可以告訴用戶同類產(chǎn)品的鏈接。這樣可以很好地降低用戶的流失率。
seo教程自學網(wǎng)總結(jié)的面包屑導航具有以下優(yōu)化優(yōu)點：
減少不必要的步驟
面包屑導航最實用的一點便是可以幫助用戶更快地訪問上級網(wǎng)頁，無需借助瀏覽器的“返回”按鈕和頂級導航欄。
占用空間少
面包屑導航僅由文本和鏈接組成的一行內(nèi)容構(gòu)成，因此占用的頁面空間非常小。這樣的好處是當內(nèi)容過載時它的功能也不會受到影響。
用戶體驗很好
用戶可能會忽略這個小控件，但是他們從來不會誤解或在使用上遇到問題。
三：怎樣正確優(yōu)化面包屑導航？
seo教程自學網(wǎng)建議：評價一個網(wǎng)站是否適合于使用面包屑導航的最好方法便是將網(wǎng)站的結(jié)構(gòu)畫出來或者以圖表的形式呈現(xiàn)出來，然后分析使用面包屑導航是否會幫助用戶更方便地切換到不同類的網(wǎng)頁。
什么時候用：你的網(wǎng)站結(jié)構(gòu)是嚴格的線性結(jié)構(gòu)或者是預先分好組（類）的層級結(jié)構(gòu)。比如電商網(wǎng)站的結(jié)構(gòu)就是層級結(jié)構(gòu)，包含了按類別分好組的大量商品頁面。
什么時候別用：你的網(wǎng)站結(jié)構(gòu)是單層或者不是分好組（類）的層級結(jié)構(gòu)。
四：面包屑導航優(yōu)化有哪些分類？
seo教程自學網(wǎng)總結(jié)如下：面包屑導航分為基于位置的面包屑導航、基于路徑的面包屑導航和基于屬性的面包屑導航。
1：基于位置的面包屑導航優(yōu)化
基于位置的面包屑導航可以表示網(wǎng)站的結(jié)構(gòu)。它可以幫助用戶理解并訪問你的網(wǎng)站各個層級的內(nèi)容。這種面包屑導航對于那些從外部（如搜索引擎）直接訪問深層位置的用戶來說尤為重要。
在下面這個例子（BestBuy網(wǎng)站）中，每一個鏈接都代表一個頁面，從左至右逐級深入。
2：基于路徑的面包屑導航優(yōu)化
seo教程自學網(wǎng)認為基于路徑的面包屑導航展示了用戶訪問的完整軌跡。這種面包屑導航通常是動態(tài)生成的。有時候它們會有幫助，但是多數(shù)情況下它們會讓用戶感到困惑。用戶通常會在各個頁面之間跳來跳去，這時候記錄下來的路徑就會非常復雜，還不如瀏覽器的“返回”按鈕更加實用。而且，對于從外部直接訪問的用戶來說基于路徑的面包屑導航就完全沒用了。
下圖是一個基于路徑的面包屑導航，展示了到達相同頁面的不同路徑。
3：基于屬性的面包屑導航優(yōu)化
基于屬性的面包屑導航會將特定頁面的類別列出來。比如電商網(wǎng)站就會列出來常用商品分類。這種面包屑導航可以幫助用戶了解產(chǎn)品之間的聯(lián)系，同時提供了不同的訪問方式。
如下圖所示，在TM Lewin網(wǎng)站中，面包屑導航展示了商品的不同屬性
五：應該用哪個更合理的面包屑導航優(yōu)化樣式？
seo教程自學網(wǎng)建議使用面包屑導航的原則是展示網(wǎng)站的結(jié)構(gòu)而不是用戶的訪問歷史。因此，盡量使用基于位置和屬性的面包屑導航而不是基于路徑的。
最佳實踐
六：使用面包屑導航優(yōu)化的時候需要注意的點：
seo教程自學網(wǎng)認為不要用面包屑導航來替代頂級導航
我們應該將面包屑導航視為一項附加功能，不能用它來替代高效的頂級導航菜單。它很方便，但是僅僅作為訪問網(wǎng)站的一個備選方式，而不是唯一方式。下圖的例子是蘋果的官網(wǎng)，在頁面底部添加的面包屑導航對頂級導航起到了輔助的效果
1：不要給當前頁面的導航文字添加鏈接
面包屑導航的最后一項可以表示當前頁面也可以表示當前頁面的上一級。如果你想用當前頁面的話，切記不要給這個項目添加鏈接，因為用戶已經(jīng)處于這個頁面了，再添加指向當前頁面的鏈接是沒有任何意義的。
2：面包屑導航優(yōu)化使用分隔符
面包屑導航中最簡潔明了的分隔符便是大于號“>”。通常大于號用于基于位置的面包屑導航，以“父類>子類”的形式表示導航項目之間的層級關(guān)系。除了大于號以外還可以用向右箭頭“→”，雙大于號”>>”和斜線”/”。到底使用哪個取決于導航的類別和視覺效果。
3：面包屑導航優(yōu)化設(shè)置合適的大小和padding屬性
在設(shè)計的時候要謹慎考慮導航菜單的大小和padding屬性。在每一個項目之間必須有充足的間隔，否則用戶理解起來會有問題。同時你希望面包屑導航不會搶了其他主要部分的風頭，因此你需要讓它看起來比頂級導航要低等一些。
4：不要讓面包屑導航優(yōu)化看起來很突出
不要使用花哨的字體和亮色，這樣會違背使用面包屑導航的初衷。設(shè)計面包屑導航的原則是它不能是頁面加載后最吸引用戶的內(nèi)容。下面這個例子中的面包屑導航雖然效果不差，但是太吸引用戶的目光，可能會分散用戶的注意力，使其更加關(guān)注面包屑導航而不是頂級導航和頁面的主要內(nèi)容。
谷歌就沒有讓面包屑導航很顯眼，但是用戶可以很方便地發(fā)現(xiàn)并使用它。
5：不要在移動端網(wǎng)站上使用
seo教程自學網(wǎng)提醒seo優(yōu)化人員注意面包屑導航在移動端的體驗并不好，尤其是在層級比較復雜的網(wǎng)站中。而且，你會發(fā)現(xiàn)在在移動端上設(shè)計面包屑導航會遇到很多問題。因此，你需要盡可能地簡化你的網(wǎng)站結(jié)構(gòu)，如果簡化之后仍較為復雜，那么最好就不要用面包屑導航，畢竟它不是主要功能。
一：面包屑導航優(yōu)化是什么？
seo教程自學網(wǎng)的定義如下：面包屑導航是一個次級導航系統(tǒng)，可以展示用戶在網(wǎng)站或應用中的位置。這個術(shù)語來源于童話《糖果屋》，故事中的主人公在森林里用面包屑做標記來防止迷路。
類似于故事里的主人公，用戶需要知道他們在網(wǎng)站層級結(jié)構(gòu)中的位置以便于他們訪問上一級網(wǎng)頁。本文中，我們將幫助大家加深對面包屑導航的理解，并結(jié)合一些最佳實踐案例來討論面包屑導航優(yōu)化的最佳用法。
二：面包屑導航對網(wǎng)站有什么優(yōu)化作用？
seo教程自學網(wǎng)認為作為一個高效的視覺輔助工具，面包屑導航暗示了用戶在網(wǎng)站層級結(jié)構(gòu)中的位置。對用戶來說，面包屑導航包含了大量的信息，可以幫助他們解答以下問題：
1、我在哪？ 面包屑導航明確地告訴用戶他們的位置。
2、我接下來可以去哪？ 面包屑可以使用戶更加方便地查找網(wǎng)頁。比起放在菜單里，放在面包屑導航中的網(wǎng)站結(jié)構(gòu)更容易被用戶所理解。
3、我應該去這里嗎？面包屑導航可以暗示用戶網(wǎng)頁內(nèi)容的價值從而引起他們繼續(xù)瀏覽的興趣。比如在一個電商網(wǎng)站中，用戶可能對當前訪問的這個商品不滿意，但是他還想看看同類的其他商品，這時候面包屑導航就可以告訴用戶同類產(chǎn)品的鏈接。這樣可以很好地降低用戶的流失率。
seo教程自學網(wǎng)總結(jié)的面包屑導航具有以下優(yōu)化優(yōu)點：
減少不必要的步驟
面包屑導航最實用的一點便是可以幫助用戶更快地訪問上級網(wǎng)頁，無需借助瀏覽器的“返回”按鈕和頂級導航欄。
占用空間少
面包屑導航僅由文本和鏈接組成的一行內(nèi)容構(gòu)成，因此占用的頁面空間非常小。這樣的好處是當內(nèi)容過載時它的功能也不會受到影響。
用戶體驗很好
用戶可能會忽略這個小控件，但是他們從來不會誤解或在使用上遇到問題。
三：怎樣正確優(yōu)化面包屑導航？
seo教程自學網(wǎng)建議：評價一個網(wǎng)站是否適合于使用面包屑導航的最好方法便是將網(wǎng)站的結(jié)構(gòu)畫出來或者以圖表的形式呈現(xiàn)出來，然后分析使用面包屑導航是否會幫助用戶更方便地切換到不同類的網(wǎng)頁。
什么時候用：你的網(wǎng)站結(jié)構(gòu)是嚴格的線性結(jié)構(gòu)或者是預先分好組（類）的層級結(jié)構(gòu)。比如電商網(wǎng)站的結(jié)構(gòu)就是層級結(jié)構(gòu)，包含了按類別分好組的大量商品頁面。
什么時候別用：你的網(wǎng)站結(jié)構(gòu)是單層或者不是分好組（類）的層級結(jié)構(gòu)。
四：面包屑導航優(yōu)化有哪些分類？
seo教程自學網(wǎng)總結(jié)如下：面包屑導航分為基于位置的面包屑導航、基于路徑的面包屑導航和基于屬性的面包屑導航。
1：基于位置的面包屑導航優(yōu)化
基于位置的面包屑導航可以表示網(wǎng)站的結(jié)構(gòu)。它可以幫助用戶理解并訪問你的網(wǎng)站各個層級的內(nèi)容。這種面包屑導航對于那些從外部（如搜索引擎）直接訪問深層位置的用戶來說尤為重要。
在下面這個例子（BestBuy網(wǎng)站）中，每一個鏈接都代表一個頁面，從左至右逐級深入。
2：基于路徑的面包屑導航優(yōu)化
seo教程自學網(wǎng)認為基于路徑的面包屑導航展示了用戶訪問的完整軌跡。這種面包屑導航通常是動態(tài)生成的。有時候它們會有幫助，但是多數(shù)情況下它們會讓用戶感到困惑。用戶通常會在各個頁面之間跳來跳去，這時候記錄下來的路徑就會非常復雜，還不如瀏覽器的“返回”按鈕更加實用。而且，對于從外部直接訪問的用戶來說基于路徑的面包屑導航就完全沒用了。
下圖是一個基于路徑的面包屑導航，展示了到達相同頁面的不同路徑。
3：基于屬性的面包屑導航優(yōu)化
基于屬性的面包屑導航會將特定頁面的類別列出來。比如電商網(wǎng)站就會列出來常用商品分類。這種面包屑導航可以幫助用戶了解產(chǎn)品之間的聯(lián)系，同時提供了不同的訪問方式。
如下圖所示，在TM Lewin網(wǎng)站中，面包屑導航展示了商品的不同屬性
五：應該用哪個更合理的面包屑導航優(yōu)化樣式？
seo教程自學網(wǎng)建議使用面包屑導航的原則是展示網(wǎng)站的結(jié)構(gòu)而不是用戶的訪問歷史。因此，盡量使用基于位置和屬性的面包屑導航而不是基于路徑的。
最佳實踐
六：使用面包屑導航優(yōu)化的時候需要注意的點：
seo教程自學網(wǎng)認為不要用面包屑導航來替代頂級導航
我們應該將面包屑導航視為一項附加功能，不能用它來替代高效的頂級導航菜單。它很方便，但是僅僅作為訪問網(wǎng)站的一個備選方式，而不是唯一方式。下圖的例子是蘋果的官網(wǎng)，在頁面底部添加的面包屑導航對頂級導航起到了輔助的效果
1：不要給當前頁面的導航文字添加鏈接
面包屑導航的最后一項可以表示當前頁面也可以表示當前頁面的上一級。如果你想用當前頁面的話，切記不要給這個項目添加鏈接，因為用戶已經(jīng)處于這個頁面了，再添加指向當前頁面的鏈接是沒有任何意義的。
2：面包屑導航優(yōu)化使用分隔符
面包屑導航中最簡潔明了的分隔符便是大于號“>”。通常大于號用于基于位置的面包屑導航，以“父類>子類”的形式表示導航項目之間的層級關(guān)系。除了大于號以外還可以用向右箭頭“→”，雙大于號”>>”和斜線”/”。到底使用哪個取決于導航的類別和視覺效果。
3：面包屑導航優(yōu)化設(shè)置合適的大小和padding屬性
在設(shè)計的時候要謹慎考慮導航菜單的大小和padding屬性。在每一個項目之間必須有充足的間隔，否則用戶理解起來會有問題。同時你希望面包屑導航不會搶了其他主要部分的風頭，因此你需要讓它看起來比頂級導航要低等一些。
4：不要讓面包屑導航優(yōu)化看起來很突出
不要使用花哨的字體和亮色，這樣會違背使用面包屑導航的初衷。設(shè)計面包屑導航的原則是它不能是頁面加載后最吸引用戶的內(nèi)容。下面這個例子中的面包屑導航雖然效果不差，但是太吸引用戶的目光，可能會分散用戶的注意力，使其更加關(guān)注面包屑導航而不是頂級導航和頁面的主要內(nèi)容。
谷歌就沒有讓面包屑導航很顯眼，但是用戶可以很方便地發(fā)現(xiàn)并使用它。
5：不要在移動端網(wǎng)站上使用
seo教程自學網(wǎng)提醒seo優(yōu)化人員注意面包屑導航在移動端的體驗并不好，尤其是在層級比較復雜的網(wǎng)站中。而且，你會發(fā)現(xiàn)在在移動端上設(shè)計面包屑導航會遇到很多問題。因此，你需要盡可能地簡化你的網(wǎng)站結(jié)構(gòu)，如果簡化之后仍較為復雜，那么最好就不要用面包屑導航，畢竟它不是主要功能。
