2016-11-08 分類: 面包屑導(dǎo)航
在網(wǎng)站設(shè)計(jì)和SEO中,面包屑導(dǎo)航的作用是讓用戶隨時知道自己在網(wǎng)站的哪個位置以及如何返回。優(yōu)秀的面包屑導(dǎo)航設(shè)計(jì)不僅對搜索引擎友好,同時對用戶也有非常好的使用體驗(yàn),也有利于蜘蛛的爬取。因此,面包屑導(dǎo)航的設(shè)計(jì)十分重要;那么,我們在網(wǎng)站設(shè)計(jì)中對其進(jìn)行設(shè)計(jì)時應(yīng)注意以下事項(xiàng):
1.關(guān)鍵詞應(yīng)避免用詞重復(fù)
面包屑導(dǎo)航的存在就是為了讓用戶能最直觀的了解自己所處的方位,因而,用詞精簡、直接而且不重復(fù),是面包屑有必要恪守的準(zhǔn)則。也就是說,每一個主目錄和子頁關(guān)鍵詞都要精簡且不重復(fù),讓用戶容易辨別,這樣能讓用戶在閱讀網(wǎng)站或許電商購物網(wǎng)站中購買商品時不會產(chǎn)生疑問,且對自己的當(dāng)時方位一目了然。所有的分類面包屑的關(guān)鍵詞都不能存在有歧義詞現(xiàn)象,避免重復(fù)性。比如淘寶網(wǎng)的面包屑導(dǎo)航,每一個分類都明晰明晰。例如女裝分類:從“所有分類”到“女裝”再到“羽絨服”,每一個大分類都沒有重復(fù)性,讓用戶能在一時間做出響應(yīng)。
2.分隔符的應(yīng)用
面包屑導(dǎo)航中最簡潔明了的分隔符便是大于號“>”。一般大于號基于的使用方法是“父類別>子類別”,以“父類>子類”的方式表明導(dǎo)航項(xiàng)目之間的層級聯(lián)系。除了大于號意外還可以用向右箭頭“→ ”,雙大于號“>>”和斜線“/”。究竟運(yùn)用哪個取決于整體風(fēng)格和視覺效果。
3.合適的尺寸和間距
在規(guī)劃面包屑導(dǎo)航時,要考慮尺度和距離。首要面包屑導(dǎo)航尺度不宜太大,不能超過主導(dǎo)航。別的還要留意層級之間的距離,不能太密也不能太疏,便利、方便最重要。
4.不要使用面包屑來替代網(wǎng)頁主要的導(dǎo)航系統(tǒng)
做好主導(dǎo)航與面包屑導(dǎo)航之間的區(qū)別,主導(dǎo)航始終承載整個網(wǎng)站的主導(dǎo)地位,而面包屑導(dǎo)航則是起輔助效果,因此用戶在辨識面包屑導(dǎo)航時應(yīng)起到愈加精準(zhǔn)的效果,而不是重復(fù)主導(dǎo)航現(xiàn)已存在的欄目分類,更無法代替首要的導(dǎo)航體系,又或者說用戶在點(diǎn)擊主導(dǎo)航時會猶豫面包屑導(dǎo)航對其發(fā)生的攪擾,否則面包屑就是去了本該有得價值和含義。請記住,它是且只是是為了用戶方便的非必須選項(xiàng),用來抵達(dá)其他層級的快速定位鏈接體系。
5.不要把當(dāng)前鏈接加到面包屑中
面包屑的最后一個層級是當(dāng)前層級的頁面,而者一項(xiàng)在面包屑中是不應(yīng)該加上鏈接的,它只是起到展示定位的作用,添加鏈接是沒有意義的。
6.不要在移動端頁面上使用面包屑
假如你覺得自己的移動端頁面要運(yùn)用面包屑的話,那就意味著你的移動端網(wǎng)頁規(guī)劃呈現(xiàn)了問題:可能是網(wǎng)站太雜亂(嵌套層級過深),而這樣一來,就不契合移動端的運(yùn)用場景了。為了解決問題,你應(yīng)當(dāng)企圖簡化整個系統(tǒng),保證面包屑不會呈現(xiàn)在手機(jī)上。
7.不要讓它成為視覺焦點(diǎn)
面包屑本身是一個輔助導(dǎo)航,如果使用過于花哨的字體和醒目的色彩,會使得它顯得喧賓奪主,過于抓人眼球。它不應(yīng)該是瀏覽過程中用戶的視覺焦點(diǎn)。下面的面包屑設(shè)計(jì)并不差,但是它太過于醒目,甚至比頂部導(dǎo)航還能引起用戶注意力。
面包屑關(guān)于每一個網(wǎng)站來說,并非必須品,但卻能如虎添翼,便利用戶的操作,提高用戶的體會,協(xié)助用戶在網(wǎng)站上找到閱讀的軌道并讓他們的需求快速得到滿意。但條件是運(yùn)用面包屑必定要注意正確的辦法。
文章標(biāo)題:網(wǎng)站設(shè)計(jì)中面包屑導(dǎo)航應(yīng)注意什么?
網(wǎng)站地址:http://muchs.cn/news/62619.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷seo公司;服務(wù)項(xiàng)目有網(wǎng)站設(shè)計(jì)、面包屑導(dǎo)航等
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容