2016-10-9 ui設計分享達人
藍藍設計( www.gyxygd.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
提到網站SEO優化，我們首先想到的是“一個中心，兩個基本點”，而訪問一個網站，我們首先會去關注的是這個網站的導航，一個網站的導航就好比是一本書的目錄，具有檢索功能、報道功能、導讀功能，通過網站的導航我們就可以了解到這個網站的主題和定位，具有引領讀者的作用，由此看來網站導航在SEO優化網站有著舉足輕重的地位。
將導航放置何處，以何種方式展現，這都是不容忽視的，無論是水平布局還是垂直布局，都要盡量滿足用戶使用習慣，水平式導航菜單的好處是明顯，清晰可見，大家都會知道導航條在上方，而且不是那么占據空間，而垂直的導航菜單可以兼容不同的屏幕尺寸。
說到網站的導航，究竟網站中包含了那五大導航，這五大導航在SEO優化網站中究竟又有什么作用？接下來，SEO論壇就結合一下SEO優化知識來給大家一起探討網站中的五大導航。
1、主導航
一個導航必須可以告訴用戶自己所瀏覽的欄目是什么，同時在分不清次導航的情況下對自己所處的位置也有個了解，不管怎么說，主導航是網站的主體，同時也是能否讓用戶停留在網站中的關鍵所在，所以覺得好好設置主導航是網站優化中必須做好的第一步。
（1）、主導航的作用
網站主導航位于網站最上面，通常網站的主導航主要包括網站的首頁和產品新聞欄目及各個單頁面的導入鏈接。
從用戶體驗度的角度來看：一般情況下，導航上的欄目或單頁面，是這個網站中最主要的、必不可少的內容，也是SEO站長希望除了首頁外，最希望別人點擊進入的一些頁面或想要別人了解的一些信息。
從搜索引擎優化的角度來看，網站的主導航位于SEO優化網站中F區的最重要的部位，是搜索引擎蜘蛛檢索最看重、權重較高的一個位置，同時在網站的主導航上還布局了產品新聞欄目及各個單頁面的導入鏈接（各個二級欄目間的回流設置），是設置整個網站回流的最核心的部分。
所以，不管是從用戶體驗度上考慮還是從搜索引擎優化的角度考慮，網站的主導航都是一個網站中必不可缺少的一部分。
（2）、主導航的優化設置
首先主導航其實就是咱們常說的菜單欄，這個導航條在網站中占據的位置是整站除了網站標題之后最重要的，它既要提供給搜索引摯網站有哪些內容，同時也要讓用戶知道網站做的內容有哪些。
對于主導航咱們需要從兩方面來對其分析看看如何做優化設置：
①、從搜索引摯方面，主導航必須是純文字形的，而且不能帶任何的修改代碼，特別是以圖片、FLASH、JS代碼、框架代碼作導航的是要不得的，同時主導航中的相關欄目都應該前后具有相關性，千萬不要前面的是減肥的，后面是豐胸的，不相關的導航欄目并不能提升關鍵詞排名。
②、從用戶瀏覽的方面分析，首先咱們需要弄清楚用戶需要什么的樣導航，導航呈現的形式如何，顏色的搭配是否合理，是否刺眼等。
2、副導航
提到副導航，我們都知道是相輔于主導航的導航，通常網站是沒有副導航的，只有在網站主導為圖片的情況下，才會在網站底部加上副導航。
（1）、副導航的作用
只所以在首頁增加網頁副導航，是為了方便用戶更直接的找到自己想要看的產品，當然還有一個目的就是網頁副導航可以增加相關關鍵詞的密度，有利于自己網站的關鍵詞排名，但是很多人往往把副導航給忽略了，而細節的考慮，更沒人去注意了。
副導航使用的目的主要是從搜索引擎優化的角度考慮的，輔導航主要由主要欄目、單頁面及網站內的一些重要頁面的錨文本鏈接組成的，這樣不僅有利于引導搜索引擎蜘蛛對網站內這些重要頁面的抓取，同時副導航也是網站回流的一部分，是SEO優化網站中重要的組成部分，一個網站可以沒有副導航，但如果有副導航就如同錦上添花，更加有利于網站優化，提升網站關鍵詞排名。
（2）、網站副導航在左邊比較好？還是右邊好？
按照國人的瀏覽習慣，SEO論壇建議站長在進行網站建設的時候，把產品的副導航放置在左邊，為什么會放置在左邊呢？其實，這主要是根據訪客的瀏覽習慣，像WordPress的一些欄目都在左側，這可能跟國外客戶的瀏覽習慣有關，就像過紅綠燈一樣，國人都是遵循靠右邊走的原則，而國外有些國家過紅綠燈的規則是靠左邊走的。
有人會有疑問，你為什么就這么肯定國人的瀏覽習慣是靠左邊的呢？其實，我們還可以借助工具分析下用戶瀏覽行為，以及用戶點擊行為，我相信很多做美工的朋友，應該更能體會副導航條到底是放在左邊還是放置在右邊比較好。
給大家提供一個百度統計里面的工具：百度熱力圖，這個可以看出你網站的頁面，哪個地方鼠標點擊去區域比較密集，估計很多人都沒有用過。
（3）、產品類別多的話，如何設置欄目副導航？
有的企業產品類別很多，這個時候應該如何設置副導航欄目呢？給大家提供兩種常見的方法：一種是我們只在首頁副導航寫上產品的大類別，就像我這篇文章里面第一幅圖片一樣，把一個類別按照一個系列來劃分，當用戶點擊垃圾桶系列的時候，我們在欄目頁在進行詳細分類，比如下面這個賣垃圾桶的，他就是在首頁只放置了大類別的，而欄目頁按照材料進行了詳細劃分。
這種分類相對來說還是比較清晰明了的，用戶可以按照一些垃圾桶的材料進行選擇自己想購買的產品，而右邊的序號，用戶只要報出什么類別的那個號，銷售人員就能大概知道是哪個垃圾桶了，非常有利于用戶體驗。
另一種，可以直接在首頁做成下來菜單那種形式的，鼠標放到大類別上面自動出現相關下屬的小類別，或者做成京東這種樣式的，點擊大類分別出現不同的小類，如下圖所示：
其實網站建設中有很多細節都是需要注意的，我們整天說用戶體驗，但是很多做網站還是沒考慮到訪客的體驗，只是按照葫蘆畫瓢，沒有加入一些有利于用戶體驗的細節，這其實都需要網站策劃或者負責人的網絡公司應該做的。
3、面包屑導航
面包屑導航在SEO優化網站中的地位雖不及主導航，但是它在網站的重要性也是不容忽視的，我們都知道，網站主導航是在多個欄目頁面之間切換，主要包括各個二級欄目（產品欄目、新聞欄目）及優化網站內重要頁面（單頁）間的切換，而面包屑導航主要是首頁、二級目錄和三級目錄之間的相互切換，比如首頁-新聞欄目-新聞詳細頁面，將每一級都寫成錨文本了解形式，這樣一來不僅提升了用戶體驗度（用戶就會知道自己當前所處的位置，方便用戶的流量），同時也有了搜索引擎的抓取，也讓搜索引擎蜘蛛了解你SEO優化網站的結構。
分類頁上面的面包屑導航相對來說優化設置比較容易，只要把分類欄目跟首頁連在一起就行了，而且分類頁的面包屑導航一般都是由一而終的，就是不管你翻多少頁，次導航的內容都一樣的，那對于內容頁的面包屑導航咱們應該如何做呢？
（1）、導航最后一層不要設置回鏈，畢竟這是最底一層了，設置回鏈對優化不利，有為優化而內鏈的嫌疑。
（2）、導航前面兩層都應該設置超鏈接指向相應的頁面，這樣方便用戶通過次導航就可以返回上一層。
（3）、導航不得加H標簽，一些站長喜歡在這里加上H標簽來聚集網站權重，其實是弊大于利。
4、底部導航
一般程序都不會自帶底部導航的，大部分擁有底部導航的原因是站長為了增加關鍵詞密度及提示用戶可以通過底部導航返回相應的欄目而設置的，當然設置了底部導航并不是說對SEO優化不利，只要設置正確了，其效果還是有的，那么咱們應該如何做優化設置呢？
就如某某博客的底部導航的設置方法，在底部導航中，如果不是為了SEO優化而設置的，那么首先要在鏈接中加上NOFOLLOW標簽，告訴搜索引摯不要爬行這些鏈接，因為咱們是為了方便用戶而設置的；如果為了優化而設置的那就不要加NOFOLLOW標簽了。
一般底部導航應該放一些自已認為有必要的欄目關鍵詞，如聯系我們、免責聲明、版權所有之類的就不要設置了，放這些到底部導航既浪費地方，而且對于用戶和SEO優化都沒有任何的幫助，盡量的把自己認為重要的，需要重復提示的內容放到底部導航，既可以告訴搜索引摯哪些是重點，同時也讓用戶可以在瀏覽到頁腳時快速的返回到相應的頁面。
對于底部導航的優化設置，首先需要一定量的數據分析，因為這個用得好對SEO幫助非常有用，然后根據網站的特點來設置，盡可能的把底部導航用在一些需要重要提醒的地方。
5、網站地圖導航
提到網站地圖，我想各位SEOer們可能都會想到sitemap.html、sitemap.xml、sitemap.txt的網站地圖，這些網站地圖的制做，是有利于搜索引擎抓取的，也是我們將網站提交給百度、谷歌、雅虎各大搜索引擎的檢索的重要文件。
而在這里我想說的網站地圖是指一個包含整個網站頁面的單頁面，這個單頁面通常是需要我們手動添加的，但是這個頁面就如同橋頁需要我們針對這頁面操作頁面外鏈，并且要在整個網站中的其他頁面也布局這個頁面的鏈接，均衡這個頁面中的導出鏈接。
網站地圖中包含了整個網站中的所有頁面，這樣更加的有利于搜索引擎的抓取和檢索，有利于網站的優化。
以上的五個導航就是SEO優化網站中的五大導航。希望各位SEO站長們能夠合理的布局好這五個導航，通過這五個導航將整個網站銜接在一起，使整個網站活起來，讓整個網站的性能得到更大的提升，從而在搜索引擎中獲得更好的排名。
結語：導航菜單可能是網頁設計中最重要的部分了，每個用戶瀏覽網站時一定有所需，因此導航菜單能夠幫助用戶尋找信息，好的導航菜單像是導游，告訴用戶網站是干什么的，內容分類有哪些，在哪里可以找到什么信息。
一個導航的優化設置是否處理得好，不但影響著SEO優化的效果是否最大化，同時對于用戶體驗而言也是非常重要的，所以說，把網站的所有導航都設置好，并做好優化處理，在搜索引摯和用戶方面都可以獲得不少的印象分。
（注：本文來自網絡，版權歸原作者所有）
