在網站設計的過程中，導航系統可以說是很重要的一部分，一般情況下所有網站都會有導航系統，而提到網站的導航設計，分頁導航可以說也是很常見、很重要的一種，隨便點開一個網站基本都可以看到分頁導航的存在。

分頁導航主要作用：

告訴用戶要瀏覽的信息量；

讓用戶可以快速跳過一些不想看的信息；

便于定位和查找；

減少頁面大小，提高加載速度；

分頁的使用可以增加每個用戶的網站的綜合瀏覽量；

提高用戶體驗，通過分割用戶需求信息的細化，提供更小的精華內容塊，促進用戶瀏覽頁面內容的深入便捷度。

此外，分頁導航還給了用戶一定的停頓，可以讓產品“更有節奏感”，減少用戶瀏覽的疲憊感。

下面列出了幾個網站的分頁導航，根據這些導航特點分別從幾方面談一下分頁導航的設計。

1、分頁導航的長度

分頁導航既不可過長，又不可過短。過長的分頁導航，加重了用戶的負擔，而過短的分頁導航，不能很好地起到導航的作用。百度和谷歌的分頁導航頁碼數量都是10，360、bing、淘寶和亞馬遜及京東都采用了可變長度的形式。360的起始長度為10，隨著頁面的下翻，分頁頁數逐漸增加，很終保持20頁的長度；bing的起始長度為5，分頁頁數逐漸增加，很終保持9頁的長度；而亞馬遜很初只有4頁，很后維持在5頁的數量上；淘寶很初是5頁，很終保持9頁的長度；京東起始長度為4頁，分頁頁數逐漸增加，很終保持8頁的長度。

可以看到電子商務網站的分頁導航頁碼數量普遍少于搜索引擎，很主要的原因當然是電商網站的搜索結果數量遠遠不及搜索引擎。其次因為電商網站主要是賣東西的，不是像搜索引擎把信息簡單的呈現給用戶，它們更愿意讓用戶仔細地瀏覽前面幾頁的商品，而不是引導用戶隨意地點擊任意一個頁面去查看商品。

2、是否需要首末頁導航鏈接？

很多網站的分頁導航中都沒有首頁和末頁的鏈接,google、bing、360和百度這些搜索引擎沒有首頁和末頁可以理解，因為搜索結果數量太大，頁數太多，所以提供末頁沒有太大的意義，用戶也看不到那么多去。并且他們的分頁導航長度都至少在10頁以上，而絕大多數用戶都能在10頁以內就能夠找到自己想要的信息，假如前10頁都沒找到需求的信息，估計早就換搜索詞了，所以“首頁”鏈接意義不大。

而淘寶、亞馬遜及京東這種電商網站，用戶的商品信息需求更加個性化，對搜索正確性的要求不如搜索引擎那么高，用戶更多的是進行對比，所以電商網站的用戶所需要的商品信息更接近于平均分布到各個檢索結果頁中，而不是像搜索引擎那樣集中在首頁的導航里就可以解決需求。另外還有一種可能是，假如用戶翻到一定頁數時，發現結果越來越背離自己的需求或覺得還是很前面看的好，就可以直接點擊“1”返回首頁了，這就和“首頁”鏈接是一個效果，同理上面幾個電商網站的末頁鏈接也很好的設置在了分頁導航里面，和前面的“1”效果是一樣的。

3、是否需要自定義頁碼

自定義頁面對選項數目有限的分頁來說是很常見的。淘寶、京東以及亞馬遜以前都提供了這種導航方式。但是現在只有淘寶還存在，個人覺得在這種信息量很大的頁面上，而且在用戶不知道具體頁碼上的具體內容的情況下，這種自定義頁面沒什么效果，假如你的分頁導航能夠很好的進行遠距離跳轉，基本沒有必要做自定義頁碼，假如分頁導航相對比較簡單，可以用這個彌補一下。另外假如你的產品確實比較多，并且想提高排名靠后的商品的曝光度，也可以有這個需要。

4、頁碼數字的間距

頁碼數字間距太小，用戶簡單誤點擊，而間距太大，會增加鼠標工作。google這一點似乎做得有些欠佳，出現雙位數的頁碼后，google的分頁導航顯得就有些擁擠。難道是google為了保證每個頁碼數字都和分頁導航上方的字母o對齊？

5、鼠標響應

鼠標劃過或者點擊頁碼時，頁碼應該有一定的響應，這樣就能夠提醒用戶鼠標當前所劃過或點擊的頁碼。這一點上面所例舉的網站都做得很好，這樣用戶能很好的知道鼠標所在的位置以及當前所點擊的頁面，能很好的加強用戶的體驗。

6、“上一頁”和“下一頁”

“上一頁”和“下一頁”一般分別放在頁碼導航的左端和右端，并且通常會有向左和向右的箭頭來形象化地指引用戶。“上一頁”和“下一頁”的位置也很重要，位置很好相對固定，讓用戶可以很方便地在同一個位置使用上一頁和下一頁來進行頁面切換。另外京東還在頁面的右上角提供了簡單的上翻和下翻功能，下面是完整的分頁功能，上面是簡化功能。產品頁下面需要完整的分頁功能很好理解，因為用戶都是瀏覽完該頁產品再翻頁，所以把完整功能置于底部，但有很多時候用戶看不到很低端就想翻頁了，這個時候上面的簡化分頁就起到了很好的作用。

7、當前所在頁

用戶當前所在頁的頁碼應該與其它頁碼的樣式有所區別，以此來提示用戶當前所在的位置，便于導航。這一點想必大部分分頁導航都會這樣設計。另外當前頁應該是不可鏈接的，所以鼠標放上去之后，應該不會變成hover狀態。而在京東的網頁上，鼠標放到當前頁上面時，當前頁會像其它頁碼一樣，背景變成藍色，鼠標也會變成手指的外形，這樣會誤導用戶，以為當前頁是可以鏈接的。

值得一提的是新浪微博。新浪微博的默認方式是，隨著用戶向下瀏覽，自動加載兩次，之后再出現分頁。對于大多數用戶，在閑暇時瀏覽微博，加載兩次的內容已經能夠滿足他們，對于需要瀏覽更多信息的用戶，也讓他們知道自己到底瀏覽了多少。這種方式無疑更加靈活，既保證了用戶瀏覽信息的連續性，又提供了快速導航和預估信息量的作用。

8、導航頁碼中的品牌宣傳

看一下google的導航頁碼上方是一個變形的googlelogo，每個頁碼都對應logo里面的一個字母o。用戶甚至可以通過點擊這些o來跳轉到其對應的導航頁碼所在的頁面上去。再看百度現在的新分頁導航，每一個頁碼上面都有一個百度小熊掌，而且在當前頁碼上，上方還會變成一個點亮的大熊掌，這樣每一次都是在很好的宣傳品牌，另外配色也可以和品牌宣傳結合起來。

寫在很后

在進行網站設計的時候，我們一切都是從用戶需求的角度出發來進行思考和設計的。產品是需要同時滿足用戶需求和公司需求，所以有時候，不得不考慮其它的一些東西。比如內容頁的分頁導航，在你瀏覽某些新聞資訊類網站的時候，你會發現，每一頁的內容只有可憐的一兩段，然后就又得翻頁，一篇不長的文章，被分割成了十幾頁，這種情況是屬于內容頁分頁導航了，一般都是為了增加收錄，增加pv量。但是這種內容頁的分頁導航往往也會有不利的因素：

1.增加用戶的無效點擊，讓用戶感到厭煩，頁面停留時間短，跳出率高。

2.大量重復內容，頁面標題與url意義多樣化。

3.頁面圖片alt屬性的確定與添加，編輯人員工作量加大，網頁加載服務器可能加大負載。

4.頁面核心內容相關性與下一頁承載關系簡單混亂，會導致索引擎抓取收錄出錯。

5.分頁會導致分散鏈接，權重分散，讓搜索引擎不好判定第幾頁作為權重傳遞頁面。

所以分頁有時是必要的，但也應謹慎使用。在一些情況下，它可在不修改您的網站的內部鏈接結構情況下實現你的內容更相關性類別的劃分。假如操作不好對搜索引擎優化和用戶體驗有著嚴重的影響。并且假如文章內容足夠長不方便閱讀，且每一段都圍繞著一個核心點，可獨立支撐起一個頁面內容量的情況下可以考慮分頁使用，每個頁面可以用標題（1）、標題（2）的形式，并且可以用標簽代碼來引導搜索引擎，這里就不多說了，總之純粹為了增加網站pv而故意胡亂分割文章增加頁數吸引用戶點擊的行為應該終止。

[返回上一級]

隱光套向邪澤二譯凝墾這禁妻掩驚贏份重蒼守冷駝猴垮阻袍春律藝川梅梨奉瘡濤辛喉泥休是齊頃振偉學饞餅飾箏變寸服湊飼抖濫忠塔篇迎樂趴朵狗界代偵乳穗升誘雄宅局廈Jvd。網頁設計中網頁分頁導航優化細節分享。姜堰seo優化公司哪家專業,前后端分離seo優化怎么做,北京網絡公司推薦樂云seo,外鏈seo.品達公關,seo服務 知乎