SEO博客分享简单漂亮的404页面纯代码

原创 社长  2019-06-11 09:53:05  阅读 158 次 评论 0 条
重庆专业seo
摘要:

404页面是网站优化的基本优化之一。随着网站运行时间的不断延长,网站上原有的网页内容可能会被删除,但网页的链接地址往往以各种形式的内部和外部链接存在。如果使用锚文本链接,文本内容可能会吸引用户点击,但相应的页面已被删除。如果此时没有设置404页,则用户获得的页面是错误的页面,并且搜索引擎获得的路径成为死胡同。这就是为什么这种链接被称为死链接;接下来我给大家分享一个漂亮的404页面 纯代码。页面效果:源码:<!DOCTYPE html PUBLIC "-//W3C//DTD XHT

404页面是网站优化的基本优化之一。随着网站运行时间的不断延长,网站上原有的网页内容可能会被删除,但网页的链接地址往往以各种形式的内部和外部链接存在。如果使用锚文本链接,文本内容可能会吸引用户点击,但相应的页面已被删除。如果此时没有设置404页,则用户获得的页面是错误的页面,并且搜索引擎获得的路径成为死胡同。这就是为什么这种链接被称为死链;接下来我给大家分享一个漂亮的404页面 纯代码。

页面效果:

SEO博客分享简单漂亮的404页面纯代码

源码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>404-对不起!您访问的页面不存在</title>

<style type="text/css">

.head404{ width:580px; height:234px; margin:50px auto 0 auto; background:url(https://www.daixiaorui.com/Public/images/head404.png) no-repeat; }

.txtbg404{ width:499px; height:169px; margin:10px auto 0 auto; background:url(https://www.daixiaorui.com/Public/images/txtbg404.png) no-repeat;}

.txtbg404 .txtbox{ width:390px; position:relative; top:30px; left:60px;color:#eee; font-size:13px;}

.txtbg404 .txtbox p {margin:5px 0; line-height:18px;}

.txtbg404 .txtbox .paddingbox { padding-top:15px;}

.txtbg404 .txtbox p a { color:#eee; text-decoration:none;}

.txtbg404 .txtbox p a:hover { color:#FC9D1D; text-decoration:underline;}

</style>

</head>

<body bgcolor="#494949">

  <div class="head404"></div>

  <div class="txtbg404">

 <div class="txtbox">

     <p>对不起,您请求的页面不存在、或已被删除、或暂时不可用</p>

     <p class="paddingbox">请点击以下链接继续浏览网页</p>

     <p>》<a style="cursor:pointer" onclick="history.back()">返回上一页面</a></p>

     <p>》<a href="http://dxf6.com">返回网站首页</a></p>

   </div>

 </div>

</body>

</html>

复制以上源码,保存到本地为html,就可以看效果了。为了保持好的访问效果,建议下载 head404.png和txtbg404.png 这两张图片到本地,再改一下css里面对应background的路径即可。


本文地址:http://dxf6.com/post/98.html
版权声明:本文为原创文章,版权归 社长 所有,欢迎分享本文,转载请保留出处!
重庆专业seo
数据湾

发表评论


表情

还没有留言,还不快点抢沙发?