建站常識
博客導航的用戶體驗
2009-05-04 08:28:00
看到謝巍@twitter在他的第8音里寫了篇“左側(cè)導航還是右側(cè)導航?”的文章,在Google Reader里做備注,發(fā)現(xiàn)要寫的東西過多了,于是結合一下我的博客導航部分設計的思路和SEO,放在這里作為一篇日志。
我的博客的導航的內(nèi)容主要分為以下幾種:博客分類導航(即放在頁面頂部或者左側(cè)/右側(cè)的導航)、標題、翻頁/分頁導航、其他導航(文章內(nèi)鏈接、關鍵字、友情鏈接、文章內(nèi)容導航等)。
博客分類導航
1、導航的放置位置會影響到訪客對博客內(nèi)容的關注度和二次點擊。在設計博客導航之初,只有頁面的導航,而且習慣性地放在了頭部(header.php)。后來我發(fā)現(xiàn),網(wǎng)頁訪客統(tǒng)計里有很多訪客在點擊頂部的頁面(page),點擊數(shù)大大超過了訪問量最多的單篇文章的點擊量,所以我在頭部的導航里又加入了博客文章分類的導航,設計的時候考慮到要突出主導航條,考慮過下拉或彈出式的分類導航,但是對用戶來說并不方便,即使它看起來很cool。越簡單,越直接的東西給訪客的體驗也越好。為了突出下邊的分類導航,我加了淺藍色的底來突出這部分。我的博客以白色調(diào)為主,頭部(header.php)的留白使導航看起來不那么別扭。
2、博客主要是以內(nèi)容為主,所以導航的作用就不止是分類了。使用分類的導航方式,訪客可以快速到達一個分類。但問題是,訪客打開了這個分類,是否就看到了他感興趣的內(nèi)容呢?其實在博客的第一頁面上,大部分的的內(nèi)容我們不會去點擊的—也就是說,導航僅僅是吸引訪客尋找他感興趣的內(nèi)容的工具而已。對于網(wǎng)站設計者來說,設計導航的目的也在于此,如何幫助訪客找到他感興趣的內(nèi)容,如何吸引訪客的二次點擊。
3、根據(jù)訪客行為的數(shù)據(jù)分析,可以確定導航放在哪里會更好點。我的博客導航在右邊,有兩個原因:一是內(nèi)容放在左邊易閱讀,右邊的側(cè)邊欄作為導航的一部分是輔助內(nèi)容,次要的內(nèi)容就讓他呆在次要的位置上;二個是根據(jù)搜索引擎抓取文章的順序和優(yōu)化的需要安排導航的放置位置,搜索引擎抓取某個頁面是以從上到下,從左到右的路線來抓取的。把博客內(nèi)容放置在左邊就必須保證標題和內(nèi)容以及顯示在首頁面的TAG部分(具體見我的博客布局)有充足的關鍵字,這樣要比僅僅把側(cè)邊導航放在左邊更有利。
4、側(cè)邊欄部分。我博客現(xiàn)在的右邊部分。關于側(cè)邊欄應該怎么放,有人寫了很多,都很有道理。你可以到http://blogunion.org/blogging-tips/optimize-your-sidebar.html去獲得更多了解。
5、導航的title描述。我的博客大部分導航性的語言都是用了英文,這是因為我覺得英文顯示起來更美觀,于是在對英文導航的title描述中,我盡可能地用了中文描述,這樣不至于“趕走”英文不好的訪客。
標題導航
1、如上文所說,文章的標題也是一個重要的導航部分,它可以盡可能地引導訪客找到他感興趣的內(nèi)容,所以,文章標題應盡量包含關鍵詞,標題是一篇文章的核心,搜索引擎也比較看重一篇文章的標題,標題的關鍵字導航也會利于提升文章的排名。
2、在瀏覽器標題欄顯示的Title也是一種導航,關于Wordpress的Title優(yōu)化設計,可參考這篇文章。
3、由于wordpress中中文標題顯示為網(wǎng)址的時候文章的“文章縮略名(Post Slug)”會包含一大串%XX的字符串,很不美觀,月光博客做過一個插件,可以將中文標題轉(zhuǎn)化為拼音http://www.williamlong.info/archives/1027.html
翻頁/分頁導航
這部分我在前面寫的一篇文章《wordpress主題設計與訪客體驗(上)》中有提到。
其他導航
1、文章內(nèi)鏈接。這個在我的博客里做的不多,好像可以用插件實現(xiàn)站內(nèi)關鍵字鏈接。
2、tag(標簽、關鍵字)導航。在主頁面(index.php)每篇文章下顯示tag起到導航的作用。另外像xw說的,我覺得我也有必要把TAG云圖放在側(cè)邊來,但是考慮到側(cè)邊過長的問題,放棄了這個想法。
3、友情鏈接。這部分我在前面的《wordpress主題設計與訪客體驗(上)》中也有提到。我個人覺得博客的友情鏈接放在首頁會更好,如果你做的友鏈的質(zhì)量很高,一方面可以提升博客的排名,另一方面能給訪客一個好的印象,誰能保證訪客離開你的博客不會再回來呢?
4、文章內(nèi)容導航。從搜索引擎抓取頁面來看,搜索引擎和人看文章一樣,會從第一段看到最后一段,而第一段的內(nèi)容就是被搜索引擎認為是這篇文字的主要內(nèi)容,就是顯示在搜索引擎的快照里的內(nèi)容。所以這個地方也是比較關鍵的部分,對博客內(nèi)容和訪客需要都比較關鍵的部分。
5、RSS導航。有很多用戶經(jīng)常在使用閱讀器或者聚合訂閱工具瀏覽博客的。所以,在側(cè)欄的導航中我盡可能地列出了訪客容易訂閱的FEED。
寫完這篇文章才發(fā)現(xiàn),自己的博客里還存在相當相當多的問題。要好好改改了,尤其是關鍵字優(yōu)化方面給用戶的體驗,很差。
原文:http://bewho.us/navexp/
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設計的五大特點
- [2023-04-27 14:05:55] Html 5 響應式網(wǎng)站設計制作
- [2023-04-10 11:07:30] 網(wǎng)站建設制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設計應該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設為什么要設置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁設計的好看,這個網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費者,應該如何選擇一家水平高的網(wǎng)站建設公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設計都有哪些新的趨勢?
延伸閱讀
- [2010-07-22 08:08:00] 左側(cè)導航條
- [2009-10-11 22:25:00] 網(wǎng)站導航欄的過去與現(xiàn)在
- [2008-01-04 15:11:00] 800分辨率下網(wǎng)站如何搭配才可以提高體驗度
- [2006-12-26 14:41:00] 用戶體驗的"宇宙"
- [2006-04-28 15:07:00] 從亞馬遜網(wǎng)站導航欄的變遷史看網(wǎng)頁設計
- [2014-11-04 10:28:46] 罕見設計創(chuàng)意的WEB網(wǎng)站導航方式
- [2019-05-20 10:03:27] 響應式網(wǎng)頁設計中導航的走向
- [2007-10-30 14:53:00] 三大招聘網(wǎng)站之用戶體驗比較
- [2007-10-25 12:25:00] 用戶體驗的另一種認識
- [2010-05-24 08:52:00] 用戶體驗的質(zhì)量管理
- [2007-07-03 14:51:00] 談用戶體驗,別落下商業(yè)利益
- [2007-11-19 14:27:00] 建立用戶體驗過程的實用指南
解決方案
輪胎行業(yè)網(wǎng)站設計解決方案 機械行業(yè)網(wǎng)站設計解決方案 房地產(chǎn)行業(yè)網(wǎng)站設計解決方案 科技企業(yè)網(wǎng)站設計解決方案 電子家電網(wǎng)站設計解決方案 食品行業(yè)網(wǎng)站設計解決方案 集團公司網(wǎng)站設計解決方案 企事業(yè)單位網(wǎng)站設計解決方案 外貿(mào)行業(yè)網(wǎng)站設計解決方案 健身運動網(wǎng)站設計解決方案 美容與化妝品網(wǎng)站設計解決方案 建筑設計行業(yè)網(wǎng)站設計解決方案 物流行業(yè)網(wǎng)站設計解決方案
TAGS關鍵字
企業(yè)網(wǎng)站建設 微網(wǎng)站 空白和簡潔的設計 企業(yè)網(wǎng)站為什么要備案 青島網(wǎng)站案例 營銷型網(wǎng)站 手機網(wǎng)站 用戶界面 力圖 青島做網(wǎng)站多少錢 網(wǎng)站品牌 網(wǎng)站建設,企業(yè)網(wǎng)站建設 青島SEO 網(wǎng)站設計 網(wǎng)站設計趨勢 企業(yè)網(wǎng)站 網(wǎng)站改版 頁面設計 網(wǎng)站視覺 微官網(wǎng)帶來的好處 英文網(wǎng)站建設 青島高端網(wǎng)站建設 網(wǎng)站動畫 視覺靈感 青島開發(fā)區(qū)建站公司 青島網(wǎng)站建設基礎知識 網(wǎng)站制作 微官網(wǎng) 舒適的界面 H5