访问页面出现404错误(网页error404)
<p>一、网站为什么会产生404错误页面
</p>
<p>
一个站点随着时间的推移，网站中的页面也会越来越多，在网站运营的过程中不可避免的因为各种因素（服务器瘫痪、黑客入侵、网站搬家、误删等）导致网站中的页面丢失，当用户访问网站中不存在的页面时，服务器通常会返回404错误，如果站长没有设置好404错误页面，服务器会显示对用户体验极不友好的一个默认错误页面。
</p>
<div id="attachment_64744" class="wp-caption aligncenter">
<img class="aligncenter size-full wp-image-64744" title="访问页面出现404错误(网页error404)" alt="访问页面出现404错误(网页error404)" width="580" height="375" src="https://www.teamczyx.com/article/1604514918.jpg" />
<p id="caption-attachment-64744" class="wp-caption-text">
访问页面出现404错误(网页error404)
</p>
</div>
<p>
用户遇到默认的错误页面的时候一般会选择关闭，大家不要忘记，主流的<a>搜索引擎</a>已经将用户停留时间纳入了排名算法中。
</p>
<p>
二、404错误页面设置注意事项
</p>
<p>
需要注意的是，当一个页面不存在的时候，一定要返回404状态码，有的服务器设置有问题，或者站长刻意在不存的页面时返回一个200状态码，这种做法是极不正确的。200状态码意味着页面访问正常，如果站点中出现了多个错误页面并且返回200状态码，搜索引擎就会认为这几个不存在的页面是存在的，并且抓取的内容是一样的。这样就会造成网站中多个页面相似度过高，反而对网站不利。
</p>
<p>
如何检测页面返回的状态码是404还是200呢？其实很简单，当我们打开某个站点的时候，在URL后面随意添加几个字符，将组合成的URL放到“http状态码检测工具”中查询一下即知。
</p>
<div id="attachment_64745" class="wp-caption aligncenter">
<img class="aligncenter size-full wp-image-64745" title="访问页面出现404错误(网页error404)" alt="访问页面出现404错误(网页error404)" width="600" height="400" src="https://www.teamczyx.com/article/1604514919.png" />
<p id="caption-attachment-64745" class="wp-caption-text">
访问页面出现404错误(网页error404)
</p>
</div>
<p>
还有的站长将错误页面通过<a>301</a>设置跳转到首页，这对搜索引擎也是极不友好的，会让搜索引擎认为网站上存在着大量与首页相同的内容，所以不建议当页面不存在时使用任何跳转。
</p>
<p>
三、网站404错误页面的设计
</p>
<p>
1.404页面设置要点
</p>
<p>
（1）404页面设计要保持网站的统一，包括模板、logo和名称，条件允许的话建议保留网站的顶部和底部内容，不要让用户搞不清楚来到了哪个站点。
</p>
<p>
（2）404页面应该在最显著的位置明确错误信息，告知用户访问的页面不存在，可以加上造成页面不存在的几种可能性。
</p>
<p>
（3）在错误信息下方添加网站的主要几个链接，包括首页、重要栏目或者<a>网站地图</a>的链接，甚至还可以加上站内搜索框，让用户自己去选择点击选项。
</p>
<p>
2.404页面功能实现
</p>
<p>
当我们制作好404错误页面之后，我们需要将页面中包含的所有元素上传到网站<a>空间</a>，404页面可以放到网站根目录中，页面中的元素一般建立一个文件夹放置。当用户访问不存在页面时如何显示我们设置好的404页面呢？我们主要通过以下几种方法，大家根据网站配置自由选择：
</p>
<p>
（1）一般的虚拟主机控制面板中都有404错误设置模块，大家可以在空间控制面板中直接设置即可。
</p>
<p>
（2）<a>apache</a>服务器可以在根目录中的.htaccess文件中进行设置，代码如下：
</p>
<p>
ErrorDocument 404 /404.htm
</p>
<p>
这句话的意思是当出现404错误的时候显示根目录中的404.htm页面。Apache程序的配置文件httpd.conf也可以设置，但不建议大家使用。
</p>
<p>
（3）<a>iis</a>6.0设置404错误页面可以直接在IIS控制面板中进行设置：
</p>
<p>
第一步，在IIS6.0中找到自己的网站，点右键，选择属性；
</p>
<div id="attachment_64746" class="wp-caption aligncenter">
<img class="aligncenter size-full wp-image-64746" title="访问页面出现404错误(网页error404)" alt="访问页面出现404错误(网页error404)" width="600" height="400" src="https://www.teamczyx.com/article/1604514919-1.png" />
<p id="caption-attachment-64746" class="wp-caption-text">
访问页面出现404错误(网页error404)
</p>
</div>
<p>
第二步，找到“自定义错误”选项卡，向下拖动滚动条，找到404错误选项；
</p>
<div id="attachment_64747" class="wp-caption aligncenter">
<img class="aligncenter size-full wp-image-64747" title="访问页面出现404错误(网页error404)" alt="访问页面出现404错误(网页error404)" width="600" height="400" src="https://www.teamczyx.com/article/1604514919-2.png" />
<p id="caption-attachment-64747" class="wp-caption-text">
访问页面出现404错误(网页error404)
</p>
</div>
<p>
第三步，双击或者点击编辑之后，在弹出的对话框中将“消息类型”选择“文件”，点击浏览找到404错误页面，点击确定即可。
</p>
<div id="attachment_64748" class="wp-caption aligncenter">
<img class="aligncenter size-full wp-image-64748" title="访问页面出现404错误(网页error404)" alt="访问页面出现404错误(网页error404)" width="600" height="400" src="https://www.teamczyx.com/article/1604514919-3.png" />
<p id="caption-attachment-64748" class="wp-caption-text">
访问页面出现404错误(网页error404)
</p>
</div>
<p>
（4）IIS7.0以上的版本可以从web.config和IIS面板中进行设置，web.config设置比较复杂，特别是<a>伪静态</a>、301重定向和404并存的情况下，所以推荐使用IIS控制面板进行设置。
</p>
<p>
第一步，打开IIS 管理器，点击需要设置404错误页面的网站。在IIS右侧选择错误页这项，双击打开。
</p>
<div id="attachment_64749" class="wp-caption aligncenter">
<img class="aligncenter size-full wp-image-64749" title="访问页面出现404错误(网页error404)" alt="访问页面出现404错误(网页error404)" width="599" height="400" src="https://www.teamczyx.com/article/1604514919-4.png" />
<p id="caption-attachment-64749" class="wp-caption-text">
访问页面出现404错误(网页error404)
</p>
</div>
<p>
第二步，双击404选项项，也可以选中404这项（这里也可以设置其他401、403、500等页面），再点右边【编辑】，然后出现如下界面：
</p>
<div id="attachment_64750" class="wp-caption aligncenter">
<img class="aligncenter size-full wp-image-64750" title="访问页面出现404错误(网页error404)" alt="访问页面出现404错误(网页error404)" width="770" height="271" src="https://www.teamczyx.com/article/1604514921.png" />
<p id="caption-attachment-64750" class="wp-caption-text">
访问页面出现404错误(网页error404)
</p>
</div>
<div id="attachment_64751" class="wp-caption aligncenter">
<img class="aligncenter size-full wp-image-64751" title="访问页面出现404错误(网页error404)" alt="访问页面出现404错误(网页error404)" width="600" height="400" src="https://www.teamczyx.com/article/1604514921-1.png" />
<p id="caption-attachment-64751" class="wp-caption-text">
访问页面出现404错误(网页error404)
</p>
</div>
<p>
第三步，根据上图所示中的提示，填写对应的内容即可。
</p>
<p>
3.网站404错误页面检测
</p>
<p>
当我们全部设置好404页面之后，我们需要进行测试是否成功，测试主要包含以下两个方面：
</p>
<p>
第一，在浏览器的地址栏中输入网址，并在网址后面添加”/”和部分字符，测试404页面是否展示，如<a>http://www.</a>***.com/asdfaf，404页面完美展示则证明404页面设置已经成功了一半；
</p>
<p>
第二，在http状态码检测工具中对<a>http://www.</a>***.com/asdfaf记性检测，如发现返回的状态码是404的话，则证明网站404设置完全成功。
</p>
页:
[1]