2016-08-06 分類: 面包屑導航
面包屑導航這個概念來自童話故事"漢賽爾和格萊特",當漢賽爾和格萊特穿過森林時,不小心迷路了,但是他們發(fā)現(xiàn)在沿途走過的地方都撒下了面包屑,讓這些面包屑來幫助他們找到回家的路。所以,面包屑導航的作用是告訴網(wǎng)站的訪問者在網(wǎng)站中的位置以及如何返回。下面成都網(wǎng)站建設創(chuàng)新網(wǎng)絡分享一些網(wǎng)站面包屑導航設計技巧:
一、可以很好的控制網(wǎng)站的層級面包屑導航是符合用戶體驗的設計,所以非常有利于提高網(wǎng)站一些關鍵詞的排名,利于網(wǎng)站的優(yōu)化效果。因此在做網(wǎng)站面包屑導航設計時不僅僅考慮到用戶體驗的問題,還需要考慮到搜索引擎的抓取。建議將面包屑導航控制在4個層級之內(nèi),因為過多的層級會導致網(wǎng)站面包屑導航拖沓且繁瑣。
二、做到精細化面包屑到導航的作用就是提示用戶,既然是提示,提示信息越精細越好,如:京東的導航,用戶可以非常清楚的看到網(wǎng)站層次頁面的分類及所對應產(chǎn)品品牌信息,以及詳細的商品中都屬于哪家公司品牌,這樣很容易讓用戶挑選,給用更多的選擇權。
三、避免在移動端使用面包屑若你覺得自己移動端頁面要使用面包屑導航的話,那么也就意味著移動網(wǎng)頁設計出了問題,可能是由于網(wǎng)站太復雜,這樣也就不符合移動端的使用場景。想解決這個問題,你需要嘗試簡化整個體系,確保面包屑不會出現(xiàn)在手機上。
四、使用分割符在面包屑中,用來分隔不同層級最常見的是大于符號(>),常見的使用方法是“父類別 > 子類別”。當然,分割符號的使用并不拘泥這一種,還有的網(wǎng)站會使用箭頭(→)、書名號、斜杠(//)等,只不過分隔符號的使用通常取決于網(wǎng)站整體分隔和設計師的喜好。
五、最后一項不需要鏈接到自身面包屑中除了最后一項,剩下的每一項都要放連接,因為放一個指向當前頁的鏈接不僅沒有任何的作用,還會讓用戶懷疑最后一項于當前頁是不是同一個頁面。
六、面包屑的第一項應該鏈接首頁面包屑的第一項一定要鏈接到首頁,因為若面包屑的第一項不是首頁的話,用戶可能會疑問這個面包屑不可信或該網(wǎng)站根本就沒有首頁。這樣也有利于用戶快速的找到網(wǎng)站的首頁。
七、導航統(tǒng)一性和關鍵詞避免重復
當前標題:網(wǎng)站面包屑導航的設計技巧
轉載來源:http://m.rwnh.cn/news/39729.html
網(wǎng)站建設、網(wǎng)絡推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡營銷seo公司;服務項目有網(wǎng)站設計、面包屑導航等
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉載內(nèi)容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容