网站设计中如何详细的自定义404错误页面的制作和设置
程序员文章站
2023-10-09 12:19:34
相信网上有很多关于404页面的制作帖子了，这里我要总结的是根据自己这一次网站被降权而总结的404自定义错误页面的制作，绝对超级详细
... 14-01-12...
一、什么是自定义404错误页面？
404自定义错误页面就是当用户输入了错误的url地址或者输入了一个不存在的url地址时，所返回的一个页面，它的目的是：告诉浏览者其所请求的页面不存在或链接错误，同时引导用户使用网站其他页面而不是关闭窗口网站离开。
二、404自定义错误页面是如何形成的？
http 404 错误意味着链接指向的网页不存在，即原始网页的url失效，这种情况经常会发生，很难避免，比如说：网页url生成规则改变、网页文件更名或移动位置、导入链接拼写错误等，导致原来的url地址无法访问；当web 服务器接到类似请求时，会返回一个404 状态码，告诉浏览器要请求的资源并不存在。但是，web服务器默认的404错误页面，无论apache服务器还是iis服务器，均十分简陋、呆板且对用户不友好，无法给用户提供必要的信息以获取更多线索，无疑这会造成用户的流失。
因此，很多网站均使用自定义404错误的方式以提供用户体验避免用户流失。一般而言，自定义404页面通用的做法是在页面中放置网站快速导航链接、搜索框以及网站提供的特色服务，这样可以有效的帮助用户访问站点并获取需要的信息。
三、404自定义错误页面对seo的影响
自定义404错误页面是增强用户体验的很好的做法，但在应用过程中,网站制作者往往并未注意到对搜索引擎的影响，譬如：错误的服务器端配置导致返回“200”状态码或自定义404错误页面使用meta refresh属性导致返回“302”状态码。正确设置的自定义404错误页面，不仅应当能够正确地显示，同时，应该返回“404”错误代码，而不是 “200”或“302”。虽然对访问的用户而言，http状态码究竟是“404”还是“200”来说并没有什么区别，但对搜索引擎这则是相当重要的。
所以要确保404页面返回的是404代码而不是200和302.在自定义404错误页面设置完毕后，一定要检查一下其是不是能够正确地返回“404”状态码。可以使用server header检查工具(http://www.seochat.com/seo-tools/redirect-check/)，输入一个不存在网页的url，查看一下http header的返回情况，确信其返回的是“404 not found”。
四、定制404错误页面的基本原则
首先应明确的是，404错误页面应工作在服务器级而不是网页级。对定制使用动态页面如php脚本类型的404页（如：404.php、404.asp、404.aspx等）时，必须确保在php执行前服务器已经顺利地送出“404”状态码，不然，一旦执行到了isapi（一般运行在windows服务器上的伪静态脚本服务技术）级别，返回的状态码便只能是“200”或其他如“302”之类的重定向状态码了。对于大部分使用了windows虚拟主机，同时又支持php程序运行的服务器，一般都使用了isapi技术，他们可以提供两种自定义技术，一种静态404.htm页面， 这种页面一般不直接放在网站的根目录之下，而是放在一个“httperror”这个文件夹之下，但是返回的状态码是“200”，另一种是动态404页（如：404.php）等的设置，这种设置，就是在网站的根目录之下放一个404.php之类的动态页面，这样会返回状态码“404”,所以网站的制作者，在虚拟主机的后台设置时，必须看清楚自己的设置，如何要做网站的seo优化，那么就要设置成能返回“404”状态码的那种，否则就会吃大亏.
其次，在自定义网站的404错误页面时，对设置的错误页面url链接应使用相对路径而不是绝对路径，而且自定义404页面应该放在网站根目录下。尽管无效链接可能是多种形式的url，但当发生404访问错误时，web服务器会自动将其转到自定义的当404错误页中，这跟url的形似没有关系。
五、404错误页面的设置方法
1、apache服务器下设置404错误页面
为apache server设置 404错误页面的方法很简单，首先制作一个名为404.html/404.htm/404.php/404.asp/404.aspx的页面，视空间要求而定，再在.htaccess 文件中加入如下内容即可（.htaccess文件一般linux空间会自带的，如果没有这个文件，自己可以用记事本写一个，命名为.htaccess,一定要记得去掉记事本文件的.txt哦。而windows虚拟空间是没有这个文件的，也不用上传这个文件）：
# 404 page
errordocument 404 /notfound.php
(“notfound”是你给你的自定义错误页面的命名，你也可以改成error.php等等)
注意：
（1）.切记不要将404错误跳转到网站主页，比如使用了js脚本或者meta refresh跳转技术。否则可能会导致主页在搜索引擎中消失或者不被收录.
（2）.切记不要使用绝对url如果使用绝对url返回的状态码是“302”+“200”
2、iis/asp.net下设置404错误页面
静态404错误页面设置
(1)做个404页面，404.html或者404.htm，根据你的网站实际情况来。
(2)服务器/虚拟主机管理设置，根据自己的情况，选择“使用根目录下的404页面”，如果自己能找到“消息类型”选项，则要选择“文件”或者“默认值”，而不能选择“url”。如果自己在主机提供商网站的管理后台找不到此“消息类型”选项请联系技术客服做出修改。这是具有决定性的一步。 这步一定要操作好，如果在后台找不到这个消息类型，就不要自己设置，因为你设置之后肯定返回值是200，所以事先和客服联系下。
(3)上传404.htm到网站根目录，打开一次试试，看是否成功了。
动态404错误页面设置
首先，修改应用程序根目录的设置，打开 “web.config” 文件编辑，在其中加入如下内容：
＜configuration＞
＜system.web＞
＜customerrors mode=”on” defaultredirect=”error.asp”＞
＜error statuscode=”404′ redirect=”notfound.asp” /＞
＜/customerrors＞
＜/system.web＞
＜/configuration＞
注：上文例中“error.asp”为系统默认的404页面，“notfound.asp”为自定义的404页面，使用时请修改相应文件名。
然后，在自定义的404页面“notfound.asp”中加入：
＜%
response.status = “404 not found”
%＞
这样，便可以保证iis能够正确地返回“404”状态码。
所有的设置完成之后，别忘记检测http状态，确定返回的是404，而不是200。http状态检测地址参考：server header检查工具(http://www.seochat.com/seo-tools/redirect-check/)
404自定义错误页面就是当用户输入了错误的url地址或者输入了一个不存在的url地址时，所返回的一个页面，它的目的是：告诉浏览者其所请求的页面不存在或链接错误，同时引导用户使用网站其他页面而不是关闭窗口网站离开。
二、404自定义错误页面是如何形成的？
http 404 错误意味着链接指向的网页不存在，即原始网页的url失效，这种情况经常会发生，很难避免，比如说：网页url生成规则改变、网页文件更名或移动位置、导入链接拼写错误等，导致原来的url地址无法访问；当web 服务器接到类似请求时，会返回一个404 状态码，告诉浏览器要请求的资源并不存在。但是，web服务器默认的404错误页面，无论apache服务器还是iis服务器，均十分简陋、呆板且对用户不友好，无法给用户提供必要的信息以获取更多线索，无疑这会造成用户的流失。
因此，很多网站均使用自定义404错误的方式以提供用户体验避免用户流失。一般而言，自定义404页面通用的做法是在页面中放置网站快速导航链接、搜索框以及网站提供的特色服务，这样可以有效的帮助用户访问站点并获取需要的信息。
三、404自定义错误页面对seo的影响
自定义404错误页面是增强用户体验的很好的做法，但在应用过程中,网站制作者往往并未注意到对搜索引擎的影响，譬如：错误的服务器端配置导致返回“200”状态码或自定义404错误页面使用meta refresh属性导致返回“302”状态码。正确设置的自定义404错误页面，不仅应当能够正确地显示，同时，应该返回“404”错误代码，而不是 “200”或“302”。虽然对访问的用户而言，http状态码究竟是“404”还是“200”来说并没有什么区别，但对搜索引擎这则是相当重要的。
所以要确保404页面返回的是404代码而不是200和302.在自定义404错误页面设置完毕后，一定要检查一下其是不是能够正确地返回“404”状态码。可以使用server header检查工具(http://www.seochat.com/seo-tools/redirect-check/)，输入一个不存在网页的url，查看一下http header的返回情况，确信其返回的是“404 not found”。
四、定制404错误页面的基本原则
首先应明确的是，404错误页面应工作在服务器级而不是网页级。对定制使用动态页面如php脚本类型的404页（如：404.php、404.asp、404.aspx等）时，必须确保在php执行前服务器已经顺利地送出“404”状态码，不然，一旦执行到了isapi（一般运行在windows服务器上的伪静态脚本服务技术）级别，返回的状态码便只能是“200”或其他如“302”之类的重定向状态码了。对于大部分使用了windows虚拟主机，同时又支持php程序运行的服务器，一般都使用了isapi技术，他们可以提供两种自定义技术，一种静态404.htm页面， 这种页面一般不直接放在网站的根目录之下，而是放在一个“httperror”这个文件夹之下，但是返回的状态码是“200”，另一种是动态404页（如：404.php）等的设置，这种设置，就是在网站的根目录之下放一个404.php之类的动态页面，这样会返回状态码“404”,所以网站的制作者，在虚拟主机的后台设置时，必须看清楚自己的设置，如何要做网站的seo优化，那么就要设置成能返回“404”状态码的那种，否则就会吃大亏.
其次，在自定义网站的404错误页面时，对设置的错误页面url链接应使用相对路径而不是绝对路径，而且自定义404页面应该放在网站根目录下。尽管无效链接可能是多种形式的url，但当发生404访问错误时，web服务器会自动将其转到自定义的当404错误页中，这跟url的形似没有关系。
五、404错误页面的设置方法
1、apache服务器下设置404错误页面
为apache server设置 404错误页面的方法很简单，首先制作一个名为404.html/404.htm/404.php/404.asp/404.aspx的页面，视空间要求而定，再在.htaccess 文件中加入如下内容即可（.htaccess文件一般linux空间会自带的，如果没有这个文件，自己可以用记事本写一个，命名为.htaccess,一定要记得去掉记事本文件的.txt哦。而windows虚拟空间是没有这个文件的，也不用上传这个文件）：
# 404 page
errordocument 404 /notfound.php
(“notfound”是你给你的自定义错误页面的命名，你也可以改成error.php等等)
注意：
（1）.切记不要将404错误跳转到网站主页，比如使用了js脚本或者meta refresh跳转技术。否则可能会导致主页在搜索引擎中消失或者不被收录.
（2）.切记不要使用绝对url如果使用绝对url返回的状态码是“302”+“200”
2、iis/asp.net下设置404错误页面
静态404错误页面设置
(1)做个404页面，404.html或者404.htm，根据你的网站实际情况来。
(2)服务器/虚拟主机管理设置，根据自己的情况，选择“使用根目录下的404页面”，如果自己能找到“消息类型”选项，则要选择“文件”或者“默认值”，而不能选择“url”。如果自己在主机提供商网站的管理后台找不到此“消息类型”选项请联系技术客服做出修改。这是具有决定性的一步。 这步一定要操作好，如果在后台找不到这个消息类型，就不要自己设置，因为你设置之后肯定返回值是200，所以事先和客服联系下。
(3)上传404.htm到网站根目录，打开一次试试，看是否成功了。
动态404错误页面设置
首先，修改应用程序根目录的设置，打开 “web.config” 文件编辑，在其中加入如下内容：
＜configuration＞
＜system.web＞
＜customerrors mode=”on” defaultredirect=”error.asp”＞
＜error statuscode=”404′ redirect=”notfound.asp” /＞
＜/customerrors＞
＜/system.web＞
＜/configuration＞
注：上文例中“error.asp”为系统默认的404页面，“notfound.asp”为自定义的404页面，使用时请修改相应文件名。
然后，在自定义的404页面“notfound.asp”中加入：
＜%
response.status = “404 not found”
%＞
这样，便可以保证iis能够正确地返回“404”状态码。
所有的设置完成之后，别忘记检测http状态，确定返回的是404，而不是200。http状态检测地址参考：server header检查工具(http://www.seochat.com/seo-tools/redirect-check/)