close

如果你完全熟悉漢瑟和格雷特的故事,你就會知道他們會用麵包屑標記自己的路,這樣他們就能找到回家的路。 它不適合兒童,因為鳥吃它們,但在網站設計中效果很好。 當然,麵包屑在網站設計中確實可以起到很好的作用。 今天,網站設計公司將分享如何在網站設計中充分利用麵包屑。 更多SEO和網站建設案例可在我們的官方網站www.yongsy上查看。 com

麵包屑構成了一種輔助導航方法,其功能有點像進度條。 您通常會在主導航欄下找到它。 一些網頁設計師認為麵包屑導航並不能改善用戶體驗。 也許它並不適用於每個網站。 但是,在某些情况下,它可能非常有用。


您可以跟踪頁面備份層次結構,以便準確地知道您在網站體系結構中的位置。 這就像你在購物中心或建築物中看到的那些網站地圖,它將你站的位置標記為“你在這裡”。 如有必要,您可以按照說明前往出口。

很明顯,在一棟能看到一切的單層建築裏,你不需要這樣的東西。 這與網站相同。 當您的網站以分層管道排列為三個或三個以上級別時,您只需要麵包屑導航。 最簡單的形式是,麵包屑導航連結水准排列,並用“>”符號分隔,表示頁面相對於前面連結的級別。 其目的是防止您的用戶在您的網站中迷路。

您將在大多數大型電子商務類型中找到三種主要麵包屑導航類型之一。 它們基於位置、内容和路徑:

1.基於位置的導航

基於位置的麵包屑導航通常在兩個以上的級別向用戶顯示其在網站結構中的位置。 第一層始終是主頁,以當前頁面結尾,無法按一下。 它不僅有助於用戶找到自己的管道,而且還提供了有關頁面內容的搜尋引擎科技資訊,以便於索引。

2.基於内容的導航

這種類型的導航顯示頁面上特定事物的内容,而不是其位置。 它基於可以分支到不同路徑的連結中繼資料,囙此它為用戶提供了下一步的選擇。 它經常用於電子商務網站,因為它的描述性使購物者更容易找到他們想要的東西。 内容由垂直筦道分隔。 根據您提供的產品,您可以結合使用基於位置和基於内容的導航。 基於位置的連結可按一下,而基於内容的連結不可按一下,但您可以按一下“X”删除内容。

3.基於路徑的導航

這種類型的導航更像是一個歷史記錄,所以它更像是一個後退按鈕,而不是一個巡覽列。 它跟踪用戶訪問特定頁面的步驟。 不建議將其用於導航目的,因為它實際上沒有幫助。 對於那些登入到網站深層頁面的人來說,這甚至會讓人感到困惑。

麵包屑對於一些正確實現的網站很有用。 它們允許用戶輕鬆地訪問更高的級別,而無需經過限制。 它减少了用戶進入特定頁面所需的點擊次數,這有助於防止用戶跳出頁面。 它甚至不佔用太多空間,所以沒有真正的理由不在正確的時間使用它。

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 logycat 的頭像
    logycat

    logycat的部落格

    logycat 發表在 痞客邦 留言(0) 人氣()