玉林SEO,致力于SEO、SEM、网络营销等技术,提供网站优化、百度排名、搜索引擎排名等服务。点击这里给我发消息点击QQ联系站长

教你制作404页面

羽凡seo 2617℃ 0评论

大伙上网也许都碰到过,当你输错url地址或者部分之前存在现在没有了的url,你点开后出来的或者是一个死链接-空白页面,或者是一个跳转页面。出现死链接,我们一般就是直接关闭,因为这个给用户的体验太差了。而如果出现的是一个有提示的跳转页面,并且给用户一个赏心悦目的感官享受,提升用户体验,很多用户就不会立马跳出当前所在的网页,这时候有一个指向你网站首页或其他你想要用户进去的页面的链接跳转,就可以留住部分用户。这里所说的这个出现错误状态提示的跳转页面就是404页面。

那么我们怎么来制作这个404页面呢?

首先,新建一个名为404.txt的txt文件,把下面这段代码放在这个文件里面。红色字体处按括号注释放入你自己网站对应的内容。做好这些内容替换后保存文件.

<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=GBK”>
<meta http-equiv=”refresh” content=”5; URL=http://www.liyufan.cn/(这里放入你的网址)“>
<title>404错误-您访问出错了</title>
<style>@-moz-keyframes nodeInserted{from{opacity:0.99;}to{opacity:1;}}@-webkit-keyframes nodeInserted{from{opacity:0.99;}to{opacity:1;}}@-o-keyframes nodeInserted{from{opacity:0.99;}to{opacity:1;}}@keyframes nodeInserted{from{opacity:0.99;}to{opacity:1;}}embed,object{animation-duration:.001s;-ms-animation-duration:.001s;-moz-animation-duration:.001s;-webkit-animation-duration:.001s;-o-animation-duration:.001s;animation-name:nodeInserted;-ms-animation-name:nodeInserted;-moz-animation-name:nodeInserted;-webkit-animation-name:nodeInserted;-o-animation-name:nodeInserted;}</style>
</head>
<table width=”630″ border=”0″ align=”center” cellpadding=”0″ cellspacing=”0″>
<tbody><tr>
</tr>
<tr>
<td height=”60″ bgcolor=”#FFFFFF”><table border=”0″ align=”center” cellpadding=”0″ cellspacing=”0″>
<tbody><tr>
<td width=”230″><a href=”#”><img src=”http://liyufan.cn/wp-content/uploads/2015/04/404.jpg(这里放入你404页面图片的url地址)” alt=”404错误,没有找到页面” style=”border:0;”></a></td>
<td width=”400″ align=”center” style=”color:#333333; font-size:16px; font-weight:bold;”><p>哎唷!页面木有找到,<strong style=”font-size:18px;color:red;”>5</strong> 秒钟之后将带您进入首页!</p>
<p>你可以点击进入 <a href=”http://www.liyufan.cn/(这里放入你要跳转到的网址)“>羽凡seo(这里放入你要显示的名称)</a> </p></td>
</tr>
</tbody></table></td>
</tr>
</tbody></table>
</body>
</html>

这个html代码做好的404页面的显示效果如下,如果你想要更美的显示效果,你可通过404页面图片,及相关显示提示语来增加用户体验:

404页面显示示例画面

其次,制作404.html文件. 将上面做好的404.txt文件直接改后缀为html格式,简单点就是把txt改为html,注意前面那一点别删除了。

第三步,把这个404.html文件通过ftp工具上传到你的根目录下。

做完以上三步,一个404页面就完成了。当用户访问出错的时候就会出现上面所示的404页面。

喜欢 (3)
发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(3)个小伙伴在吐槽
  1. 写得很详细,懂了
    ivan2015-06-02 08:53 回复
  2. 好文章,内容出类拔萃.禁止此消息:nolinkok@163.com
    肉牛2015-06-04 18:44 回复
  3. 不错的文章,内容惊涛骇浪.禁止此消息:nolinkok@163.com
    防风网2015-07-06 18:19 回复