很多老板把建站的工作交给第三方后并不会要求404页面的制作,404页面就是告诉用户页面是错误的,增加用户体验外,还有就是让蜘蛛爬行的更为的顺畅。好的404页面能减少用户跳出率,所以爱生活爱运营的鲁米那带大家具体了解一下,什么是404页面?做404页面有什么好处?如何做404页面?造成404的原因有哪些?
1、什么是404页面
404页面是蜘蛛或者用户在浏览网页时,服务器无法正常提供信息,或是服务器无法回应,且不知道原因所返回的页面。
2、做404页面有什么好处
1、避免出现死链
网站设置404页面后,当网站出现死链接,搜索引擎蜘蛛爬行这类网址时,就会得到404状态回应,也就知道该URL已经失效,便不再索引该网页,并享受护具中心反馈该URL表示的网页从索引数据库中删除,以此来避免因为死链接影响网站收录。
2、提升用户体验
404页面通常是用户访问了网站上不存在或已删除的页面,服务器返回404错误页面,告诉浏览者其所请求的页面不存在或链接错误,同时引导用户使用网站其他页面而不是关闭窗口离开,消除用户的挫败感。
3、避免信任度下降
搜索引擎通过HTTP状态码来识别该网页的状态,当搜索引擎获得了一个错误链接时,网站应该返回404状态码,告诉搜索引擎放弃对该链接的索引。而如果返回200或302状态码,那搜索引擎就会为该链接建立索引,这导致大量不同的链接指向了相同的网页内容,那搜索引擎对该网站的信任度就会大幅降低。很多网站存在这个问题,那就是404页面返回的是200或302状态码而不是404状态码。
4、避免被惩罚
有些网站由于应用了一些错误的服务器配置,导致返回的是200状态码或是302状态码,虽然这些状态码对访问网站的用户没有影响,但却会误导搜索引擎,使搜索引擎认为该页面是有效页面,从而抓取下来,如果404页面过多,就造成了大量的重复页面,很有可能被搜索引擎认为是作弊而遭到惩罚。
三、造成404页面的原因
1、程序数据库出错:当误删了某个数据,或修改了程序的一些路径,也会导致产生大量的404错误页面,如果需要修改数据或者一些类似的操作,建议先备份一下文件。
2、文件移动或者删除:有些网站的文件,本来是存在某个陆军没见过的,但后来一走了,那访问之前的链接也就照成了无法访问,从而产生404,还有就是当你在你的网站发表了某篇文章时,后来又将文章给删除了,当你再去访问这些文章链接时,就无法打开了。
3、网站改版:站长们在发现网站有很多不足的地方时,一般都会去改版,但改版后,有很多以前的路径都换了了,造成了以前的路径访问不了,变成了404页面。
四、网站出现有404页面后站长要怎么处理
1、百度站长平台提交:在百度站长平台提交死链接时要注意,需要注册一个百度账号,然后验证网站。
2、robots屏蔽链接:利用robots的禁止抓取指令,对错误的链接进行屏蔽,从而阻止蜘蛛抓取。
3、制作404错误页面并返回:当网站产生404页面时,并没有制作一个404错误页面告诉用户该页面已经不存在,从而直接跳转到首恶有或者直接一个空白的额页面,是不利于用体验的,所以要制作一个404页面。
四、如何做404页面?
404页面可以是一张图片,也可以直接在页面中用代码表示出来
1:直接用图片
可以用一张可以引导用户返回上一个页面,或者点击其他页面的图片,这里要注意一下,如果用一张图片,页头和页尾必须要有,增加用户停留时常,并带来转化。
2:html代码
好看的html页面加载源码带跳转
body{
background:#555
}
.loading{
-webkit-animation:fadein2s;
-moz-animation:fadein2s;
-o-animation:fadein2s;
animation:fadein2s
}
@-moz-keyframesfadein{
from{
opacity:0
}
to{
opacity:1
}
}
@-webkit-keyframesfadein{
from{
opacity:0
}
to{
opacity:1
}
}
@-o-keyframesfadein{
from{
opacity:0
}
to{
opacity:1
}
}
@keyframesfadein{
from{
opacity:0
}
to{
opacity:1
}
}
.spinner-wrapper{
position:absolute;
top:0;
left:0;
z-index:300;
height:100%;
min-width:100%;
min-height:100%;
background:rgba(255,255,255,0.93)
}
.spinner-text{
position:absolute;
top:45%;
left:50%;
margin-left:-100px;
margin-top:2px;
color:#000;
letter-spacing:1px;
font-size:20px;
font-family:Arial
}
.spinner{
position:absolute;
top:45%;
left:50%;
display:block;
margin-left:-160px;
width:1px;
height:1px;
border:20pxsolidrgba(255,0,0,1);
-webkit-border-radius:50px;
-moz-border-radius:50px;
border-radius:50px;
border-left-color:transparent;
border-right-color:transparent;
-webkit-animation:spin1.5sinfinite;
-moz-animation:spin1.5sinfinite;
animation:spin1.5sinfinite
}
@-webkit-keyframesspin{
0%,100%{
-webkit-transform:rotate(0deg)scale(1)
}
50%{
-webkit-transform:rotate(720deg)scale(0.6)
}
}
@-moz-keyframesspin{
0%,100%{
-moz-transform:rotate(0deg)scale(1)
}
50%{
-moz-transform:rotate(720deg)scale(0.6)
}
}
@-o-keyframesspin{
0%,100%{
-o-transform:rotate(0deg)scale(1)
}
50%{
-o-transform:rotate(720deg)scale(0.6)
}
}
@keyframesspin{
0%,100%{
transform:rotate(0deg)scale(1)
}
50%{
transform:rotate(720deg)scale(0.6)
}
}
以上就是“什么是404页面?做404页面有什么好处?如何做404页面?造成404的原因有哪些?”的全部内容,更多seo优化方案可以收藏麓芙哟网站,我们会持续给大家带来新知识。