中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

面包屑導(dǎo)航作用是什么?

2022-06-17    分類(lèi): 網(wǎng)站建設(shè)

由于面包屑導(dǎo)航其結(jié)構(gòu)清晰,當(dāng)用戶(hù)在瀏覽某一個(gè)頁(yè)面時(shí),看到面包屑導(dǎo)航能夠很清楚的知道自己所在的位置,同時(shí)很方便的返回上一級(jí)目錄來(lái)點(diǎn)擊進(jìn)入下一級(jí)目錄。大大的提高了用戶(hù)的閱讀體驗(yàn),讓用戶(hù)瀏覽網(wǎng)站是更清晰,瀏覽效率更高。

面包導(dǎo)航的作用

1、讓用戶(hù)了解當(dāng)前所處位置,以及當(dāng)前頁(yè)面在整個(gè)網(wǎng)站中的位置。

舉一個(gè)例子

1)當(dāng)欄目只有一級(jí)欄目的時(shí)候,我們的當(dāng)前位置可以這樣寫(xiě):首頁(yè)》系統(tǒng)軟件》生活鬧鐘。其中生活鬧鐘是系統(tǒng)軟件欄目下面的一篇文章,當(dāng)我們?yōu)g覽這篇文章的時(shí)候,面包屑導(dǎo)航就是上面的樣子。因?yàn)槟壳拔覀兯诘氖俏恼马?yè)面,也就是位于item_display網(wǎng)站中,那么在網(wǎng)站中可以直接使用欄目、欄目地址和文章題目的變量。

2)當(dāng)一級(jí)欄目下面又有很多個(gè)欄目時(shí),那么第一種方式顯然已經(jīng)不能夠正確的顯示出我們的當(dāng)前位置了,那么我們就要另謀途徑了,接下來(lái)的這個(gè)方法就是面包屑導(dǎo)航,在面包屑導(dǎo)航中,我們應(yīng)使用getcategories函數(shù)以及其相關(guān)的參數(shù)childcategory。

下面我們以示例進(jìn)行講解。

在文章頁(yè)面我們可能會(huì)看到這樣的面包屑導(dǎo)航: 首頁(yè) → 系統(tǒng)軟件 → 系統(tǒng)工具 → 生活鬧鐘 。其中系統(tǒng)軟件是一級(jí)欄目,系統(tǒng)工具是系統(tǒng)軟件的子欄目,也可以叫做二級(jí)目,生活鬧鐘是位于系統(tǒng)工具中的一篇文章。在文章頁(yè)面可以使用的與欄目相關(guān)的變量有:categoryname,然而它只能獲取文章所屬欄目的名稱(chēng),卻不能獲取其爺爺級(jí)元素,那么第一種寫(xiě)面包屑導(dǎo)航(當(dāng)前位置)的辦法就失效了。在這個(gè)例子中,$category這個(gè)變量是文章所屬欄目的id,那么通過(guò)賦值給childcategory,系統(tǒng)自動(dòng)幫我們分析出了它的父級(jí)欄目和子欄目,父欄目可以追溯到根欄目,子欄目可以延伸到文章當(dāng)前所屬的欄目。

2、體現(xiàn)了網(wǎng)站的架構(gòu)層級(jí),能夠幫助用戶(hù)快速學(xué)習(xí)和了解網(wǎng)站內(nèi)容和組織方式,從而形成很好的位置感。

在很多大廈或是大型超市的入口處一般都會(huì)樹(shù)立路牌之類(lèi)的標(biāo)識(shí)來(lái)為用戶(hù)指明方向,而進(jìn)入到內(nèi)部后則會(huì)有另外更詳細(xì)的導(dǎo)航指示。這兩者之間的關(guān)系就像是網(wǎng)站的主導(dǎo)航與面包屑導(dǎo)航一樣,前者為用戶(hù)做一個(gè)大概的結(jié)構(gòu)介紹,而后者則是在大架構(gòu)之后的細(xì)節(jié)延伸。

3、提供返回各個(gè)層級(jí)的快速入口,方便用戶(hù)操作。

面包屑導(dǎo)航可以很清晰的標(biāo)明用戶(hù)當(dāng)前所處的位置以及可供返回的鏈接,這在很大程度上解決了用戶(hù)在網(wǎng)站里迷失的問(wèn)題。用戶(hù)從龐雜的入口到最終的目的地,面包屑導(dǎo)航是按一種遞減的結(jié)構(gòu)來(lái)呈現(xiàn)的。

4、Google已經(jīng)將面包屑導(dǎo)航整合到搜索結(jié)果里面,因此優(yōu)化面包屑導(dǎo)航每個(gè)層級(jí)的名稱(chēng),多使用關(guān)鍵字,都可以實(shí)現(xiàn)SEO優(yōu)化。面包屑路徑,對(duì)于提高用戶(hù)體驗(yàn)來(lái)說(shuō),是很有幫助的。

大型網(wǎng)站,特別是那種頁(yè)面按照層級(jí)結(jié)構(gòu)組織的網(wǎng)站比較適合使用面包屑路徑。一個(gè)最好的例子就是商務(wù)網(wǎng)站,擁有大量的商品分門(mén)別類(lèi)的存放著。

在那種沒(méi)有邏輯的層級(jí)關(guān)系或者分組的單級(jí)網(wǎng)站上不適合使用面包屑路徑。一個(gè)決定是否使用面包屑路徑的很好的辦法是規(guī)劃一個(gè)站點(diǎn)地圖或者表示網(wǎng)站導(dǎo)航結(jié)構(gòu)的圖表,然后再來(lái)決定面包屑路徑是否能夠改善用戶(hù)在欄目?jī)?nèi)和不同欄目間的導(dǎo)航體驗(yàn)。

面包屑路徑往往是一個(gè)網(wǎng)站的額外的特點(diǎn),他不應(yīng)該取代菜單導(dǎo)航,而且往往應(yīng)該作為菜單導(dǎo)航的一種輔助和補(bǔ)充。它是一種次級(jí)的、很舒服的特性,幫助用戶(hù)確定自己的位置,并且作為菜單導(dǎo)航的一個(gè)有效補(bǔ)充。

面包屑路徑的類(lèi)型:

面包屑路徑主要有三種形式。

基于位置的面包屑:

位置面包屑是靜態(tài)的,顯示了當(dāng)前頁(yè)面在網(wǎng)站中所處的等級(jí)。鏈接中的每一項(xiàng)都能夠?qū)蛞粋€(gè)更高一級(jí)的頁(yè)面,這種形勢(shì)特別適合有很多級(jí)別的網(wǎng)站(大于2級(jí));

基于屬性的面包屑:

屬性面包屑給出了當(dāng)前頁(yè)面所屬類(lèi)別的信息,下圖的面包屑更接近與一個(gè)混合形式的面包屑,路徑中包含了對(duì)結(jié)果的篩選條件描述;

路徑:路徑形式的面包屑是動(dòng)態(tài)的路徑,經(jīng)常用來(lái)指引用戶(hù)進(jìn)行某種操作,比如“注冊(cè)”流程,他動(dòng)態(tài)的顯示用戶(hù)完成注冊(cè)所需要的過(guò)程;

使用面包屑路徑的好處

方便用戶(hù):面包屑路徑的目的就是為用戶(hù)提供一種輔助的導(dǎo)航方式,在具有多層級(jí)的網(wǎng)站上瀏覽時(shí),面包屑路徑可以幫助用戶(hù)更容易的找到想要的位置;

減少返回高級(jí)別頁(yè)面的點(diǎn)擊次數(shù):用戶(hù)不需要通過(guò)多次點(diǎn)擊“返回”來(lái)到自己之前的位置,而只需要在面包屑路徑上點(diǎn)擊一次;

不會(huì)占用過(guò)多的空間(hog screen space):面包屑路徑多數(shù)采用普通的水平排布的文字鏈接,所以不會(huì)占用過(guò)多的頁(yè)面空間,恰當(dāng)?shù)倪\(yùn)用,能夠帶來(lái)足夠的好處。

減少跳出率(bounce rates):面包屑路徑能夠誘初次訪問(wèn)頁(yè)面的用戶(hù)在完成初始頁(yè)的瀏覽后瀏覽其他頁(yè)面。例如,通過(guò)搜索引擎來(lái)到的用戶(hù),看完文章后,很容易點(diǎn)擊上一級(jí)頁(yè)面的導(dǎo)航來(lái)了解更多的相關(guān)內(nèi)容,這樣就減少了站點(diǎn)整體的跳出率。

使用中的錯(cuò)誤

在不必要的地方使用:一些導(dǎo)航就會(huì)讓用戶(hù)感到迷惑,太多的導(dǎo)航了而且排布的非常集中,有點(diǎn)重復(fù);

用面包屑路徑作為主導(dǎo)航:面包屑路徑只是一種導(dǎo)航的輔助手段,任何時(shí)候都不應(yīng)該取代導(dǎo)航菜單。上圖中就是一個(gè)例子,由于只使用了面包屑路徑,當(dāng)用戶(hù)想跳轉(zhuǎn)到站點(diǎn)的其他欄目時(shí),很難容易的到達(dá)。

當(dāng)頁(yè)面含有多重欄目時(shí),使用面包屑路徑:面包屑路徑具有線性的結(jié)構(gòu),如果你的頁(yè)面不能夠很清楚的分類(lèi),那就很難用面包屑路徑來(lái)表示,這其實(shí)是在網(wǎng)站設(shè)計(jì)初期,要為站點(diǎn)制定明確的組織結(jié)構(gòu)。

在設(shè)計(jì)中應(yīng)該考慮的問(wèn)題

使用什么符號(hào)來(lái)分隔?最常用的分隔符是大于號(hào)(>),表示“父目錄 > 子目錄”,其他的符號(hào)還包括:箭頭、右引號(hào)(>>)、斜線(/)。

應(yīng)該設(shè)計(jì)成多大?

面包屑路徑只是一個(gè)輔助的導(dǎo)航工具,所以誰(shuí)都不希望他占據(jù)巨大的頁(yè)面空間,他應(yīng)該盡量的小,但是要能夠方便訪問(wèn),向用戶(hù)傳達(dá)出這種輔助的設(shè)計(jì)意圖。一個(gè)原則就是,用戶(hù)瀏覽頁(yè)面時(shí),不能第一眼就被面包屑路徑所吸引。

應(yīng)該放在什么地方?面包屑路徑通常放置在頁(yè)面的中上部,如果是水平導(dǎo)航,一般放在主菜單的下邊。

5、方便用戶(hù),面包屑主要用于為用戶(hù)提供導(dǎo)航一個(gè)網(wǎng)站的次要方法,通過(guò)為一個(gè)大型多級(jí)網(wǎng)站的所有頁(yè)面提供面包屑路徑,用戶(hù)可以更容易的定位到上一次目錄,引導(dǎo)用戶(hù)通行;

6、減少返回到上一級(jí)頁(yè)面的點(diǎn)擊或操作,不用使用瀏覽器的“返回”按鈕或網(wǎng)站的主要導(dǎo)航來(lái)返回到上一級(jí)頁(yè)面;

7、不用常常占用屏幕空間,因?yàn)樗鼈兺ǔJ撬脚帕幸约昂?jiǎn)單的樣式,面包屑路徑不會(huì)占用頁(yè)面太多的空間。這樣的好處是,從內(nèi)容過(guò)載方面來(lái)說(shuō),他們幾乎沒(méi)有任何負(fù)面影響;

8、降低跳出率,面包屑路徑會(huì)是一個(gè)誘惑首次訪問(wèn)者在進(jìn)入一個(gè)頁(yè)面后去瀏覽這個(gè)網(wǎng)站的非常好的方法。比如說(shuō),一個(gè)用戶(hù)通過(guò)谷歌搜索到一個(gè)頁(yè)面,然后看到一個(gè)面包屑路徑,這將會(huì)誘使用戶(hù)點(diǎn)擊上一級(jí)頁(yè)面去瀏覽感興趣的相關(guān)主題。這樣,從而,可以降低網(wǎng)站的總體跳出率。

9、有利于百度蜘蛛對(duì)網(wǎng)站的抓取,蜘蛛直接沿著那個(gè)鏈走就可以了,很方便。

10、面包屑有利于網(wǎng)站內(nèi)鏈的建設(shè),用面包屑大大增加了網(wǎng)站的內(nèi)部連接,提高用戶(hù)體驗(yàn)。

百度判斷網(wǎng)頁(yè)的層級(jí)關(guān)系,主要依賴(lài)于面包屑導(dǎo)航,從這句話(huà)可以看出面包屑導(dǎo)航的重要性,而它存在也是有一定的價(jià)值和意義。

當(dāng)前名稱(chēng):面包屑導(dǎo)航作用是什么?
路徑分享:http://m.rwnh.cn/news18/168318.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供外貿(mào)網(wǎng)站建設(shè)企業(yè)網(wǎng)站制作、品牌網(wǎng)站設(shè)計(jì)云服務(wù)器、網(wǎng)站導(dǎo)航營(yíng)銷(xiāo)型網(wǎng)站建設(shè)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話(huà):028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

成都app開(kāi)發(fā)公司
繁峙县| 绥江县| 广饶县| 德昌县| 龙南县| 铜梁县| 天峨县| 山丹县| 南木林县| 阳城县| 阿鲁科尔沁旗| 横峰县| 武陟县| 洛阳市| 黔南| 湾仔区| 老河口市| 荔浦县| 张家川| 杭锦后旗| 庄河市| 孟村| 临沧市| 鄂托克旗| 龙州县| 彰武县| 大港区| 子长县| 太和县| 犍为县| 宣武区| 渭南市| 广西| 高尔夫| 乾安县| 高州市| 安泽县| 城市| 东安县| 合川市| 张家口市|