HTTP 返回 404 或 Not Found 错误信息是一种 HTTP 状态码,代表客户端在浏览网页时,服务器无法正常提供信息,或是服务器无法回应且不知原因。
搜索引擎蜘蛛在请求某个 URL 时得到“404”状态回应时,即知道该 URL 已经失效,便不再索引该网页,并向数据中心反馈将该 URL 表示的网页从索引数据库中删除。
最常见的反应是用户输入了某个 URL 链接地址之后,网页提示“无法找到页面”。我想很多人都见过早期版本的 IE 浏览器返回“无法找到网页”这种情况,页面太丑而且不够友好。
有些时候是用户自己输入的 URL 有错误,也有时是网站把之前的页面调整或删除,原先的链接地址失效页面不存在。
那么我们设计 404 页面有两大好处:
1)引导用户不要关闭网页,增加用户停留时间,增强用户体验。
2)防止网站出现死链接对蜘蛛爬取不利。
404 页面如何设计是可以根据我们的需要来确定的。
比如:意外进入 404 错误页面后提示页面失效,5 秒后返回首页;放一条公益广告;又或是把一些推荐文章和专题,图片等能放的全塞进去。。
自定义你的 404 错误页面是增强用户体验的非常有效的措施,一个趣味的图片,友好地提示出错并且给出链接返回首页或者主要频道,这也是非常常见的自定义的 404 错误页面采用的方式,可以降低网站的跳出率。
而实际上,我们也可以给 404 错误页面加上一些有趣的小游戏,最大限度降低出错页面带给浏览用户的突兀感。
昨晚做了一个内含多款小游戏的 404 错误页面,方便 Sam 和大家闲事玩玩。
暂时放置了三款小游戏:拳皇 KOF97,困住猫咪,俄罗斯方块。
注:用移动端的浏览器访问 404 页面(如手机 UC 浏览器),游戏可能无法加载会显示空白。
截图如下
如果你工作累了,也不想听音乐,那么不妨来玩玩料网的 404 页面暗藏的众多小游戏吧。
访问方式
触发 404 错误页面
访问格式:https://www.liaosam.com/x (X=任意长度的任意字符或数字)
即:只要输入一个不存在的页面地址,就会出现这个 404 页面。
如:https://www.liaosam.com/10086
本站所有文章除注明“转载”的文章之外,均为原创。未经本站允许,请勿随意转载或用作任何商业用途,否则依法追究侵权者法律责任的权利。
第一次发现这么好玩的事好像是两三年前 1688 上那个有点掉节操的 not found 图
上班时间,打开这个网页玩游戏,真的好么。。。
刚注册了头像,试一下
美丽的嫂夫人镇楼,哈哈哈哈
@卡西Jane 我说怎么这么多技能呢
@MRLI 料神夫人没有注册料网的账号吧好像。。
我们公司刚做了自己的官网,但是外包给别人做的。这个 404 的错误页面自己菜鸟能设置么
404 正好是最近我在发愁的问题,Google analysis 显示我的网站出现了几十个 not found 的页面,请料神分享或推荐下 404 设置的方法和攻略,万分感激!
@料神Sam 嗯,五一期间已着手学习现在在改进中。。。话说料神名字旁边加的英雄技能很闪亮啊,建议再加个全屏,哈哈
漂亮的 404 的确能留住用户很多秒
思路很受启发,我们一般制作 404 的时候,都只是简单地做个图示说明,很少想到利用这个页面来展现点东西。
哈哈。感觉还蛮好玩的哦~
料网的每篇文章都配了一副精美的图片,和文章主题比较协调。但是不同文章的图片风格差异较大,就不那么协调了。
封面人物是料嫂吗?
不能再牛了。。。。。
料神太牛了,另外你是怎么做到你评论了我这边也能收到邮件提醒的呢?我用了 mail to commenter 的插件好像没啥反应?
@料神Sam 我把这个有邮件通知函数打进去了,可是好像还是不太好使,是要使用@规则么? smtp 倒是可以正常使用。
另外料神你没有注册企业邮箱么?那个 126 提醒邮件不知道为什么被 outlook 的邮箱默认成黑名单了。
@料神Sam 料神打扰了,我用了欲思提供的代码改了改好像可以用了,麻烦你了。
玩了好几把,终于没让小猫跑出去
@料神Sam 嗯嗯,学习了。有空继续试试,谢谢。
童年时候的记忆啊。。
好玩吧,不自觉地玩了一把,料神真的是有料~~
封面人物好美丽,beautiful lady
思路这是杠杠滴,大神的销售真是无处不在啊,佩服!
好有趣 我们的面向客户的官网这么设置是不是也挺有趣的?
这个好,学习学习,小小玩一把拳皇,爽