花开云(织音)同款超级好看404页面源码
源码介绍
建立一个创造性的和鼓舞人心的404错误页面设计,这有助于使访问者停留在网站上。
源码截图
简介
404 Not Found404页面就是当用户输入了错误的链接时,返回的页面。404页面的目的是:告诉浏览者其所请求的页面不存在或链接错误,同时引导用户使用网站其他页面而不是关闭窗口离开。
404对seo的影响:自定义404错误页面是增强用户体验的很好的做法,但在应用过程中往往并未注意到对搜索引擎的影响,譬如:错误的服务器端配置导致返回“404”状态码或自定义404错误页面使用Meta Refresh导致返回“302”状态码。
正确设置的自定义404错误页面,不仅应当能够正确地显示,同时,应该返回“404”错误代码,而不是 “200”或“302”。虽然对访问的用户而言,HTTP状态码究竟是“404”还是“200”来说并没有什么区别,但对搜索引擎这则是相当重要的。
搜索引擎蜘蛛在请求某个URL时得到“404”状态回应时,即知道该URL已经失效,便不再索引该网页,并向数据中心反馈将该URL表示的网页从索引数据库中删除,当然,删除过程有可能需要很长时间;而当搜索引擎得到“200”状态码时,则会认为该url是有效的,便会去索引,并会将其收录到索引数据库,这样的结果便是这两个不同的url具有完全相同的内容:自定义404错误页面的内容,这会导致出现复制网页问题。轻则被搜索引擎降权,重则会K掉网站。
使用方法
一、下载404页面模板免费版。
点击下载404页面模板,然后解压,可以发现有很多404网页模板。挑选一个您最喜欢的页面代码。
二、修改404页面中的素材网址为绝对地址。
为了您的404页面素材正常显示,需要您修改一下素材中的引用网址。例如网页中一个网址为”/404/Main.jpg”那么你应该改成带有网址的
三、将修改好的代码上传到网站中
用FTP软件将网站上传到网站中,并且部署好网页和素材之间的关系。如果有死链接之类的要第一时间解决。
四、在服务器上配置自定义404的路径
这里边可能会遇到两种情况:
1、虚拟主机。一般空间商提供的面板都有自定义404的功能,根据提示设置成自定义的404页面。
2、独立服务器或VPS。这个稍微复杂一些,在网站管理里边找到网站,打开属性 > 自定义出错页面 > 404 然后填入。
五、检查404页面是否能够正常访问
找一个打不开的网址,看看是否会显示自定义的404页面。如果没有返回第四步重新设置,直到看到显示正确为止。
代码:
<!-- 花开云|草根站长的家 www.zwwhl.com QQ群:925274235 -->
<!DOCTYPE html>
<html lang="zh">
<head>
<link rel="shortcut icon" href="/favicon.ico" />
<link rel="bookmark"href="/favicon.ico" />
<title> 404- 花开云</title>
<!-- Meta tag Keywords -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8" />
<meta name="keywords" content="" />
<script>addEventListener("load", function () {setTimeout(hideURLbar, 0);}, false);function hideURLbar() {window.scrollTo(0, 1);}
</script>
<!-- //Meta tag Keywords -->
<!--/Style-CSS -->
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<!--//Style-CSS -->
<!-- font-awesome-icons -->
<link href="css/font-awesome.css" rel="stylesheet">
<!-- //font-awesome-icons -->
</head><body>
<section class="w3l-error-61-404"><!-- /error-61-section --><div class="error-61-mian"><div class="wrapper"><div class="errors-16-top"><div class="errors-16-info"><h3> 404 </h3><p>sorry! 页面找不到了~</p><a href="https://www.zwwhl.com/"><u><font color= #B0C4DE>解决方法...</font></u></a><form action="https://www.zwwhl.com/" method="post" class="d-flex error-page-form"><font style="color:#ffffff;font-size:21px;font-weight:bold;"> ≧◉◡◉≦ 亲爱的不要急,来随便逛逛吧:</font></a><button type="submit"><span class="fa fa-fil" aria-hidden="true"> 花开云</span></button></form><div class="social-coming-icons"><a href="https://www.zwwhl.com/" title="花开云" class="footer-home"><span class="fa fa-home"aria-hidden="true"></span></a><a href="https://jq.qq.com/?_wv=1027&k=Bz4U2sLz" title="QQ群" class="footer-qq"><span class="fa fa-qq"aria-hidden="true"></span></a><a href="https://jq.qq.com/?_wv=1027&k=Bz4U2sLz" title="微信" class="footer-wx"><span class="fa fa-weixin"aria-hidden="true"></span></a><a href="https://jq.qq.com/?_wv=1027&k=Bz4U2sLz" title="微博" class="footer-wb"><span class="fa fa-weibo"aria-hidden="true"></span></a></div></div></div><div class="copyright-footer"><div class="copy-right"><p>Copyright ©2021 <a href="https://www.zwwhl.com/" target="_blank" title="404">花开云.</a> All rights reserved.</p></div></div></div></div>
</section>
<!-- //error-61-section -->
<audio autoplay="autoplay" src="https://www.zwwhl.com" onended="this.load();"></audio>
</body></html>
花开云(织音)同款超级好看404页面源码相关推荐
- 两款网站维护404页面源码纯HMTL
介绍: 这两个源码,怎么硕呢! 在我U盘里面已经待了两年了. 今天把它们免费分享给兄弟们! 纯HMTL的可学习! 网盘下载地址: https://zijiewangpan.com/xSyDCI99r4 ...
- 一款好看新颖的404页面源码
介绍: 一款好看新颖的404页面源码 网盘下载地址: http://kekewl.net/cBKSw324y3s0 图片:
- 5款好看实用的网站404页面源码模板
简介: 5款好看实用的网站404页面源码模板 网盘下载地址: http://kekewangLuo.cc/z1miRptsG0I0 图片:
- 小储云内置防洪微信UI页面源码
小储云内置防洪微信UI页面源码 已经适配小储云系统,引导用户在浏览器打开,提升用户体验,更有效的防洪页面,整体上让用户感觉是一个值得信任的网址 已经过测试,放心下载. 源码于10月16号更新修改 下载 ...
- 【转】花开正当时,十四款120/128GB SSD横向评测
原文地址:http://www.expreview.com/19604-all.html SSD横评是最具消费指导意义的评测文章,也是各类热门SSD固态硬盘的决斗疆场.SSD评测在行业内已经有不少网站 ...
- 短视频直播带货单页面源码 自媒体落地页织梦模板
简介: 本套织梦模板采用织梦内核开发的模板,这款模板使用范围广,不仅仅局限于一类型的企业,落地页.短视频.直播带货类的网站都可以用该模板. 你只需要把图片和文章内容换成你的即可,颜色都可以修改,改完让 ...
- 高仿蓝奏云单页下载页面源码
介绍: 蓝奏云下载页面,喜欢的可以下载下来! 记事本打开修改内容 网盘下载地址: http://kekewangLuo.net/MSiDnzguCkD0 图片:
- 高仿蓝奏云盘下载页面源码
介绍: 最近刚扒的蓝奏云下载页面,喜欢的可以下载下来! 网盘下载地址: http://www.bytepan.com/uRK58CrLRK4 图片:
- 4款简洁好看的登录页面源码
简介: 1.紫色渐变登录页面 这是一款紫色渐变登录页面,输入框和按钮都有动画效果,同时还有基本的表单验证. 2.蓝色简洁大气登录页面 这是一款蓝色简洁大气登录页面,输入框聚焦的时候有一个非常显眼的动画 ...
最新文章
- 三维模型特征提取方法概述
- (二)、MariaDB、Apache软件安装
- RBAC权限设计实例(转)
- python不能处理excel文件-别以为Python的pandas不能处理非规范Excel数据
- 2018中国C++大会精彩回顾
- python创建新进程_Python:创建新进程
- 批量读写变换图片(转)
- Spring : Spring Aop之ProxyFactory
- php://input 如何用?
- python抽学号程序_python:简单的学生管理系统
- 数值分析(3)-多项式插值: 牛顿插值法
- (已解决)MAC JAVA错误:Cocoa AWT: Not running on AppKit thread 0 when expected
- 74LS138译码器介绍
- 轴承的Abaqus静态分析
- C语言读取文件函数用法,C语言读取文件流的相关函数用法简介
- 86版五笔字根表(JPG版)
- 维宏控制卡四轴那个好_维宏维鸿四轴真四轴联动雕刻机运动控制卡说明书.doc...
- 最新版银灿如意烧AIBurn V2.0.0.1(支持IS903B/IS902E/IS916主控)
- ping结果中TTL是什么意思
- 【ABAP】采购订单行项目 税码 自动默认