「网站优化」超简单的404页面源码

  • 内容
  • 相关

12-13-18-u=2838874591,3203826090&fm=26&gp=0.jpg

俗话说一个好的网站要从404页面开始抓取,404页面对于网站来说是重要页面也是一个独立的板块,一个好的404页面不仅能避免网站出现死链接,还能提升用户体验。

404页面对各大搜索引擎也是非常友好,如果网站大量出现打不开返回码为404,这时候你的404页面就给你带来了好处,避免被惩罚。

我是一个喜欢简洁的人,所以我的404写的非常的简洁,一张图片几个按钮就完成了所有需求。源码如下。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>404</title>
<style>
* {margin:0; padding:0;font-family:Microsoft YaHei, '\9ed1\4f53';}
.main {width:60%; margin:50px auto; box-sizing:border-box; padding:50px;text-align: center;}
.main p {display:block; font-size:24px; font-weight:300; color:#839ca1;}
.main a { color:#f9be99; text-decoration:none;}
</style>
</head>
<body>
<div class="main">
<img src="https://www.sairrao.com/content/uploadfile/202002/0e881582949611.jpg" width="100%" height="100%" alt="404页面" />
//这里为404图片,可自行更改。
<br />
<br /> 
<p>你当前查看的内容已不存在或者已被删除~</p>
//这里为显示的提示,可在下一行添加其他提示内容如<p> 请返回首页</p>
<br /><p><a href="https://www.sairrao.com">-返回首页</a></p>
</div>
</body>
</html>

本文标签:

版权声明:若无特殊注明,本文皆为《沃的资源网》原创,转载请保留文章出处。

本文链接:「网站优化」超简单的404页面源码 - https://www.sairrao.com/post-115.html

发表评论

电子邮件地址不会被公开。 必填项已用*标注