導航欄是指位於頁面頁眉區域的一排水平導航文字或圖片按鈕，或者是位於頁面左邊或右邊的一排導航文字或圖片按鈕。它起着鏈接B2B行業網站各個欄目的作用，或者鏈接一級欄目下面許多二級欄目的作用，讓訪問者能方便、快速的找到自己所需要的內容和功能。
B2B行業網站的導航欄與其他網站的導航欄基本一樣，不過還是有一些區別。本文作者李學江認爲：判斷一個B2B行業網站的導航欄是否符合要求，可以多參考一些大網站，比如新浪、騰訊、知名的B2B行業網站等，他們在設計的時候大部分還是遵守了網站建設的標準，下面講解一些基本標準，以供我們在判斷設計師的設計是否合格時作爲參考。
1 首頁導航欄的色調與網站主色調應儘量保持一致
對於B2B行業門戶網站來講，大部分網站的欄目都比較少，採用的是一排導航，就免不了採用背景顏色或圖片作爲背景，儘量採用網站主色調的色系作爲背景色或圖片顏色。因爲導航欄比較顯眼，同色系往往能讓網站看起來更有條理，不亂。
圖（31） 阿里巴巴首頁導航欄與主色調一致
當然也不是絕對的，比如一級欄目的導航條，就不一定要與首頁導航欄一樣，每個一級欄目可以有自己的主色調，導航條就可以與首頁不一樣。
![]()
圖（32） 阿里巴巴服裝服飾頻道用紅色爲導航欄背景色
2 導航欄的顏色要商業化、高度要合適、要處於重要位置
見過很多設計看起來很差的網站，導航欄往往有這樣幾個特點：顏色不夠商業化，比如太髒、太粉、太女性化等，不具有商業化網站應有的顏色，簡潔、大方的風格；高度不是太高就是太低，處理不夠適當，作爲網站的導航欄，要比其他的標題欄的高度更高，字體要大一些，要加粗，要更突出，但是不能太大；看起來太粗糙，不夠精緻。關於導航的欄的詳細設計方法，我在《B2B行業門戶網站設計開發實戰研究報告》第三章第6節“導航欄設計的技術標準與優秀導航欄賞析”裏做了非常詳細的介紹。
3 不能在一級導航欄上採用下拉菜單
在企業網站設計中，可採用下拉菜單，但是在B2B行業網站設計中，絕對不能使用。因爲這樣的導航欄也許很酷，也很方便，但是對搜索引擎優化不利，而且B2B行業網站很多時候分類很多，使用這樣的下拉菜單很不適合。
4 導航欄要儘量嚴肅一些，不能太個性化、太花哨
在企業網站的設計中，我們要保證頁面的效果，常常使用FLASH、JS來製作導航欄，使導航欄有很多動態的效果。比如鼠標放上去的時候變色、運動，比如使用看起來很不商業化的圖片作爲導航欄背景，在導航欄上加太多卡通的圖標等，都不符合B2B行業網站嚴肅、簡潔、大方的特點。
5 網站導航欄對網站收錄及優化的影響
網站導航欄是網站最主要的入口。在內容設置上，應該一目瞭然地把網站的主要內容體現出來。用戶訪問瀏覽時，可以很快地找到自己想要的內容。而搜索引擎蜘蛛訪問時，也可以非常方便地順着導航目錄，一層層地訪問收錄網站的各級網頁。導航欄是網站的一級標題，內容非常重要。如果導航欄名稱能包含關鍵詞，就更是錦上添花了。
不要使用圖片或按鈕，有的網站，一味追求美觀，在導航欄使用按鈕或圖片。使用圖片或按鈕，不利於蜘蛛訪問和收錄。導航欄上的文字，最好都使用文本，可以把按鈕或圖片作爲背景，就解決了。導航欄的標題字體，在網頁上比別的內容應該大一些，一級導航欄的話，字體要加粗，還不要使用不易辨認的少見字體，關於B2B行業網站設計對B2B行業網站推廣的影響，我在《B2B行業門戶網站推廣實戰祕籍》第二章做了非常詳細的介紹。
6 部分B2B行業網站優秀導航欄舉例
以下是收集的部分優秀B2B行業網站的導航欄，供大家參考。
![]()
圖（33） 食品招商網首頁導航欄
圖（34）卓創資訊網石油頻道首頁導航欄（以產品作爲導航，是特殊行業的導航方式）
圖（35）中國化妝品網資訊頻道二級欄目導航欄
![]()
圖（36）中國建材第一網招商頻道導航欄
圖（37） 中國鋁業網行情頻道導航欄、
本文原創作者：李學江，歡迎交流指導及諮詢，QQ：2803899179。