国内外知名网站的404错误处理

news/2024/4/28 12:10:36/文章来源:https://blog.csdn.net/phphot/article/details/3354237
今天看到一则新闻,“亚马逊的CEO Jeff Bezos则更有创意,数年前他也许是认为自己的404错误页面的“发明创造”足够优秀,于是向专利局递交了404页面的专利,这一专利包括当一个用户出 现404错误时显示替代网页的操作.而如今,这一专利已经生效.”我们知道,发生404错误时默认应该是下面这个画面

nopic.JPG

一个机械的,冷冰冰的画面,毫无美感可言,在越来越注重用户体验的现在,各大网站也在404上动了脑筋改进,下面就先来看看国外的网站。

首先是申请专利的amazon

amazon曾经的创意用今天的眼光看来变得很普通,404页面仅仅做到了本份,除了一句文字和一个首页链接外没有更多的东西。

搜索巨头google
google

保持了google一贯简洁的特征,google的核心是他的pagerank,404只要能做到不出现默认404页面即可,可以看到描述比amazon也要简洁的多。

曾经的互联网老大yahoo
yahoo

表现中规中矩,比较有亮点的是集成了一个搜索框在404页面上,我们先不去管他是不是有人会在404页面上去搜索,能在404页面上集成一个产品功能上去也算有点产品意识。

C2C霸主ebay
ebay

ebay在404的处理上显然下了功夫,这个页面很明显的提示了用户所查找的网页不存在,提供了首页和网站地图的链接,提供了“Report this technical issue or view known technical issues”的链接,提供了搜索框,提供了类目浏览,提供了
Where would you like to go next?
Buy a different item - see all eBay to offer.
Post to Want It Now - tell millions of users what you want.
Discover Personalized Pics - see items you might like.
Sign up for PayPal - the fast, easy, safe way to pay on eBay.

Learn more about searching:
Help: General search tips
Help: Advanced search commands
View an online tutorial on finding items

,这是有史以来最强大的404页面,尤其是提供了与用户交互的”Report this technical issue or view known technical issues”,这是其他网站都没考虑到的,基本用户可以在这个页面上找到任何他想要的功能。

全球b2b领先企业alibaba
alibaba

很遗憾,404没做任何处理。

看完国外网站看国内网站

搜索一哥百度

baidu

百度对404的处理还算比较恰当,突出了搜索框,引入了用户交互,引导用户进入百度帮助中心和百度吧,把核心产品贴吧在这里做了个合适的推广,百度不差的!

alibaba中文站alibabacn

和英文站相比alibaba中文站显然对404做了处理,404页面保持了中文站的框架和页面风格,做到了提示错误和引导用户使用其他功能,但是有 一点要提的是这个404页面在3秒钟左右会自动跳转到首页,我不知道其他人能不能在这么短的时间内看清楚这个404页面上提供的功能,我是看不过来,虽然 功能很多,但是在这么短的时间内很难抓住重点,设计者不知道有没考虑到这一点。

新浪网

sina

相当的简洁,明确告诉你页面没找到,5秒转入首页。

搜狐网

sohu

搜狐做的比新浪多一点,直接重定向到了网站地图,还附带了搜狗的搜索框,体现了和新浪不一样的设计理念。

腾讯网
aaa

5秒重定向到首页

如果输入www.qq.com/abcd则没做处理

qqhome

最后再来看一下3大C2C购物网站

首先看淘宝网
taobao

淘宝网提供了404页面符合网站的整体风格,页头和页脚都和正常页面一致,加了彩票应用(由于政策原因已经停止)的引导,加了首页,社区,我要买的引导,页面整体风格比较简洁。

拍拍网paipai

虽然属于腾讯系,但是拍拍对404的处理比qq花了更多心思,不仅页面风格和网站整体风格保持一致,而且把这个页面非常好的利用起来,把最热门的活 动和历史活动放置在404页面中,把用户引导到活动这一优质资源上去,拍拍的产品经理应该是动了一些脑筋。不过有一点我比较关心的是这么花哨的页面用户会 不会还知道这是404,与ebay相比缺少了用户互动的接口,ebay的404处理首先告诉用户这是出错页面,可能是什么错误,如何提交错误,其次才是引 导其他功能,拍拍的话轻描淡写一下404错误就直奔活动的主题了,可能这是国外网站和国内网站设计的思路不一样吧。

最后来看一下易趣网eachnet

易趣网的处理方式以为回到了90年代,“If you think this is a server error, please contact the webmaster. ”这句话在上世纪90年代的网站出现的频率比较高。整个404页面很明显的存在工程师的风格

Error 404
www.eachnet.com
Thu Jan 31 16:03:37 2008
Apache/2.2.0 (Linux/SUSE)

提供了首页链接,但是没有界面设计,没有中文化,还显示了操作系统和web服务器的信息。毕竟eachnet刚
重组不久,相信过一阵子这个页面会有人去修改。

列举了一批网站的404处理,可以看出各个网站的不同风格,有的简洁,有的周全,有的偏用户体验,有的偏商业意识,不管怎么样,毕竟这些网站都对404做了处理,不至于让网民看到浏览器的404默认页面,让我们为他们致敬。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_771617.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

ASP.NET Core 一步步搭建个人网站(1)_环境搭建

---恢复内容开始--- ASP.NET Core 一步步搭建个人网站(1)_环境搭建 阅读目录 一、部署环境 1.SQL Server安装与配置2.服务器防火墙配置3.测试远程访问数据库4. IIS环境和.NET Core Windows Server Hosting配置二、 创建Asp.net Core Web项目三、发布网站…

12 个最佳的免费学习编程的游戏网站

source: http://mp.weixin.qq.com/s?__bizMzI1NDQwNDYyMg&mid2247483853&idx1&sn7aaa75fca3865869c438cfa6f8c12865&chksme9c4f0acdeb379ba0c205ab24f3bcb3e0e3bf79083ca2aeb836863fcf2777c36e9969590880f&scene0#wechat_redirect 12 个最佳的免费学习编程…

大型网站技术架构(二)架构模式

2019独角兽企业重金招聘Python工程师标准>>> 每一个模式描述了一个在我们周围不断重复发生的问题及该问题解决方案的核心。这样,你就能一次又一次地使用该方案而不必做重复工作。 所谓网站架构模式即为了解决大型网站面临的高并发访问、海量数据、高可靠…

3套响应式布局html欧美网站模板全站源码下载

1、css3html5响应式布局网站模板下载 下载资源 2、APP strap响应式布局网站_html响应式网站模板下载 下载资源 3、黑色win8风格网站模板_九宫格布局html网页模板下载 下载资源转载于:https://www.cnblogs.com/jsfoot/p/3145877.html

数据如何驱动网站页面设计和优化

电商行业已经进入红海阶段机会主义不在技术洼地被填平精细化运营和数据化管理已是电商决策者的必修课。电商企业的兴衰荣辱总能最先在数据层面窥见端倪甚至可预见是否养痈成患。 随着互联网业态不断深入发展如今在互联网含移动互联网跟电力一样稀松平常作为生活、工作刚需之时数…

程序员面试过关必备网站,你用过几个?

对于程序员而言,面试所谓是人生重要的一件事情,在这之前,还是有必要刷一些编程面试题,为面试做好充足的准备! 今天小编给大家分享一些面试相关网站,给大家面试来一波神助攻噢! 0.Reddit 在Red…

Java程序员常去的学习网站,等你来收藏

在程序员的职业生涯中,似乎这一生追随程序员的必定是和学习脱不了关系的,那么提升自身能力是职业生涯上必不可少的。小编也不示弱哦,今天给大家带来几个能学到知识的网站,网上的很多优质网站完全可以满足大多数人的自学需要&#…

程序员必备5个编程自学网站,你都用到过吗?

有的人觉得编程难学,而有的人,编程对人家来说就是小菜一叠! 其实想学好编程,并没有那么难 分享5个程序员必备编程自学网站,看到大家都没有用过 赶紧来看一看吧 小编是一个有着5年工作经验的java程序员,对…

Java程序员必须掌握的网站知识 —— HTTP

介绍 HTTP协议是Hyper Text Transfer Protocol(超文本传输协议)的缩写,是用于从万维网(WWW:World Wide Web )服务器传输超文本到本地浏览器的传送协议。 HTTP是一个基于TCP/IP通信协议来传递数据(HTML 文件, 图片文件…

一步一步SharePoint 2007之八:允许所有域用户访问网站

一步一步SharePoint 2007之八:允许所有域用户访问网站摘要上一篇文章让我在同事们面前丢尽了脸,真是郁闷啊,到现在还是红红的:)没办法啊,咱脸皮儿薄呀!(呵呵,没人扔臭鸡蛋过来吧?&am…

程序员必备的几大实用小网站

很多人想要从事IT行业,可是却没有志同道合的朋友,以及学习的途径,(当然,我们万门有许多编程语言课),所以分享几个程序员必备的比较实用而且酷炫的网站。 “Hello World”大全 https://hellowor…

帮程序员减压放松的 10 个良心网站

工作之余,不妨放下微博跟朋友圈,来这10个网站感受一下看着就醉了的情境:「念完往上一推音乐键,我往后一靠,潮乎乎的软皮耳机里头,音乐排山倒海。」今天推荐的网站,利用代入感强的图片与音频&…

资深程序员总结了9个java学习需要收藏的网站!

第一个:JavaSED 这是1个很大的资源类型的网站,涉及了很多Java代码案例。这个网站也可以查看很多Java API类源代码,值得收藏! 第二个:Code Project Code Project:1个可以够适合程序员全部需求的论坛。 第三…

Windows 8实现所有微软网站免登录

犹豫了非常久,最终还是把Windows 8装到了工作用的笔记本中,但由于本本比较老了,本来以为可能获得的体验不会很好,但经历了10多分钟的安装后,发现Windows 8确实非常的强大!首先是内置的hyper-V功能&#xff…

Apsara Clouder云计算专项技能认证的网站建设-部署与发布,你知道吗?

2019独角兽企业重金招聘Python工程师标准>>> 建站认证可以帮助学员掌握如何将一个本地已经设计好的静态网站发布到Internet公共互联网,通过自己的域名让全世界的网民访问到,并且教会学员如何完成工信部的ICP备案,实现监管合规。 0…

程序员常逛的几大网站!

1、Github gitHub是一个面向开源及私有软件项目的托管平台,因为只支持git 作为唯一的版本库格式进行托管,故名gitHub。 2、w3school 领先的 Web 技术教程 - 全部免费在 w3school,你可以找到你所需要的所有的网站建设教程。 小编相信这里有很…

Flash互动网站设计学习-Flash发展历史

Flash互动网站设计学习历程(一) Flash发展历史 打开Flash网站,我就被其绚丽的视觉效果、小巧的体积、不用安装插件等优势吸引了,我决定好好研究一番,写此文章主要是激励我能坚持学习FALSH互动和加深对知识的理解。 Flash发展历程 Flash最早期…

程序员常用网站:让代码更简单

说起程序员,总有那么几个网站是程序员不可或缺的,小编办公室的程序员就常常用这几款网站,你用过么? Stack Overflow 这个网站,就算不常用,每次搜索编程相关都能看见它。当你遇到任何编程问题,…

AWWWB 网站克隆器 更新到1.01 修正错误

测试克隆网站: http://www.simdoo.com/default.aspx 分析UTF-8等编码的网页时会出现此问题,现已修正。 新版下载地址:http://www.uushare.com/user/icesee/file/2249659 本文转自斯克迪亚博客园博客,原文链接:http://w…

如何快速搭建一个社交网站平台?

2019独角兽企业重金招聘Python工程师标准>>> 截至到2017年12月,我国的网民规模已经达到了7.72亿,而手机网民规模也达7.53亿,2017年网络社交娱乐类应用用户规模均保持了高速增长,同时电子商务、网络游戏、网络广告收入水…