在我从事网页设计的初期，在繁杂的工作压力下，是不知道SEO为何物的，能把一大堆页面维护好不出错已经很好了，别人在乎的也只是你设计的页面是不是漂亮。老板们口中经常提及的也只是Alexa排名。然而渐渐的，开始有人提出要把404页面作为网站标准配置，在这股热潮下大部分人所做的就是把系统默认的那个报错页面替换一下。但就是有一些PM似乎是找到了风水宝地一样，要求在404页面上放了大量的广告，还放了很多注册充值的链接。。。这一股风刮过后，那些PM就不再过问404了，就仿佛它们从不存在一样。现在点击老东家的网站，尽管主站已经改版了多次，404页面还是N年前那个（点这里）。最要命的是经过后来的几次服务器搬家设置，它已经起不到404的作用了，打其他网址进去，只给你一行冰冷的服务器报错信息…

但从那个时候起，我对自己从事的项目，都不会忘记要建一个简单的404页面。
很欣赏有老外在404页面做一个简单的小游戏的做法，既能提高用户体验，又能彰显自己的技术和个性。比较反感在404页面放一堆广告（寻人广告除外），而且还是过时广告，让人觉得这家公司只是拍脑袋办事的。
我眼中404页面的要素：网站的logo、简单的提示语、推荐几个用户感兴趣的链接（导航）、有条件的话放一个搜索栏

• 网站logo – 用图形提醒用户还在当前网站，以防止用户以为浏览器出错而关闭窗口
• 简单的提示语 – 提醒用户进入错误的网址
• 推荐几个用户感兴趣的链接（导航） – 给出解决方案，引导用户继续访问网站
• 搜索栏 – 如果用户是从搜索进入的404页面，可能是因为关键词问题，可以重新在此输入

以上这些就够了。因为404一般是用户自己输错链接，或网站给错链接而导致的，网站应该担负起引导回用户的责任，而不是利用404再推销广告，给用户的流量造成进一步的压力。倘若没有404，用户可能一点错链接就离开了你；倘若404做得太过花哨，用户也可能因产生抵触情绪而离开网站。

对于比较在意流量的移动端的访客来说，404的意义更大。手机操作毕竟不如PC便捷，这就导致了用手机的用户会比用PC的用户更缺乏耐心，一旦看见网站报错，更可能直接离开。

404页面很有必要遵从简单有效的原则，尽量少用或不用图片，完全不用Flash和复杂的JS脚本，让用户一瞬间就能看到页面的全貌。试想一下，如果加载时间很长，用户经过等待后才看见一个报错页面，他们的心情肯定会down到了谷底。
404页面千万不能做自动跳转，那样你可能会上搜索引擎的黑名单，到时候就欲哭无泪了。
在技术上，404页面千万不要用相对地址引用CSS和图片，那样在有目录结构的URL中会链接出错。404页面的外链CSS或图片等应该用根地址（类似“/images/logo.jpg”这样的写法）。
最后，404页面完成后有必要用这个页面HTTP状态查询工具检测一下，看看返回的状态码是不是真的404。

为自己的网站做的404页面，力求简单，用了响应式布局做兼容，：http://brain1981.com/404.html

本站所有文章均为原创，欢迎转载，请注明文章出处：https://blog.brain1981.com/95.html。百度和各类采集站皆不可信，搜索请谨慎鉴别。技术类文章一般都有时效性，本人习惯不定期对自己的博文进行修正和更新，因此请访问出处以查看本文的最新版本。

本站记录了近几年的工作中遇到的一些技术问题和解决过程，“作品集”还收录了本人的大部分作品展示。除了本博客外，我们的工作室网站 – JennyStudio，内有更多作品回顾和展示。
您也可以扫描左边的二维码，关注我们的微信公众号，在微信上查看我们的案例。