Godzilla. 2016-10-14 網(wǎng)站建設(shè)

如何在網(wǎng)頁設(shè)計中最大程度地利用面包屑導(dǎo)航？

　　如果你都熟悉Hansel和Gretel的故事，那么你知道他們使用面包屑來標記他們的路，以此找到回家的路。當然，在網(wǎng)站設(shè)計中沒有真正的面包屑（或鳥，為此事）涉及面包屑導(dǎo)航。本文談?wù)勅绾卧?a href="http://scshoes.cn/">網(wǎng)頁設(shè)計中最大程度地利用面包屑導(dǎo)航？

　　面包屑是一種輔助導(dǎo)航的方法，其功能有點像進度條。您通常會在主導(dǎo)航欄下方找到它。一些網(wǎng)頁設(shè)計師認為也許不是每個網(wǎng)站中的導(dǎo)航都會改善用戶體驗。然而，有些情況下它可能是非常有用的。

　　一、什么時候應(yīng)該使用面包屑？

　　您可能已經(jīng)在您訪問的許多網(wǎng)站中看到了面包屑導(dǎo)航。你可以在摩恩網(wǎng)絡(luò)網(wǎng)站上看到它們，也可以在亞馬遜上看到。

　　您可以跟蹤您正在恢復(fù)的層次結(jié)構(gòu)的頁面，以便準確了解您在站點架構(gòu)中的位置。它就像你在商場或建筑物中看到的那些站點地圖，在那里他們在地圖上標記你站在“你在這里”的地方。

　　你顯然不會需要類似的東西在一個一層樓的建筑，你可以看到一切。當您有三個或更多級別到您的站點以層次方式排列時，您只需要導(dǎo)航導(dǎo)航。在其最簡單的形式中，面包屑導(dǎo)航鏈接被水平地布置并且由“>”符號分隔，這表示頁面相對于其前面的鏈接的級別。其目的是防止您的用戶在您的網(wǎng)站丟失。

　　例如，如果用戶進行搜索并降落在您不希望進入的層次結(jié)構(gòu)中的頁面上，則導(dǎo)航痕跡導(dǎo)航將幫助他們找到返回首頁的路徑。他們只需要點擊他們想回到主頁的級別的鏈接。

　　二、面包屑的類型

　　您將在大多數(shù)大型電子商務(wù)類型中找到三種主要類型的導(dǎo)航導(dǎo)航。它們是基于位置，屬性和基于路徑的：

　　1、基于位置的導(dǎo)航

　　基于位置的面包屑導(dǎo)航顯示他們在網(wǎng)站結(jié)構(gòu)中的用戶，通常是具有兩個以上級別的用戶。第一級始終是主頁，并在當前頁面結(jié)束，這是不可點擊的。

　　它不僅有助于用戶幫助他們找到自己的方式，而且有助于為搜索引擎技術(shù)提供有關(guān)頁面內(nèi)容的信息，使索引更容易。

　　2、基于屬性的導(dǎo)航

　　此類型的導(dǎo)航顯示頁面上特定內(nèi)容的屬性，而不是其位置。它基于鏈接的元數(shù)據(jù)，其可以分支到不同的路徑，因此它向用戶呈現(xiàn)了接下來去哪里的選擇。它通常在電子商務(wù)網(wǎng)站中使用，因為其描述性質(zhì)使得購物者更容易找到他們想要的。屬性由豎直管道分隔。

　　您可以結(jié)合使用基于位置的導(dǎo)航，具體取決于您提供的產(chǎn)品?；谖恢玫逆溄邮强牲c擊的，而基于屬性的鏈接不是，但您可以點擊“X”刪除屬性。

　　例如，你可以尋找有長袖的男士休閑襯衫，你最后在一個短袖襯衫的頁面。單擊屬性“短袖”的“X”，然后選擇“長袖”。然而，因為有基于屬性的導(dǎo)航有這么多選項，它可以使搜索引擎索引，因為重復(fù)的內(nèi)容很難。

　　3、基于路徑的導(dǎo)航

　　這種類型比其他導(dǎo)航更像是一個歷史軌跡，所以它的服務(wù)更像后退按鈕。它跟蹤用戶到達特定頁面所采取的步驟。它不推薦用于導(dǎo)航的目的，因為它不是真正有用的。它甚至可能會混淆的人登陸頁面深入網(wǎng)站內(nèi)。

　　三、使用面包屑的好處

　　面包屑對于一些具有正確實現(xiàn)的網(wǎng)站是有益的。它們使得用戶方便地去更高級別而不必經(jīng)過箍。它可以減少用戶訪問特定網(wǎng)頁所需的點擊次數(shù)，從而幫助用戶避免彈跳。它甚至不需要大量的空間，所以沒有真正的理由不使用它，在適當?shù)臅r候。

　　四、使用面包屑的提示

　　·深度，如前所述，您只應(yīng)對3層或更多層級的網(wǎng)站使用面包屑。

　　·首頁，您的首頁應(yīng)該始終是第一級，因為這是所有主要類別以及您的關(guān)于和聯(lián)系頁面。

　　·符號，建議使用“>”而不是“/”來分隔鏈接，因為“>”表示方向，但不是必須的。

　　·位置，通過對用戶所在的文本進行一些更改來指示，盡管通常位于鏈的末尾。使用不可點擊的文字標簽，并加粗。

　　結(jié)論