设计理论:WordPress博客导航设计技巧
2009-05-12 10:54:21 来源:WEB开发网我的博客的导航的内容主要分为以下几种:博客分类导航(即放在页面顶部或者左侧/右侧的导航)、标题、翻页/分页导航、其他导航(文章内链接、关键字、友情链接、文章内容导航等)。
博客分类导航
1、导航的放置位置会影响到访客对博客内容的关注度和二次点击。在设计博客导航之初,只有页面的导航,而且习惯性地放在了头部(header.php)。后来我发现,网页访客统计里有很多访客在点击顶部的页面(page),点击数大大超过了访问量最多的单篇文章的点击量,所以我在头部的导航里又加入了博客文章分类的导航,设计的时候考虑到要突出主导航条,考虑过下拉或弹出式的分类导航,但是对用户来说并不方便,即使它看起来很cool。越简单,越直接的东西给访客的体验也越好。为了突出下边的分类导航,我加了浅蓝色的底来突出这部分。我的博客以白色调为主,头部(header.php)的留白使导航看起来不那么别扭。
2、博客主要是以内容为主,所以导航的作用就不止是分类了。使用分类的导航方式,访客可以快速到达一个分类。但问题是,访客打开了这个分类,是否就看到了他感兴趣的内容呢?其实在博客的第一页面上,大部分的的内容我们不会去点击的—也就是说,导航仅仅是吸引访客寻找他感兴趣的内容的工具而已。对于网站设计者来说,设计导航的目的也在于此,如何帮助访客找到他感兴趣的内容,如何吸引访客的二次点击。
3、根据访客行为的数据分析,可以确定导航放在哪里会更好点。我的博客导航在右边,有两个原因:一是内容放在左边易阅读,右边的侧边栏作为导航的一部分是辅助内容,次要的内容就让他呆在次要的位置上;二个是根据搜索引擎抓取文章的顺序和优化的需要安排导航的放置位置,搜索引擎抓取某个页面是以从上到下,从左到右的路线来抓取的。把博客内容放置在左边就必须保证标题和内容以及显示在首页面的TAG部分(具体见我的博客布局)有充足的关键字,这样要比仅仅把侧边导航放在左边更有利。
4、侧边栏部分。我博客现在的右边部分。关于侧边栏应该怎么放,有人写了很多,都很有道理。你可以到http://blogunion.org/blogging-tips/optimize-your-sidebar.html去获得更多了解。
5、导航的title描述。我的博客大部分导航性的语言都是用了英文,这是因为我觉得英文显示起来更美观,于是在对英文导航的title描述中,我尽可能地用了中文描述,这样不至于“赶走”英文不好的访客。
标题导航
1、如上文所说,文章的标题也是一个重要的导航部分,它可以尽可能地引导访客找到他感兴趣的内容,所以,文章标题应尽量包含关键词,标题是一篇文章的核心,搜索引擎也比较看重一篇文章的标题,标题的关键字导航也会利于提升文章的排名。
2、在浏览器标题栏显示的Title也是一种导航,关于Wordpress的Title优化设计,可参考这篇文章。
3、由于wordpress中中文标题显示为网址的时候文章的“文章缩略名(Post Slug)”会包含一大串%XX的字符串,很不美观,月光博客做过一个插件,可以将中文标题转化为拼音
翻页/分页导航
其他导航
1、文章内链接。这个在我的博客里做的不多,好像可以用插件实现站内关键字链接。
2、tag(标签、关键字)导航。在主页面(index.php)每篇文章下显示tag起到导航的作用。另外像xw说的,我觉得我也有必要把TAG云图放在侧边来,但是考虑到侧边过长的问题,放弃了这个想法。
3、友情链接。这部分我在前面的《wordpress主题设计与访客体验(上)》中也有提到。我个人觉得博客的友情链接放在首页会更好,如果你做的友链的质量很高,一方面可以提升博客的排名,另一方面能给访客一个好的印象,谁能保证访客离开你的博客不会再回来呢?
4、文章内容导航。从搜索引擎抓取页面来看,搜索引擎和人看文章一样,会从第一段看到最后一段,而第一段的内容就是被搜索引擎认为是这篇文字的主要内容,就是显示在搜索引擎的快照里的内容。所以这个地方也是比较关键的部分,对博客内容和访客需要都比较关键的部分。
5、RSS导航。有很多用户经常在使用阅读器或者聚合订阅工具浏览博客的。所以,在侧栏的导航中我尽可能地列出了访客容易订阅的FEED。
- ››wordpress在window下完美实现301重定向的方法
- ››wordpress开启注册功能
- ››设计模式:工厂方法模式
- ››设计师的思维模式:敏捷体验设计师的思维模式
- ››设计原则为什么是这样?为什么这个是原则?
- ››设计过程中的点滴思考
- ››设计心得:让产品往更好的体验方向生产或改进
- ››设计师考虑如何解决令人头疼的形容词:大气
- ››wordpress在IIS7下启用wp-super-cache的高级功能
- ››设计师职业:设计师如何正视自己的工资
- ››WordPress网站优化:replytocom会导致搜索引擎重复...
- ››wordpress的Akismet插件获取API简单方法
更多精彩
赞助商链接