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

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

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

  域名預(yù)訂/競價,好“米”不錯過

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

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

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

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

二、 面包屑的好處:

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

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

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

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

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

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

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

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

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

SEO專題推薦:

關(guān)鍵詞優(yōu)化專題:網(wǎng)站關(guān)鍵詞優(yōu)化沒效果?來這里學(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í)完這些,作為站長的你可以秒懂如何做網(wǎng)站用戶體驗(yàn)

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

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

相關(guān)文章

熱門排行

信息推薦