首先，你可以简单的做一个html页面，把它命名为：404.html页面；如果不会制作，最简单的办法就是找任何一个比较有名的网站，把它的404页面另存为下来，然后修改上面的文字，以及URL为自己的文字信息，再保存好上传到你网站的根目录就行了。
404页面的注意点：我们做404页面不能让它直接跳转到首页，不然，首页有可能会遭到被K。
怎样让错误页面跳转到404页面：
几乎所有虚拟主机都提供了404页面跳转功能。
第一步：就是登入你注册的虚拟主机后台。
第二步：找到你要设置404页面的地方正确填写404页面所在的地址
如下图：
对于独立服务器，请在.htaccess 文件中加入代码： ErrorDocument 404 /404.html
注意点是：/404.html 前面不要带主域名，否者返回的状态码是302或200状态码。其他情况，请百度搜索下其他方式。
做完404页面之后，访问一个错误的链接会自动跳转到404页面，然后，请用工具检查那个错误链接，看是否返回404代码。
404页面是网站优化中必不可少的基础优化之一，随着网站运营时间的不断延长，网站上原来的网页内容可能会被删除，但是该网页的链接地址往往会以各种内链、外链形式存在，如果使用的是一些锚文本链接，这些文字内容可能会吸引到用户点击，而对应的页面却已经删除，此时如果没有设置404页面，那么用户获得的页面就是一个错误的页面，而搜索引擎 获得的路径则变成了死路。正因如此又将这类链接称之为死链。做网站的都知道网站优化要从站内和站外优化两方面来进行，那么站内优化你是不是忘记了你的404页面呢?今天武汉肥猫科技就来谈谈404页面的设置方法和注意事项。一、什么是404页面
404页面
404页面是客户端在浏览网页时，服务器无法正常提供信息，或是服务器无法回应，且不知道原因所返回的页面。当用户输入了错误的链接时，返回的页面，它会告诉浏览者其所请求的页面不存在或链接错误，同时引导用户使用网站其他页面而不是关闭窗口离开，自定义404错误页面是增强用户体验的很好的做法。
二、404页面作用
404页面是网站必备的一个页面，它承载着用户体验与SEO优化的重任。404页面通常为用户访问了网站上不存在或已删除的页面，服务器返回的404错误。如果站长没有设置404页面 ，会出现死链接，蜘蛛爬行这类网址时，不利于搜索引擎收录。
404页面作用
三、404页面错误提示
是WWW网站访问比较经常出现的错误。最常见的出错提示：404 NOT FOUND。404页面就是当用户输入了错误的链接时，返回的页面。
四、404页面对seo的影响
自定义404错误页面是增强用户体验的很好的做法，但在应用过程中往往并未注意到404页面对搜索引擎的影响，譬如：错误的服务器端配置导致返回状态码“200”或自定义404错误页面使用Meta Refresh导致返回“302”状态码。
五、404页面设置的好处
1、引导用户不要关闭网站，增强用户体验。
2、防止网站出现死链接。
六、404页面设置方法
方法一：下载404页面模板
1、下载后，解压文件，里面有一个404文件夹和404.php两个文件；如下图；需要注意的是404文件里面有一张图片，图片和404文件夹请不要重命名，以免影响显示效果。
2、用Dreamweaver软件，打开404.php这个文件，如下图所示，将双引号之间的“http://www.feimao666.com”修改成你自己的网址，修改完成后，点击“文件”-“保存”。
3、打开FTP上传工具，将404文件夹和404.php上传到网站的根目录的主题文件夹，如果提示覆盖的话直接覆盖。（若你不知道你的网站根目录是哪个文件夹，可以咨询你的空间服务商）。
4、上传完成后，登陆空间控制面板，找到出错页面（一般空间的名称可能有所不同，要是没找到的话就咨询一下空间服务商看看），在“出错页面”中进行设置。
5、最后我们打开浏览器，输入我们的网址，在网址后面随意敲打一些字母或数字，然后回车，就能看到如下404页面效果图了，当我们点击“返回网站首页”时，就会回到我们网站的首页，这样一个简单的404页面就设置好了！
<html><head>
<title>Yout site</title>
</head>
<body>
<div class="container container-sm">
<div id="icon-header">
<span class="fa fa-question-circle"></span>
</div>
<div id="text-column">
<header class="secondary-header">
<h1>Error 404: <strong>Page not found.</strong></h1>
<p>This is not the page you're looking for.</p>
</header>
<nav class="secondary-nav">
<ul>
<li>
<a href="index.html" class="btn btn-primary">
Take me home
<span class="fa fa-exclamation"></span>
</a>
</li>
</ul>
</nav>
</div>
</div>
</body>
</html>
