外贸

利用趣味404页面提高用户体验度

料神Sam发布于 2015-03-22阅读 52938 次评论 46

利用趣味 404 页面提高用户体验度-料网 - 外贸老鸟之路
HTTP 返回 404 或 Not Found 错误信息是一种 HTTP 状态码,代表客户端在浏览网页时,服务器无法正常提供信息,或是服务器无法回应且不知原因。

搜索引擎蜘蛛在请求某个 URL 时得到“404”状态回应时,即知道该 URL 已经失效,便不再索引该网页,并向数据中心反馈将该 URL 表示的网页从索引数据库中删除。

最常见的反应是用户输入了某个 URL 链接地址之后,网页提示“无法找到页面”。我想很多人都见过早期版本的 IE 浏览器返回“无法找到网页”这种情况,页面太丑而且不够友好。

利用趣味 404 页面提高用户体验度-料网 - 外贸老鸟之路

有些时候是用户自己输入的 URL 有错误,也有时是网站把之前的页面调整或删除,原先的链接地址失效页面不存在。

那么我们设计 404 页面有两大好处:
1)引导用户不要关闭网页,增加用户停留时间,增强用户体验。
2)防止网站出现死链接对蜘蛛爬取不利。

404 页面如何设计是可以根据我们的需要来确定的。
比如:意外进入 404 错误页面后提示页面失效,5 秒后返回首页;放一条公益广告;又或是把一些推荐文章和专题,图片等能放的全塞进去。。

自定义你的 404 错误页面是增强用户体验的非常有效的措施,一个趣味的图片,友好地提示出错并且给出链接返回首页或者主要频道,这也是非常常见的自定义的 404 错误页面采用的方式,可以降低网站的跳出率。

而实际上,我们也可以给 404 错误页面加上一些有趣的小游戏,最大限度降低出错页面带给浏览用户的突兀感。

昨晚做了一个内含多款小游戏的 404 错误页面,方便 Sam 和大家闲事玩玩。

暂时放置了三款小游戏:拳皇 KOF97,困住猫咪,俄罗斯方块。
注:用移动端的浏览器访问 404 页面(如手机 UC 浏览器),游戏可能无法加载会显示空白。

截图如下

利用趣味 404 页面提高用户体验度-料网 - 外贸老鸟之路
利用趣味 404 页面提高用户体验度-料网 - 外贸老鸟之路利用趣味 404 页面提高用户体验度-料网 - 外贸老鸟之路利用趣味 404 页面提高用户体验度-料网 - 外贸老鸟之路

如果你工作累了,也不想听音乐,那么不妨来玩玩料网的 404 页面暗藏的众多小游戏吧。

访问方式

触发 404 错误页面
访问格式:https://www.liaosam.com/x  (X=任意长度的任意字符或数字)

即:只要输入一个不存在的页面地址,就会出现这个 404 页面。
如:https://www.liaosam.com/10086

 

本站所有文章除注明“转载”的文章之外,均为原创。未经本站允许,请勿随意转载或用作任何商业用途,否则依法追究侵权者法律责任的权利。

分享到: 微信 新浪微博 QQ Qzone
料神Sam
识不足则多虑,威不足则多怒,信不足则多言。
SiteGround外贸建站主机优惠券

46条评论

发表我的评论

取消评论

邮箱白名单说明:最近料网自动提醒邮件经常会被一些邮件服务商拦截。为了您顺利并及时地收取留言被回复的提醒邮件,请在您邮箱中把料网 liaosam.com 加入白名单域名。

我不是机器人
设为私密评论
添加表情

Hi,您需要填写昵称和邮箱!

您的邮箱地址不会公开,仅仅用于收取回复。建议填写QQ邮箱,不宜填写工作邮箱。
  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址 (没有就留空)
  • 问题验证:今年年份是?
呃,评论有点多哦.. 请稍等
  1. lmxChrome · Windows 10

    我举报,拳皇 97 无法加载!!! :cry:

    8年前 (2017-01-15)
    上海
    回复
    • Liaosam 外贸综合症患者.搜狗浏览器 · Windows 7
      @lmx 那个游戏 SWF 文件不支持 https 源,我也没办法了。本来还想试试把源文件 swf 下载下来,结果不行。下载 NEO 模拟器 SWF 到本地不支持识别游戏。
      8年前 (2017-01-16)
      江苏
      回复
  2. Kevin.SunFirefox · Windows 7

    KOF 还是用摇杆玩的爽,键盘别扭。。

    8年前 (2016-11-06)
    江苏
    回复
  3. Kevin.SunFirefox · Windows 7

    玩了两把,挺爽!

    8年前 (2016-11-06)
    江苏
    回复
  4. 外贸白武士ExportWK.comChrome · Windows 7

    个人类网站(例如博客)可以这样做,提高用户的体验度嘛

    但可否想过,如果企业站这样做???
    客户甚至会觉得你公司是否被黑户入侵
    所以我觉得企业站的 404 错误页面只需要一个公司 LOGO 简单一两句话就可以
    避免带来不必要的麻烦

    9年前 (2016-02-01)
    广东
    回复
    • Liaosam 外贸综合症患者.搜狗浏览器 · Windows 7
      @外贸白武士ExportWK.com 好多评论没注意,抱歉!都 9 个月前了。。
      这篇文章不特别针对企业网站,企业网站确实没有必要追求趣味。
      8年前 (2016-11-06)
      江苏
      回复
  5. 火火Chrome · Windows 7

    这个真的很棒,以前就一直觉得 404 的页面太丑了,如果是这样的话,估计大家都不想走了,哈哈

    9年前 (2015-10-13)
    广东
    回复
  6. MiyaChrome · Windows 7

    看了好多料神的文章,觉得很受用,不过在查客户数据时还是会有些打不开网页,试了船长,不过好像现在没有免费的,╮(╯▽╰)╭,话说玩了 5、6 把都没堵住小猫咪

    9年前 (2015-08-13)
    江苏
    回复
  7. GordonChrome · Windows 7

    我用 Wix 建站不能自定义 404 页面...

    10年前 (2015-06-29)
    美国
    回复
  8. GordonChrome · Windows 7

    我的头像没了,之前有成功过的啊...

    10年前 (2015-06-06)
    广东
    回复
  9. GordonChrome · Windows 7

    三把才搞定小猫咪,不能光想着堵,得给个套他钻...

    10年前 (2015-06-06)
    广东
    回复