怎样简单的制作一个404页面

2017-11-09 作者:alan   |   浏览(70)

  404相信站长们都熟悉吧!他曾经包括现在都是网站的基本核心,是网站必备的一个页面,它承载着用户体验与SEO优化的重任。404页面通常为用户访问了网站上不存在或已删除的页面,服务器返回的404错误,虽然服务器有默认的404页面,但这个默认的404页面对搜索引擎与用户都不够友好。所以从网站优化的角度上来讲,应该自己制作一个个性404页面。

  首先什么是404页面?

  简单的说404页面指的是原来可以正常访问的链接,在某些特殊的原因后失效,在访问这个链接的时候,服务器就会返回404状态的错误页面。

  404页面的设置方式:

  一、使用404模板页面设置

  第一种方法我们用iis服务器进行设置,博主随便在网上找了一个个性404页面模板

  1、解压下载的404模板文件,里面已经有一个404.html文件,如图;需要注意的是404文件夹里面有images文件和css文件,请不要随意重命名,不然会影响到404页面的显示效果。

  

解压404页面模板

  2、使用网页编辑软件打开404.html文件修改图中标注的部分(常用的Dreamweaver软件),替换成自己的网址,修改完成后,点击保存。

  

修改404模板文件

  3、现在就可以把404文件夹里面的所有文件上传至网站根目录,注意不要把404html页面放在404文件夹中,如图操作。

  

上传404页面至网站根目录

  4、上传好文件过后,接下来在iis服务器里面设置,打开iis管理-网站-要设置404的网站,点击错误页进行设置。

  

iis服务器设置404

  5、错误页设置,删除自带404信息,新添加自定义错误页,如图设置。

  

iis服务器设置404

  6、设置完过后,打开设置404的网站看效果,在网址后面随意输入内容然后猛敲一下回车,就看到效果了,点击“返回首页”时,就会回到我们的网站首页,如图显示,表示设置成功。

  

测试404页面设置成功

  二、自行制作404页面设置

  第二种方法用虚拟主机进行设置

  1、打开Dreamweaver软件,新建一个html文件,复制粘贴我们现在网站的头部和尾部代码,中间插入错误信息返回首页代码,就大功告成啦!(小飞SEO为了节省时间就没有给代码加样式,你们想把404做的美观的话自己调样式)

  

自己制作一个简单的404页面

  2、进入我们的虚拟主机控制面板,找到错误页面管理(我这里用的是横天主机,其实虚拟主机控制面板都差不多,仔细找找)                    404页面301常见的几种情况

  

虚拟主机设置404

  3、修改404.shtml源码,把刚才我们制作好的源码粘贴进去即可或者保存制作好的404页面为404.shtml用ftp上传至根目录。

  

虚拟主机设置404页面

  

虚拟主机设置404页面1

  4、同理打开网站查看效果,一样设置成功能返回首页。

  

测试虚拟主机设置404页面成功

  404页面的强大将代表着网站的功能也越来越多,张家界seo提示大家:404页面的方式有几种,但是他所代表的意义却是一样的。