码迷,mamicode.com
首页 > 其他好文 > 详细

杨泽业:创建一个用户体验更好的自定义404页面

时间:2018-06-25 22:59:35      阅读:315      评论:0      收藏:0      [点我收藏+]

标签:网站程序   sof   移动   RoCE   51cto   rap   技术分享   back   tom   

我先来说说,什么是404页面?404页面是客户端在浏览网页时,服务器无法正常提供信息,或是服务器无法回应,且不知道原因所返回的页面。


404页面的作用主要是:提升用户体验,避免出现死链,避免信任度下降,避免被惩罚。


大多数的网站程序,都会提供了一个相对用户来说,一个非常友好的404页面,无需用户自己创建。


例如:和我一样的wordpress博客的知更鸟的begin主题,就为我们设计了,一个看起来非常简洁友好的404页面,如图:(此图为begin主题默认的404页面)

技术分享图片

begin主题默认的404页面

如果你在你的网站里面输入任意的不存在的地址如/888,出现了上面的页面,那么你无需做任何更改。

 

但是,如果你的服务器配置和我的一样是宝塔管理面板,新建站点的时候,就自动生成了404页面和主页,我是把默认的404页面删除以后,得到的404页面截图如下:

技术分享图片

不友好的404页面

当然如果你的 页面是这样的页面的话,肯定是不友好的,于是我就仿卢松松博客,创建了一个和他一样的404页面,如果页面出错,那就玩一个小游戏吧!

技术分享图片

创建一个友好的自定义的404页面

制作和我一样的404页面,到底难不难呢?我可以告诉你,简单至极。


方法:随意打开我一个不存在的页面,就会进去404页面,右键查看源代码,复制源代码,新建一个404.html的文件,把代码复制进去即可。


HTTP 404错误意味着链接指向的网页不存在,即原始网页的URL失效,这种情况经常会发生,很难避免。比如说:网页URL生成规则改变、网页文件更名或移动位置、导入链接拼写错误、页面删除等,导致原来的URL地址无法访问;当Web 服务器接到类似请求时,会返回一个404状态码,告诉浏览器要请求的资源并不存在。


所以说做一个网站404页面是必须的,各位站长自己去检查一下自己的网站,是否有一个友好的404页面:有就不用管了,没有,那就赶快做一个,刻不容缓!

本文由杨泽业原创,发布于51CTO博客

杨泽业:创建一个用户体验更好的自定义404页面

标签:网站程序   sof   移动   RoCE   51cto   rap   技术分享   back   tom   

原文地址:http://blog.51cto.com/9103725/2132630

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!