如何合理设计WordPress博客菜单

20/03/201908:49:18 发表评论 212个阅读者

在搭建运营WordPress博客的过程中,很多人注重关键词、外链等SEO,却不是很重视页面设计、分类目录、分类菜单的设计。

其实关键词、外链SEO这些都是软性的,可以弹性操作的。

WordPress博客中的分类目录和分类菜单,却是硬性的,目的并不是为了要增加SEO,而是要让广告商在最短时间认识你或让读者在最快的速度找到他所需要的资料。

大部分的WordPress博客做文章分类的时候,都尽量把资料塞得满满,让读者产生选择障碍,不知道该从何找资料,或是得花太多时间搜寻他们所要的信息。

如何合理设计WordPress博客菜单

文章分类的正确观念

给大家一个最简单的观念:文章分类目录的目的是将文章分类的井井有条便于寻找相同类型的文章,但菜单的目的是要让对方看到你希望他看到的信息,这两个目的是截然不同的。

不要有着什么资料都一定要可以被看到的想法,那会把你的菜单编辑得非常混乱,也不要担心读者会漏看什么信息,因为读者想要看的资料远比你想要给他的资料少得许多,让读者看到你所想要呈现的文章并让他把你定义为这个领域的大师就可以了。

下拉菜单的文章分类的设计

下拉菜单的设计非常简单:不要超过两个以上不同的类别,例如前面介绍是日本旅游后面介绍是韩国旅游再来又是台湾旅游,除非你是跨界领域大师,不然一次让读者看到一个身份就可以了。

下拉菜单是整个网站最重要的信息入口,有一半的目的是给广告商看,另一半的目的是给读者看,请让他达成商业展示、精选摘要和搜寻效果即可。

侧边栏文章分类菜单的设计

大部分的作者会把所有的文章分类都放在侧边栏,这是最普遍见到的排版方式。

文章分类菜单放在侧边栏最大的挑战就是侧边栏的信息太多了,多到很多的信息都很容易被读者忽略,并不是把资料放在侧边栏,读者就一定会看到。

侧边栏摆放哪些信息才是最重要的呢?作者简介、最新文章、热门文章、广告、懒人包的精选或是你的联系方式比如微信、QQ等等。

从上百个网页的读者习惯分析数据中发现:大部分的读者根本不会利用侧边栏的分类菜单找资料,下拉菜单才是大部分读者找资料的唯一选择。

当下拉菜单找不到资料的时候大部分的读者就会放弃在这个网站搜资料了,所以侧边栏还要放分类菜单吗?

除非你可以把侧边栏简化到只有最重要的资料,就像下拉菜单一样没有其他的信息干扰,你也许会问侧边栏放哪些资料才是最刚好的,建议个人简介、博客搜索、懒人包的图示、分类菜单、顶多再一个广告位就好了。

那QQ、微信、QQ群还有FB、INS这些信息要放在哪呢?我觉得可以放在内文的最下方就好了,因为读者喜欢你的文章才会去加入你的社群,不可能都还没看任何资料就先加入,而且已经加入过的人对于一直出现的信息根本没太大兴趣,社群的目的是培养铁粉,搜寻的目的是满足过路人的需求,再看看能否把路人变成熟客,所以先搞清楚读者的习惯和动线才能决定把哪些好的信息放在正确的位置。

侧边栏懒人包的排列设计

不管是懒人包和攻略对于作者和读者都是非常重视的信息入口,将它们放在侧边栏绝对是非常适合,但绝大多数的博客并不太会设计懒人包的图示,总觉得我有放漂亮的图片在侧边栏读者就会愿意点击或观看,但大部分漂亮的图片在侧边栏出现的时候读者的第一个反应就是他是广告,很容易下意识地忽略掉。

什么样的懒人包图示才是好的图示呢?我觉得是信息清楚并直接告诉读者你可以在这个懒人包得到什么样的回馈,把它做得像广告没什么关系,怕的只是一张美丽的图片而文字不够清楚,当广告的诱因够明显读者还是会愿意点击的,不要觉得他不是广告所以就把它做得很美很美,漂亮的东西永远不会比有诱因的东西来得更吸睛,除非你的职业是摄影师。

手机板文章分类菜单的设计

手机版的文章分类菜单到底该怎么设计?如果你用的是自适应的WordPress主题自然会去抓取你电脑版的下拉菜单。

如果你是手机板和桌机版分开制作方式,手机版的下拉菜单可以把它更加简化,手机的读者绝大部分都是透过搜寻或社群的文章分享找到你的单一文章,不太可能是从首页慢慢点击你的分类菜单,所以这里的分类菜单尽量留下吸睛的信息就好了,他要比电脑版下拉菜单的制作来得更加精简更加方便。

凡事都有例外和如果,如果读者想要看完整的信息,但上述的说法都教大家只呈现最精简的信息不就会错失了一些铁粉吗?我会建议在电脑版的下拉菜单和手机版的分类菜单一定要塞上「网站地图」的页面,在这一页将你说的分类做最完的整理即可,不要总觉得文章分类就一定是要完整的放在下拉菜单或侧边栏,我们也可以把文章分类完整的呈现在一个页面里面给重度使用者慢慢的旅行。

avatar

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: