DIV CSS 佈局教程網

網站導航系統對與幫助用戶迅速找到所需要的內容來說非常重要，除此外對與搜索引擎理解該網站有哪些重要內容同樣重要。雖然google的搜索結果都是指向每一個特定的頁面，但google同樣也會智能的去判斷該頁在整個網站結構中到底處於什麼地位。那麼我們該如何去設計一個導航系統呢？

從主頁開始設計你的導航結構

所有網站都會有它的主頁或者“根”頁面。這種頁面往往是用戶訪問最多的，也是用戶檢索和浏覽該網站的起始點，除非你的網站中就只有幾個屈指可數的頁面，否則我們就該考慮一點，如何把用戶從主頁面或者“根”頁面引到有特定內容的頁面中，比如你是否考慮過把同一話題的頁面建立專題？網站中商品是否過多，而需要用逐層分類的方法來更有條理地展示？

上圖為某網站的目錄結構

使用“面包屑”導航模式方便用戶定位

“面包屑”導航是之在網頁頂部或者底部放置的一排內部鏈接，面包屑導航的作用是告訴訪問者他們目前在網站中的位置以及如何返回。

“面包屑”導航

預先考慮用戶可能會截取部分URL的情況

除上面所說以外，我們還需要考慮到用戶的某些行為，例如，用戶需要浏覽某頁面上級頁面時，他可能會並不適用導航鏈接，而是憑自己的判斷去掉URL中屬於文件結構中底層的那一部分，從而來訪問更多的內容。比如他正在訪問http://www.***.com/bk/201102/13242.html這個頁面，然後他可能會嘗試輸入http://www.***.com/bk/201102/這個地址來查看2011年2月份的一些內容，這時我們就應該考慮是否允許他浏覽上層目錄，還是只返回一個404頁面。

用戶可能可能截取url的一部分以求訪問上一級目錄。

准備2份網站地圖分別給用戶和搜索引擎

HTML網站地圖：

網站地圖是我們用來展示網站結構的頁面，他將所有網頁以層級式列表的方式提供給用戶，用戶有時也會通過網站地圖來尋找特定的頁面，特別是無法通過主頁導航找到所需頁面的時候，它的主要目的是方便用戶，同時也可以使搜索引擎對網站頁面更全面的抓取。

XML網站地圖：

除此外我們可以通過google 網站管理員工具提交我們的XML網站地圖，來讓google更容易的發現來抓取我們網站上的內容，除此之外她還有一個好處，那就是可以利用它來選擇想使用的首選域，只不過只在google中慣用。

通過上面4種導航的設計方法，可以使你的網站更加利於用戶浏覽和搜索引擎檢索，當然有什麼不全的地方希望可以給我提出。

感謝 太原網站建設 的投稿