1. 聚能聊>
  2. 话题详情

哇塞!原来404还能这么玩!

screenshot

看起来很眼熟对吧!每个人上网浏览时,一般都是利用网址来找寻你需要的网页。而每次当你输入的网址错误、或是原本的网址更改了,就会出现「HTTP 404」找不到网页的画面, 404页面就是通常说的错误页面,就是客户端在浏览网页时,服务器无法正常提供信息,或是服务器无法回应且不知原因,也叫找不到的页面。我们在浏览网站过程中发现,一个好的网站都有自己的404页面。可以说一个网站要是没有404页面就很难得到用户的信赖。但你是否知道 404 网页也能很好玩?

而一个诙谐有趣的 404 画面不仅能让浏览者知道自己来对了地方,要是够有趣的话,还会让人会心一笑呢!让我们来看看各网站为我们这些可能迷路的旅人准备的小惊喜吧!

GitHub 的 404 网页相当精致,网页有互动效果。

screenshot

Facebook,一个受伤了的点「赞」。

screenshot

阿里云 的 404, 太空漫步

screenshot

Lego 网站的 404 画面活泼有趣卡通小人拔开了电源

screenshot

CSDN 网站的 404用来做公益发布寻人信息

screenshot

大麦网404页面 纪念逝去的明星

screenshot

还有一些其他的有趣的页面

模仿打蜜蜂的游戏

screenshot

模仿死机蓝屏

screenshot

问题来啦!!

1、 你认为404页面是必不可少的吗?说说你的想法。
2、 你认为404页面对SEO有影响吗?
3、 当你兴致冲冲的打开一个网页,看到HTTP 404是种什么心情?
4、 说说404除了做成寻人启事还能用来干什么?
5、 你见过哪些好玩的或者奇葩的404 页?有图更好。
6、 开启你的脑洞假如让你来制作404页面它应该是个什么样子?
。。。。。。。

参与话题

奖品区域 活动规则 24天后 结束

  • 奖品一

    纪念版T恤 x 2

  • 奖品二

    优酷VIP月卡 x 1

  • 奖品三

    积极向上淘公仔 x 3

42个回答

2

mr_tenroku 已获得积极向上淘公仔

哇咔咔,终于找到个喜欢的话题了,一个一个答吧
1.当然有必要啊,对用户能起到信息提示的作用,对开发者
2.不一定吧,SEO的影响因素很多,而且404属于友好型提示吧,( •̥́ ˍ •̀ू )不是很懂这方面,没有深入了解
3.就我个人来说并不反感404,有段时间还特意去各大网站乱输地址来看他们的404页面好不好看、特不特别啥的,应该算很奇葩吧
4.一些段子、笑话啥的啊,缓解下找不到页面带来的尴尬的气氛,哈哈(ಡωಡ)hiahiahia
5.见过做成小游戏的,这不是重点,重点是我居然玩个404页面玩了大半天。。。
6.(ಡωಡ) 以前有过想做成某些不可描述的网站的页面访问升级那种提示,让用户怀疑人生

巴洛克上校 回复

在404页面玩了大半天 厉害了

mr_tenroku 回复

(ಡωಡ) 很少简单有趣的,没把持住ORZ

巴洛克上校 回复

就冲你喜欢这个话题送个公仔鼓励你下,记得以后要多多参与互动哈!

评论
1

浮夸点点 已获得纪念版T恤

1、 你认为404页面是必不可少的吗?说说你的想法。
404页面是必不可少的,因为它能提升一个网站最低友好度,同时也可以优化404页面防止错误页面导致用户流失

2、 你认为404页面对SEO有影响吗?

3、 当你兴致冲冲的打开一个网页,看到HTTP 404是种什么心情?
如果是web server报的404,就像是飞船硬着陆一样,心情就像是车祸现场。如果说经过一个优化的404页面,例如经过大数据计算我最感兴趣新闻和商品可以说404页面一般不会太失望。

4、 说说404除了做成寻人启事还能用来干什么?
还可以做活动推广,环保宣传,公益活动,段子笑话,主站跳转,总之有404页面这个软着陆会让我们有很多机会

5、 你见过哪些好玩的或者奇葩的404 页?有图更好。
做为一个标准吃货我买网的吃掉页面:http://www.womai.com/404.html
image

CSDN的失踪人口:
image

艺术馆:http://www.artron.net/404.html
image

NASA页面:https://www.nasa.gov/404.html(你访问对象可能去了未知区域)
image

6、 开启你的脑洞假如让你来制作404页面它应该是个什么样子?
不同的网站404页面需要不同内容:

  • 购物网站,可以在404页面给用户推荐一些用户更喜爱的商品
  • 新闻网站可以在404页面可以推荐一些热点新闻
  • 娱乐类的网站可以推荐一些段子和视频供用户开心 总结404页面尽量做的柔和些,尽量让人看货愉悦或者心情平复,避免404给用户带来的不良体验

巴洛克上校 回复

那如果是游戏网站或者是论坛,又该放点什么呢?

浮夸点点 回复

为了缓和人们情绪一般会走这三种路线:
1.走情怀路线,推一些历史经典让用户喜欢上404页面
2.走公益路线,转移用户注意力
3.走兴趣推荐,或者热门推荐,让用户焦点重新回到网站内容
游戏网站可以推荐一些:游戏近期活动,游戏内热门内容,总之让大多用户感兴趣,如果有技术实力也可以抽取部分报错页面,在错误页面基础上进行活动和内容的智能推荐,收集转化信息,从而更好的进行优化

巴洛克上校 回复

你说404页面对SEO有影响,那你感觉影响体现在那些方面?

浮夸点点 回复

SEO大多数情况是为了提升搜索引擎收率和排行:
如果404页面硬着陆,spider爬取失败不仅影响相关页面收录,还会降低关键词在排行中权重。

浮夸点点 回复

不恰当的404页面还会暴露服务器的相关信息,对安全造成隐患,例如一些0day漏洞就会找上门。。。

评论
0

1461963404564191 已获得优酷VIP月卡

做公益事业是首选,我们应该尽可能的承担社会责任。次而言之,可追求利益的最大化,接入电商广告。三更好的客户体验,将404页面做的华丽点,以减轻客户遇到404的不悦。个人观点,非喜勿喷

巴洛克上校 回复

说的挺好,多多参与哟~

评论
0

陈序婷 已获得积极向上淘公仔

1.404必不可少,“让迷途的用户,找到回家的路。”
2.被刻意制造出大量404肯定对SEO是有影响的。但是SEO是一门玄学,不是很懂,不敢妄言。
3.看到404感觉还行,心里的想法就是可以到站点首页翻翻看看有没有自己想要的。但是有时候在百度搜索到一个标题是自己超级想要的,点开发现直接跳转网站首页(这种情况遇到了很多次),万念俱灰。
4.404首先应该做好自己该做的事:告知用户当前状况,导航用户到首页或者其他能够帮助到用户的地方(例如添加一个搜索框)。其次寻人启事、小游戏都成。个人喜欢极简风格,不想弄太多额外的东西。
5.奇葩404一时想不起来。占坑补吧。
6.喜欢极简风格,在用404如下(原作者不详):
404

巴洛克上校 回复

“让迷途的用户,找到回家的路。”好像一首歌啊哈哈~~

陈序婷 回复

星星点灯

评论
1

浮生递归

你居然也混成云栖专家了,怎么做到的,是不是发了照片给小编……
1、 你认为404页面是必不可少的吗?说说你的想法。
可以提升用户体验,让用户更直观的明白自己遇到了什么情况。默认的404实在不友好。

2、 你认为404页面对SEO有影响吗?
理论上,不应该出现404。如果出现了,说明程序或内容没控制好。现在政府网站就不能出现404。也就是不能有无效链接。甚至有错别字都不行。

3、 当你兴致冲冲的打开一个网页,看到HTTP 404是种什么心情?
去死吧,程序员。

4、 说说404除了做成寻人启事还能用来干什么?
寻狗启事,寻猫启事,寻老鼠启事,寻外星人启事(这个真的有,在国外。)

5、 你见过哪些好玩的或者奇葩的404 页?有图更好。
我现在用的是这个,几年了,没打算换。
goi

6、 开启你的脑洞假如让你来制作404页面它应该是个什么样子?
直接来个宇宙黑洞吧,然后用户的桌面挂起一阵飓风,吓死他。

巴洛克上校 回复

你这脑洞够大的啊,不怕被吸进去吗?

评论
1

易水寒666

我认为:
1、错误就是错误了,应该让用户知道错误了,然用户误以为没错误的过度设计是不可取的。
2、错误提示要友好,降低用户的失落感,比如文中轻松欢快的错误提示页面然后不再那么失望。要是能够结合用户画像,对应生成用户喜欢主题的错误页面就完美了。
3、有些运营商之前做过将错误页面劫持,跳转到相关导航上同时附上广告。个人虽然不是很赞同,但也觉得有可取之处。

巴洛克上校 回复

运营商劫持是很讨厌,要没广告还好些!

评论
1

enjoylifexk

自定义404页面的作用:
1.提高用户浏览网站的体验
2.声明网站对用户找不到资源的歉意
3.为用户指明方向

自定义404页面好的想法:
1.当用户访问出现404,可以在页面上致以歉意,并赠送一点积分给用户,让用户的失落感去掉。
2.动态引导用户去正确的地址访问。

巴洛克上校 回复

赠送积分?

评论
0

萧宇@52

1.404必须有:告诉浏览者其所请求的页面不存在或链接错误,同时引导用户使用网站其他页面而不是关闭窗口离开。
很多开源系统包括CMS系统、Blog系统等不提供404页面或提供的404页面并未达到SEO的要求,这让网站的权威性大打折扣。

404对用户来说是一种很不好的体验,当用户点击链接想要找到答案时,出来的却是一个错误页面,90%的用户会选择直接关掉网页。如果你做了404页面,那么就可以引导用户重新回到你的网站,继续寻找他想要的东西,从而减少网站的跳出率。但在应用过程中要特别注意对搜索引擎的影响,错误的服务器端配置将导致返回200状态码,对于用户来说200和404没有什么区别,但对搜索引擎来说是不同的。200状态码会让搜索引擎爬虫认为该链接是有效,从而大量收录相同页面,导致多个不同的URL具有相同的页面,严重的话将直接导致K站。

2.有影响,如果是大网站可以忽视,小网站就要完善,将404页面优化好,最好具有一定的引导性,这样会降低跳出率,减少用户的等待和不安全感,用户会感觉网站很权威和可信。

3.尴尬,受挫,失落,无话可说😂。

4.在404页面上提供社交媒体链接是个好想法,提供了几个秘密链接。汇总常见的问题和解答,添加了下载链接等一些有用的信息。添加了联系方式和支持团队的联系方式,还有就是公益广告。在404页面上提供了高级搜索功能绝对是必要的😏😏。

5.http://nikibrown.com/404
这个404页面除了提供了一些重要的链接之外,还提供了几个秘密链接,当用户点开之后,会发现一些颇为不错的音乐。这种方式会增加网站的黏度。

http://www.cubeecraft.com/character404.html
😁作为一个纸模类的网站,它的404页面突出了网站的特征:它不仅选取了一个与错误有关的人物角色😉,还提供了图片下载链接——纸模用户可以将其打印出来,做成这个角色的纸模,独具匠心。

http://www.project-euh.com/404/?

这是一个非常独特的404页面,当你进入这个404页面的时候,系统会有机器音提醒你进入了一个404页面,而页面内提供的图片其实是一个动画的链接,它会引领你进入一个个好玩的随机页面😃。

6.设计一个独特的404页面也可以让游客驻足观赏,也能让他们对网站产生好感,连404页面都做的这么精致,网站的东西肯定也不错了。尽量做到最好的优化,给客户最好的体验吧!

😂没衣服了

易水寒666 回复

这个感觉有点过度设计了吧,404错误了还是想办法让客户找到他想要的东西,而非转移注意力。

巴洛克上校 回复

怎么个独特法呢?

评论
1

1316964356583524

404不仅仅要告知用户错误,更要转移用户的注意力。减少因网页错误带来的失落感😄

巴洛克上校 回复

那你理想页面应该是怎样的呢?

评论
0

静静的飞

就冲你喜欢这个话题送个公仔鼓励你下,记得以后要多多参与互动哈!

巴洛克上校 回复

说你是谁这么淘气

评论
0

paul+

这个问题之前还真的认真研究过:
1,404的这个代码是SIP协议中的一个代码,表示服务器端没有相关的信息返回。
2,404作为地理坐标,在中国的地图上也是一个非常保密的地区。
3,404作为网站来说,也是屏蔽不良信息的提示。
4,404作为用户来说,也是对上网行业的暂时休息。

巴洛克上校 回复

总结挺好,哈哈~~

paul+ 回复

那奖个T恤呗

评论
0

1269318825245190

404很必要,而且要和主页面视觉感觉要一样,5秒跳主页。

巴洛克上校 回复

视觉感觉要一样这点我也认为很重要

评论
0

yqcc

我觉得最好的功能是能定向到首页

巴洛克上校 回复

你的意思是直接跳转到首页不显示404吗~~

评论
0

akuns

很友好的一个报错方式。

巴洛克上校 回复

怎么才能友好呢

评论
0

过目就忘

熊大对熊二说:光头强从此再也不砍树了
(无法查询您要咨询的页面)

巴洛克上校 回复

哈哈有才~

评论
0

aigyp

直接提示异常。感觉还挺不安全的。 出个页面还好一些

巴洛克上校 回复

恩~有个页面还是很必要的

评论
0

一枚工程师

蓝屏的那个你够了,还嫌大家不够心累么。。。

巴洛克上校 回复

哈哈

评论
0

fengrenyan

难道放个音乐?!

巴洛克上校 回复

也不是不可以

评论
0

1216700214253875

可以开发成广告用途,产品营销,但是错误提示还得醒目,不然用户以为上错网站了

巴洛克上校 回复

想法不错,但这样的广告多久才能被看到一次呢?

评论
0

bcsoftware

还有这种操作?

巴洛克上校 回复

有啊

评论
3
4086
浏览
0
收藏
邀请他人互动
关注
13
粉丝
6
话题
2

简介:

云栖社区小盆友
在云上签发Symantec、WoSign、CFCA证书,实现网站HTTPS化,使网站可信,防劫持、防篡改、防监听...

一站式提供企业即时通讯、销售管理、协同办公。

基于深度学习技术及阿里巴巴多年的海量数据支撑, 提供多样化的内容识别服务,能有效帮助用户降低违规风险。其产品包括...

为您提供简单高效、处理能力可弹性伸缩的计算服务,帮助您快速构建更稳定、安全的应用,提升运维效率,降低 IT 成本...