如何在網(wǎng)頁設計中最大程度地利用面包屑導航？
2015-10-25 分類： 面包屑導航
如果你都熟悉Hansel和Gretel的故事，那么你知道他們使用面包屑來標記他們的路，以此找到回家的路。當然，在網(wǎng)站設計中沒有真正的面包屑（或鳥，為此事）涉及面包屑導航。本文談談如何在網(wǎng)頁設計中大程度地利用面包屑導航？
面包屑是一種輔助導航的方法，其功能有點像進度條。 您通常會在主導航欄下方找到它。一些網(wǎng)頁設計師認為也許不是每個網(wǎng)站中的導航都會改善用戶體驗。 然而，有些情況下它可能是非常有用的。
一、什么時候應該使用面包屑？
您可能已經(jīng)在您訪問的許多網(wǎng)站中看到了面包屑導航。 你可以在創(chuàng)新互聯(lián)網(wǎng)站上看到它們，也可以在亞馬遜上看到。
您可以跟蹤您正在恢復的層次結構的頁面，以便準確了解您在站點架構中的位置。 它就像你在商場或建筑物中看到的那些站點地圖，在那里他們在地圖上標記你站在“你在這里”的地方。
你顯然不會需要類似的東西在一個一層樓的建筑，你可以看到一切。 當您有三個或更多級別到您的站點以層次方式排列時，您只需要導航導航。 在其最簡單的形式中，面包屑導航鏈接被水平地布置并且由“>”符號分隔，這表示頁面相對于其前面的鏈接的級別。 其目的是防止您的用戶在您的網(wǎng)站丟失。
例如，如果用戶進行搜索并降落在您不希望進入的層次結構中的頁面上，則導航痕跡導航將幫助他們找到返回首頁的路徑。 他們只需要點擊他們想回到主頁的級別的鏈接。
二、面包屑的類型
您將在大多數(shù)大型電子商務類型中找到三種主要類型的導航導航。它們是基于位置，屬性和基于路徑的：
1、基于位置的導航
基于位置的面包屑導航顯示他們在網(wǎng)站結構中的用戶，通常是具有兩個以上級別的用戶。第一級始終是主頁，并在當前頁面結束，這是不可點擊的。
它不僅有助于用戶幫助他們找到自己的方式，而且有助于為搜索引擎技術提供有關頁面內容的信息，使索引更容易。
2、基于屬性的導航
此類型的導航顯示頁面上特定內容的屬性，而不是其位置。它基于鏈接的元數(shù)據(jù)，其可以分支到不同的路徑，因此它向用戶呈現(xiàn)了接下來去哪里的選擇。它通常在電子商務網(wǎng)站中使用，因為其描述性質使得購物者更容易找到他們想要的。屬性由豎直管道分隔。
您可以結合使用基于位置的導航，具體取決于您提供的產品。基于位置的鏈接是可點擊的，而基于屬性的鏈接不是，但您可以點擊“X”刪除屬性。
例如，你可以尋找有長袖的男士休閑襯衫，你最后在一個短袖襯衫的頁面。 單擊屬性“短袖”的“X”，然后選擇“長袖”。然而，因為有基于屬性的導航有這么多選項，它可以使搜索引擎索引，因為重復的內容很難。
3、基于路徑的導航
這種類型比其他導航更像是一個歷史軌跡，所以它的服務更像后退按鈕。 它跟蹤用戶到達特定頁面所采取的步驟。 它不推薦用于導航的目的，因為它不是真正有用的。 它甚至可能會混淆的人登陸頁面深入網(wǎng)站內。
三、使用面包屑的好處
面包屑對于一些具有正確實現(xiàn)的網(wǎng)站是有益的。 它們使得用戶方便地去更高級別而不必經(jīng)過箍。 它可以減少用戶訪問特定網(wǎng)頁所需的點擊次數(shù)，從而幫助用戶避免彈跳。 它甚至不需要大量的空間，所以沒有真正的理由不使用它，在適當?shù)臅r候。
四、使用面包屑的提示
·深度，如前所述，您只應對3層或更多層級的網(wǎng)站使用面包屑。
·首頁，您的首頁應該始終是第一級，因為這是所有主要類別以及您的關于和聯(lián)系頁面。
·符號，建議使用“>”而不是“/”來分隔鏈接，因為“>”表示方向，但不是必須的。
·位置，通過對用戶所在的文本進行一些更改來指示，盡管通常位于鏈的末尾。 使用不可點擊的文字標簽，并加粗。
結論
面包屑導航對于具有復雜的結構和許多產品的許多大型網(wǎng)站比較適用，它可以為你的網(wǎng)站用戶提供一個很大的幫助。事實上，它也可以幫助你的SEO也不錯。
本文標題：如何在網(wǎng)頁設計中最大程度地利用面包屑導航？
標題URL：http://www.js-pz168.com/news12/33062.html
網(wǎng)站建設、網(wǎng)絡推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡營銷seo公司；服務項目有網(wǎng)站設計、面包屑導航等
聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)
猜你還喜歡下面的內容
- 電商網(wǎng)站面包屑導航的重要性和設計注意事項 2015-07-04
- 網(wǎng)站面包屑導航詳情使用方法和作用 2014-10-10
- 怎么利用好面包屑導航做好SEO優(yōu)化？ 2015-09-21
- 網(wǎng)站面包屑導航對網(wǎng)站優(yōu)化的作用以及影響 2014-11-17
- 順義seo優(yōu)化：網(wǎng)站優(yōu)化之面包屑導航剖析 2016-02-07
- 面包屑導航在網(wǎng)站優(yōu)化中的作用 2016-02-07
- 網(wǎng)站建設中面包屑導航的作用？ 2015-08-21
- 電子商城網(wǎng)站面包屑導航制作要避免哪些雷區(qū)？ 2014-07-31
- 如何用面包屑導航做SEO優(yōu)化？ 2015-08-15
- 面包屑導航是什么？如何優(yōu)化面包屑導航？ 2014-12-07
- 【南充網(wǎng)站推廣】網(wǎng)站建設的過程中怎么合理使用面包屑導航 2014-12-01
- 成都網(wǎng)站建設中面包屑導航的作用 2014-10-25
- 深入了解面包屑導航對用戶體驗和搜索引擎的作用 2015-02-13
- 網(wǎng)站建設中面包屑導航的作用 2014-07-09
- 面包屑導航將退出歷史的舞臺？ 2014-06-23
- 網(wǎng)站建設中面包屑導航的重要性 2013-09-18
- 面包屑導航有什么作用? 2014-01-20
- 面包屑導航和樹狀導航對SEO優(yōu)化有什么作用 2014-01-20