振宇網頁設計公司
關於振宇 網站設計作品 網站排名 線上洽詢
麵包屑型網頁設計架構
作者 Sunming   
2011/01/04

在童話故事“漢澤爾和格雷特爾”中,當漢澤爾和格雷特爾穿過森林時,他們在沿途走過的地方都撒下了麵包屑,讓這些麵包屑來幫助他們找到回家的路。 雖然這只是一個孩子們的童話故事,但它卻蘊涵了多種含義。

實際上,網站設計者亦可從中受到啟發:以層層漸進方式呈現該網頁在整個網站架構中所處的位置,從而為用戶提供清晰分明的網站導覽,或者說在結構上縱深的網站應該採用這種「麵包屑型」結構,以足跡的方式呈現用戶走過的路徑。

我就見過這樣的網站,只有主頁上有產品的內部頁面鏈結,所以無論進入哪一個內部頁,若想進入別的頁面則必須先回到主頁。象這樣的一個站點,又如何指望使用者來買他的產品或成為潛在客戶呢? 

「麵包屑型」架構讓用戶對他們所訪問的此頁與彼頁在層次結構上的關係一目了然。這種網站結構的其中一個最明顯的特性體現莫過於返回導覽功能。

試想一下,無論訪問者是通過搜索引擎還是別的什麼鏈結進入了某個購物的網頁,而這個網頁中又沒有提供我們所說的「麵包屑型」返回導覽,當使用者想回到上一層頁面尋找其他類似產品時,只能通過流覽器裏的Back功能原路返回。 但是如果有了「麵包屑型」返回導覽,情況就會變得大大不同。

返回導覽不僅可改善網站的實用性,同時亦可提高網站對搜索引擎的友好性。網站的實用性對所有網站來說都是一個非常重要的因素。但遺憾的是,卻並不是所有網站設計者都能夠明白這一點。而一旦這一點無法在網站設計中得以貫徹和體現,那麼網站的整體性能就不能不讓人堪憂了。

例如購物網頁,當使用者發現東西不夠滿意,他就可以快速回到上一層或直接進入產品目錄去尋找其他的類似頁面或產品。 這一點對搜索引擎來說也不例外。

提供良好的返回導航連接可幫助搜索引擎更好地檢索整個網站。此外,「麵包屑型」導航連接中的鏈結文字還可以增進鏈結頁的搜索引擎排名。

網站的導航結構極之重要。應保證使用者能夠通過主站點導航到達網站的每個主要頁面, 而次要一些的頁面又可以通過訪問這些主要的頁面來進入,並提供返回上層頁面功能。

但沒必要把在每個頁面上都放上網站的每個鏈結。這些規則雖則簡單,但卻不僅能為網站的實際訪問者,同時還會為搜索引擎提供更好的體驗。

除此之外,良好的網站導航還應對使用者“透明”,即使用者能夠在網站中來去自如,但又無須經過層層的固定順序。換言之,可使用平行或互動方式輔助網站導航的線性流程安排。

成功的網站是將主控制權交給對網站的使用者,而不是抓著不放,企圖控制使用者流覽的自由。若非如此,則網站顯然喪失了對使用者的友好性。

實際上,網站設計者亦可從中受到啟發:以層層漸進方式呈現該網頁在整個網站架構中所處的位置,從而為用戶提供清晰分明的網站導覽,或者說在結構上縱深的網站應該採用這種「麵包屑型」結構,以足跡的方式呈現用戶走過的路徑。 

返回導覽不僅可改善網站的實用性,同時亦可提高網站對搜索引擎的友好性。網站的實用性對所有網站來說都是一個非常重要的因素。但遺憾的是,卻並不是所有網站設計者都能夠明白這一點。而一旦這一點無法在網站設計中得以貫徹和體現,那麼網站的整體性能就不能不讓人堪憂了。

「麵包屑型」架構讓用戶對他們所訪問的此頁與彼頁在層次結構上的關係一目了然。這種網站結構的其中一個最明顯的特性體現莫過於返回導覽功能。

例如購物網頁,當使用者發現東西不夠滿意,他就可以快速回到上一層或直接進入產品目錄去尋找其他的類似頁面或產品。 這一點對搜索引擎來說也不例外。

試想一下,無論訪問者是通過搜索引擎還是別的什麼鏈結進入了某個購物的網頁,而這個網頁中又沒有提供我們所說的「麵包屑型」返回導覽,當使用者想回到上一層頁面尋找其他類似產品時,只能通過流覽器裏的Back功能原路返回。 但是如果有了「麵包屑型」返回導覽,情況就會變得大大不同。

成功的網站是將主控制權交給對網站的使用者,而不是抓著不放,企圖控制使用者流覽的自由。若非如此,則網站顯然喪失了對使用者的友好性。

我就見過這樣的網站,只有主頁上有產品的內部頁面鏈結,所以無論進入哪一個內部頁,若想進入別的頁面則必須先回到主頁。象這樣的一個站點,又如何指望使用者來買他的產品或成為潛在客戶呢?

提供良好的返回導航連接可幫助搜索引擎更好地檢索整個網站。此外,「麵包屑型」導航連接中的鏈結文字還可以增進鏈結頁的搜索引擎排名。

網站的導航結構極之重要。應保證使用者能夠通過主站點導航到達網站的每個主要頁面, 而次要一些的頁面又可以通過訪問這些主要的頁面來進入,並提供返回上層頁面功能。

但沒必把在每個頁面上都放上網站的每個鏈結。這些規則雖則簡單,但卻不僅能為網站的實際訪問者,同時還會為搜索引擎提供更好的體驗。

除此之外,良好的網站導航還應對使用者“透明”,即使用者能夠在網站中來去自如,但又無須經過層層的固定順序。換言之,可使用平行或互動方式輔助網站導航的線性流程安排。

最後更新 ( 2011/01/04 )
相關文章
更多網頁設計教學

網站設計 FAQ

網站架構圖及設計流程

More...

網頁設計包括哪些費用?

More...

網站建置需要多少時間?

More...
預算有限,想先體驗網路行銷的效果嗎?
More...
如何讓商機源源不絕而來?
More...
我需不需要自行架設主機呢?
More...
什麼是網域名稱(網址)?什麼是虛擬主機(網站空間)?
More...

RUS Website Design 瑞宇.台中網頁設計公司  Copyright © 2004 振宇網頁設計 All rights Reserved.  線上詢價
振宇首頁關於振宇設計作品線上洽詢常見問題新聞時事網頁設計教學友站連結網站地圖  免費交換連結
回到首頁 聯絡振宇