當(dāng)前位置:首頁(yè) >  站長(zhǎng) >  搜索優(yōu)化 >  正文

網(wǎng)站設(shè)計(jì)中面包屑導(dǎo)航條的使用和設(shè)計(jì)

 2015-06-09 16:36  來(lái)源: 互聯(lián)網(wǎng)   我來(lái)投稿 撤稿糾錯(cuò)

  域名預(yù)訂/競(jìng)價(jià),好“米”不錯(cuò)過(guò)

網(wǎng)站設(shè)計(jì):面包屑是作為輔助和補(bǔ)充的導(dǎo)航方式,它能讓用戶知道在網(wǎng)站或應(yīng)用中所處的位置并能方便地回到原先的地點(diǎn)。很多網(wǎng)站建設(shè)公司在建站之初就采用了面包屑導(dǎo)航做為網(wǎng)站產(chǎn)品線的標(biāo)準(zhǔn)配置,現(xiàn)在被越來(lái)越多的行業(yè)網(wǎng)站所認(rèn)可及采用。

一、面包屑導(dǎo)航的基礎(chǔ):

1.基于用戶所在的層級(jí)位置?;谖恢玫拿姘加糜诟嬷脩粼诋?dāng)前網(wǎng)站中所在的結(jié)構(gòu)層級(jí)。用在具有多級(jí)導(dǎo)航中。

3.基于用戶的足跡。顯示用戶瀏覽的軌跡,面包屑之間沒(méi)有明顯的層級(jí)關(guān)系,只是展示用戶從那個(gè)級(jí)別過(guò)來(lái)的。這種面包屑在一級(jí)導(dǎo)航方案不明確的網(wǎng)站適合,其他情況不建議采用。

二、 面包屑的好處:

1.面包屑作為用戶尋找路徑的一種輔助手段,能方便他們定位和導(dǎo)航。

2.面包屑可以減少的用戶返回上一級(jí)頁(yè)面的所需的操作次數(shù)。

3.臨時(shí)性,動(dòng)態(tài)性,占用屏幕空間小,干擾性小。

4.降低網(wǎng)站訪問(wèn)者的總體跳出率。

當(dāng)用戶從別處鏈接到網(wǎng)頁(yè),或者從搜索引擎查找到網(wǎng)頁(yè),則面包屑的存在能幫助用戶快速了解當(dāng)前的層級(jí)位置,并引導(dǎo)用戶查看網(wǎng)站的其余部分,減少了看完直接跳走的用戶數(shù)量。

三、 面包屑的使用前提及設(shè)計(jì)規(guī)范1. 面包屑的使用前提:存在大量的分類目錄、在一些引導(dǎo)性的流程操作或者軟件安裝進(jìn)程中,面包屑也常被用來(lái)指示當(dāng)前以及剩余的操作步驟、層次簡(jiǎn)單的頁(yè)面中一般不使用面包屑,但是當(dāng)面包屑能顯著幫助到瀏覽并提高他們定位能力時(shí),也建議采用面包屑。

2. 面包屑的設(shè)計(jì)規(guī)范:最常采用的面包屑的樣式:橫向的文字鏈接,由大于號(hào)>分開(kāi)。這個(gè)符號(hào)也暗示了它們之間的層次關(guān)系。根據(jù)你的用戶的認(rèn)知及專業(yè)水平,在有必要的情況下,可以在面包屑父子級(jí)之間增加下劃線以告訴用戶這里是可以點(diǎn)擊的。

3.面包屑的位置。通常出現(xiàn)在頁(yè)面的左上或者右上部分,而且主要是在導(dǎo)航下面或內(nèi)容區(qū)的上面。

4.面包屑大小。面包屑是一種輔助導(dǎo)航,在頁(yè)面中不應(yīng)該起支配作用。面包屑和主導(dǎo)航相比至少要比較小、或不太突出。這樣的大小是最合適的了!

SEO專題推薦:

關(guān)鍵詞優(yōu)化專題:網(wǎng)站關(guān)鍵詞優(yōu)化沒(méi)效果?來(lái)這里學(xué)習(xí)最實(shí)用的關(guān)鍵詞優(yōu)化技巧!

內(nèi)鏈優(yōu)化專題:最能提升網(wǎng)站權(quán)重的內(nèi)鏈部署優(yōu)化技巧與方法

外鏈建設(shè)專題:高質(zhì)量自然外鏈怎么做?讀完這些你將質(zhì)的飛躍

網(wǎng)站降權(quán)專題:2015年最有用的網(wǎng)站降權(quán)、被K、被黑、被攻擊的解決方法

用戶體驗(yàn)專題:學(xué)習(xí)完這些,作為站長(zhǎng)的你可以秒懂如何做網(wǎng)站用戶體驗(yàn)

行業(yè)網(wǎng)站專題:優(yōu)化行業(yè)網(wǎng)站的“葵花寶典”看完后無(wú)優(yōu)化壓力

申請(qǐng)創(chuàng)業(yè)報(bào)道,分享創(chuàng)業(yè)好點(diǎn)子。點(diǎn)擊此處,共同探討創(chuàng)業(yè)新機(jī)遇!

相關(guān)文章

熱門排行

信息推薦