网站404页面设置方法和注意事项(附13套免费404模板)

随着网站运营时间的不断延长,网站内容不断更新。网站死链的出现是不可避免的。此时如果没有设置404页面,那么用户获得的页面就是一个错误的页面,而搜索引擎获得的路径则变成了死链。这样对于用户体验以及蜘蛛的抓取都是很不友好的。

今天老唐SEO就来谈谈404页面的设置方法和注意事项。

一、什么是404页面

网站404页面设置方法和注意事项 三联
404页面是客户端在浏览网页时,服务器无法正常提供信息,或是服务器无法回应,且不知道原因所返回的页面。当用户输入了错误的链接时,返回的页面,它会告诉浏览者其所请求的页面不存在或链接错误,同时引导用户使用网站其他页面而不是关闭窗口离开,自定义404错误页面是增强用户体验的很好的做法。

相关阅读:http状态码:404是什么意思

二、404页面作用

404页面是网站必备的一个页面,它承载着用户体验与SEO优化的重任。404页面通常为用户访问了网站上不存在或已删除的页面,服务器返回的404错误。如果站长没有设置404页面 ,会出现死链接,蜘蛛爬行这类网址时,不利于搜索引擎收录。

404页面作用

三、404页面错误提示

是WWW网站访问比较经常出现的错误。最常见的出错提示:404 NOT FOUND。404页面就是当用户输入了错误的链接时,返回的页面。

四、404页面对seo的影响

自定义404错误页面是增强用户体验的很好的做法,但在应用过程中往往并未注意到404页面对搜索引擎的影响,譬如:错误的服务器端配置导致返回状态码“200”或自定义404错误页面使用Meta Refresh导致返回“302”状态码。

五、404页面设置的好处

1、引导用户不要关闭网站,增强用户体验。

2、防止网站出现死链接。

六、404页面设置方法

方法一:下载404页面模板

1、下载后,解压文件,里面有一个404文件夹和404.php两个文件;如下图;需要注意的是404文件里面有一张图片,图片和404文件夹请不要重命名,以免影响显示效果。

404页面模板下载后的2个文件
2、用Dreamweaver软件,打开404.php这个文件,如下图所示,将双引号之间的“http://xxjz001.com”修改成你自己的网址,修改完成后,点击“文件”-“保存”。

Dreamweaver软件打开404页面php文件
3、打开FTP上传工具,将404文件夹和404.php上传到网站的根目录的主题文件夹,如果提示覆盖的话直接覆盖。(若你不知道你的网站根目录是哪个文件夹,可以咨询你的空间服务商)。

FTP上传404页面
4、上传完成后,登陆空间控制面板,找到出错页面(一般空间的名称可能有所不同,要是没找到的话就咨询一下空间服务商看看),在“出错页面”中进行设置。

空间控制面板设置404页面
5、最后我们打开浏览器,输入我们的网址,在网址后面随意敲打一些字母或数字,然后回车,就能看到如下404页面效果图了,当我们点击“返回网站首页”时,就会回到我们网站的首页,这样一个简单的404页面就设置好了!

404页面设置效果图

方法二:制作404页面

1、打开Dreamweaver软件,(不知道Dreamweaver软件怎么用的话百度,这里就不多说了)点击新建php文件,在标题中自定义书写你想要书写的内容,在标签中自定 义书写你想要书写的内容,然后点击文件保存,文件名为404,保存到桌面。

Dreamweaver软件制作404页面
2、打开FTP软件,登陆FTP,找到网站根目录,找到主题文件件,找到404.php文件,把制作好的404页面上传,替换原来的404.php,如果提示覆盖直接覆盖。打开网站,输入错误地址,检测404页面是否生效。这样我们网站404页面最简单的制作就完成了。

方法三:适合对wordpress熟悉的同学

1、我们通过学习“wordpress模板结构分析”,我们知道index.php是存放网站的首页模板的地方,当然了,事实上这也不完全是这样的,首页模板的名称与制作主题(模板)的人的习惯和喜好有关,这只是一个代号而已,如果你高兴,这个代号叫“awt”、“bog”都行,熟悉代码的童鞋一般就能很快找到首页模板的文件。

2、找到首页模板文件后,(这里我们拿index.php文件来演示),从FTP工具上下载下来,并重命名为404.php

3、用Dreamweaver软件打开404.php,将文件中最大的

标签里面的内容全部删除,然后在标签里面书写如下内容:

你要查找的内容不存在!返回网站首页

编辑好后,点击“文件”-“保存”。

4、将修改好的404页面上传至你的网站根目录/wp-content/themes/你安装的主题/这个路径即可。

以上三种方法就是比较简单的404页面设置,当然现在大部分网站主题都自带了404页面设置,如果你不满意网站主题自带的404页面的话可自行制作或修改。

七、设置404页面注意事项

设置404页面注意事项
1、不要将404错误直接转向到网站首页,这将导致首页不被收录

2、/Error.html 前面不要带主域名,否则返回的状态码是302或200状态码

3、404页面符合网站自身的设计风格,最好能加入网站导航和底部(尤其是网站地图)

4、不要使用绝对URL,如果使用绝对URL返回的状态码是302+200

5、404页面设置完成,一定要检查是否正确。但http头信息返回的一定要是404状态。这主要是对搜索引擎有关系,因为如果你网站产生较多页面时候但搜索引擎看到的是很多一样 的正常页面,有可能会误被认为作弊。

6、404页面不要自动跳转,让用户来决定去向。这涉及到404页面的制作,提供用户体验很重要,404页面制作很有学问。

7、提示访客检查拼写

还有一个可能:访客看到404错误页面是由于他们自己在输入URL网址时出现了拼写错误。提示访客检查他们的拼写,但不要失礼。就像我们在上面提到的,你的措辞不要让访客们感到你是在责备他们。

8、让页面返回404

每个网页都有一个服务器响应代码。 代码200是指页面一切正常,404则是指页面无法被找到。如果你已经指定了自定义的404错误页面,则需要确保页面的标题是返回正确的响应 代码。有几种不同的方法可以做到这一点,最简单的就是用你的htaccess文件来指定错误页面。

9、帮助访客

404错误页面已经呈现在访客面前,表明这个页面并不是他们正在搜寻的。所以你应该设法帮助他们找到原来的页面。确保你的错误页中包含一个选项来协助用户寻找他们想要的页面,甚至可以包括有过更改的页面的链接。

10、放置网站主页链接

不要让访客无处可去或是无法找到你的网站信息。至少应该有一个链接链回你的网站主页。这样一来,从其他网站链接而来的访客就可以了解你以及你的网站,甚至他们可能在你的网站中找到一些他们喜欢的内容。

11、保持品牌风格

我们都看过非常酷的“让访客发现一个巨大的“复活节蛋”“的错误页面的设计案例。但千万不要使这个页面的设计与你网站的其他页面相差太大,否则会看起来这个页面不像你网站的设计,会让访客产生疑惑,误以为自己已经被带到了一个外部网站。

12、修复你的无效链接

如果你得到的数据显示有大量的访客访问您的404页面(检查你的网站的分析数据来确定数量),这表明你的网站上有很多无效链接。你完全可以通过修复这些链接来阻止访客进入404页面。像SiteBeam和Nibbler这样的网站测试工具可以帮助检查是否有无效链接,使你能够迅速找到并修复他们而不必等待别人来告诉你。

老唐seo教程要说的就是:只要我们把这些细节问题一一了解透彻,我相信对于一般的网站的404页面大家都是没任何问题的,希望本篇文章能帮到SEO新手。

八、404页面模板下载

最后为大家提供13套免费的404页面模板,供大家免费下载(如果链接挂掉了,大家留言下我会补发的。就这样,大家快去试试,看看自己是否真的学会设置404页面了。毕竟古语有言:纸上得来终觉浅 绝知此事要躬行。)

链接: https://pan.baidu.com/s/18BJPL3JRVbmlc_a8z7l3rQ 提取码: zrrw

avatar

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:2   其中:访客  2   博主  0

    • avatar 军哥seo课堂

      404页面就是当用户输入了错误的链接时,返回的页面。HTTP 404错误意味着链接指向的网页不存在,即原始网页的URL失效,这种情况经常会发生,很难避免。所以,404错误就是一个HTTP标准响应码——这种响应码表示用户可以正常访问服务器, 但服务器无法找到用户请求的内容或故意地不找到此内容。
      定制404页面的意义是什么?
      1、很多死链(无法访问的链接)的原因是404错误,而不处理死链,往往会招来搜索引擎处罚。SEO与用户体验是相通的,如果网站没有定制404页面,往往被认为在用户体验上不够用心,搜索引擎也会这么认为。
      2、404错误是一种常见错误,利用这种错误,定制404页面,并在404页面中添加一些对产品宣传、提升产品转化率的内容是完全可行的
      3、有些公司会利用SEO幽默一把,比如在私募行业中著名的金斧子,有的公司则会在公益方面有所表现,比如腾讯,对于这样的公司,给点个赞!

      • avatar 洋舰seo

        谢谢博主分享的404模板,下来看了下,都挺不错的,省了不少事。感谢!