4个技巧教你如何设计网站的404页面

2019-09-15 15:48:50  104 浏览  0 评论   赞

404页面的设计:在页面中推荐相应版块的优质内容;提供服务的网站可以留下联系方式;提供站内搜索功能,引导用户搜索相近内容;适度使用幽默元素

4个技巧教你如何设计网站的404页面

图378-1:404

什么是404页面?当一个网址指向一个不存在的页面时,服务器会返回404状态码,这时网站往往会返回一个提示用户的页面,404的状态码是给计算机程序(浏览器)看的,404页面是给用户看的。404表示的就是页面不存在,那么我们要如何设计这个页面才合适呢?

从用户体验的角度来说,用户点击了网址就说明用户对网址的内容是感兴趣的,网址的内容可能来自于其他网站的锚文本链接,也可能来自于搜索引擎的搜索结果,这些介绍页面内容的描述内容引起了用户的兴趣,因此用户点击了链接。用户进入链接后却显示页面不存在,用户看不到感兴趣的内容,这会极大的影响用户的体验,设计一个合理的404页面降低对用户的负面影响。

推荐优质内容

推荐优质内容_4个技巧教你如何设计网站的404页面

图378-2:Microsoft的404页面

从网站的角度来说,既然页面内容不存在,他也就不知道页面原来的内容是什么,虽然用户点击网址之前知道链接的内容应该是什么,但是用户显然不可能告诉网站,这个页面应该呈现什么样的内容。因此向用户推荐优质的内容就会比较困难,网站中有那么多的内容,该推荐什么内容才让用户感兴趣呢?

有的网站会有二级域名、子目录等对网站中的内容进行分类,对于这种类型的网站,在404页面中推荐优质内容可以根据网址中的二级域名、子目录进行选择,尽可能的使推荐的内容符合用户的胃口。比如:www.aaa.com这个网站是关于网站的,采用子目录的形式区分不同的板块,其中jianshe子目录是“网站建设”的板块,jingyan子目录是“建站经验”的二级分类板块,如果这个时候有一个链接,www.aaa.com/jianshe/jingyan/123.html,这个链接指向的内容不存在,那么根据子目录就可以知道本来的文章属于“网站建设-建站经验”板块下,在404页面中可以在这个板块下挑选几个优质的内容推荐给用户。

联系方式

联系方式_4个技巧教你如何设计网站的404页面

图378-3:简书的404页面

在404页面中添加联系方式适用于企业站点,网站本身是提供某种服务,那么页面的内容一定跟网站提供的服务有关,用户对链接感兴趣是因为对网站提供的服务感兴趣,在404页面中添加企业的联系方式可以引导用户咨询客服。比如:一个提供网站SEO服务的网站,站长在网站中写了很多关于SEO的文章,文章的内容很多就是关于SEO实践的,用户打开链接可能就是为了寻找SEO服务的人员,留下联系方式后用户可能会通过联系方式联系站长。

404页面中留下联系方式还有另外一个好处,404页面的出现有的是站长主动所为,但是还有一些页面是由程序自动生成的,对于站长主动所为的404页面站长自己是知道为什么要删除页面的,对于程序生成的页面站长可能就不知道。在页面中留下联系方式后,有的用户,特别是网站忠实粉丝可能就会通过联系方式进行反馈。站长接收到反馈信息之后,如果是由于某种错误造成的,可以修正错误后将页面的内容显示出来。

站内搜索

站内搜索_4个技巧教你如何设计网站的404页面

图378-4:知乎的404页面

在404页面的显著位置放置一个搜索框,用户可以通过在搜索框中输入关键词进行站内搜索,采用这种方式有两个原因。

1、页面位置可能移动。如果网站进行了改版,网站的结构可能会发生变化,一般来说在进行网站改版的时候,要将所有的旧链接通过301跳转进入新链接,但是如果网站的结构比较复杂的话,有的链接可能并没有完成跳转。这种情况下页面的内容是存在的,只是位置移动了,原来的旧链接已经不可用了,用户通过站内搜索可以定位到新的链接。

2、寻找相关内容。网站没有改版,只是单纯的页面被删除,用户也可以通过站内搜索找到相似的内容。在页面被删除的情况下用户仍旧选择在用一个网站中搜索相近的内容,通常发生在用户对网站有好感的情况下,用户对网站比较信任,即使寻找相似的内容也要在指定的网站中进行。虽然搜索引擎变得越来越智能,但是要在搜索引擎中找到一个优质的内容还真不是那么简单,有太多的网站为了各自的利益坑蒙拐骗无所不用其极,大站相对于小站来说要诚信一些。

举个例子来说:如果想下载一部不是很火的小说,在搜索引擎中搜索就不太简单,如果大站中不存在,那就是一些小打小闹的网站,他们采用各种手段吸引用户进入,然后设置各种障碍让你不能下载。前不久我打算下载一部“天下霸唱”的小说“无终仙境”,结果搜索了一个小时没有下载下来,第二天又奋战了一个小时才得以下载。有的网站是标题写着可以下载,其实根本没有下载按钮;有的下载需要会员、需要消耗xx币;有的有下载按钮,但是是假的;有的下载页面不存在。

适度使用幽默元素

适度使用幽默元素_4个技巧教你如何设计网站的404页面

图378-5:幽默元素

大家应该见过这种类型的404页面,页面是一个很幽默的图片或者动画,虽然看上去很好玩,但是仅此而已。一个用户进入网站后,对于站长来说最重要的事情就是尽可能的将用户保留下来,这样的幽默画面,虽然能够给用户耳目一新的感觉,但是用户绝对不会为此而留下来。站长在设计404页面时还是应该采取上面提到的几种方法,那些方法对将用户留下来或多或少的会产生一定的作用。

404页面正确的做法是,首先在明显的位置提示用户页面不存在,这部分内容可以采用幽默元素,然后在页面的其余位置采用上面的三种方法尽可能的引起用户的兴趣,将用户留在网站内。

转载请注明:网创网 www.netcyw.cn/b378.html

赞 ()
发表评论
  • 昵称
  • 网址
(0) 个小伙伴发表了自己的观点
    暂无评论

Copyright © 2018-2019 小王子工作室 版权所有 滇ICP备14007766号-3 邮箱:yangzy187@126.com