网站404页面作用和个性化定制【图文详解】

404页面是什么

当用户从一个已经生效了的网页链接进入网站时,服务器默认会返回一个404代码,告诉用户,此页面不存在了。

如:随便输入一个乱码的百度域名后缀,https://www.baidu.com/sdfjsldfjk,这个页面在baidu服务器上肯定是不存在的,当百度服务器接收到这个页面的访问请求时,查询不到此页面的信息,则返回客户端404提示,告诉客户此页面不存在。

网站404页面作用和个性化定制【图文详解】 1

404页面有什么用

1、随着网站页面的不断更新,必然会出现一些不再使用的页面,当用户访问到这些失效的链接时,服务器返回404提示,告诉访客此链接已经失效了,提高用户体验,更进一步可以引导客户跳转到其他网页。否则访客会认为此网站不能访问。相当于“此路不通” 提示。

2、针对搜索引擎,告诉搜索引擎此链接已失效,防止出现死链。

网站404页面作用和个性化定制【图文详解】 2

404页面的案例参考

在域名后面,随便输入一个乱码后缀,如 www.google.com/sdfjkljksdf  将触发网站对应的404页面。
1. Google
2. 天猫官网
3、知乎
4、JD京东

以上这些著名大站都对404页面进行了定制,知乎官网的提示最温馨,并在页面上做了链接到主页的跳转提示,天猫也做了跳转提示,Google比较单调。

www.jd.com的则直接跳转到首页,不显示404页面。

更多页面样式,可以自行查看,其中有很多有创意的404页面,百度图片或者google图片搜索可以看到很多的案例。

从SEO角度出发,不建议直接将404页面跳转到首页,容易遭受搜索引擎的惩罚。

如果需要对此页面做一些个性化定制,怎么修改并利用好这个页面呢。

网站404页面作用和个性化定制【图文详解】 3
网站404页面作用和个性化定制【图文详解】 4
网站404页面作用和个性化定制【图文详解】 5

404页面怎么定制修改

通过Elementor Pro版本,可以快速对404页面进行任意定制,且pro版本提供了几个样板,也足够大家直接使用,具体步骤见下图:

在Elementor的templates模板菜单中,选择Theme Builder主题构建

网站404页面作用和个性化定制【图文详解】 6

添加新模板,选择模板类型,如图所示

网站404页面作用和个性化定制【图文详解】 7

Pro版本提供了9个404页面样式供大家直接使用,选择对应的样式,直接点击插入即可。

网站404页面作用和个性化定制【图文详解】 8

当然也可以不用模板,直接从空白定制,或者对模板进行修改。

网站404页面作用和个性化定制【图文详解】 9

修改完成后,点击“发布”,弹出模板应用设置选项,默认已经是404页面了,无需重新选择,直接点击 SAVE & CLOSE 保存并关闭,即可快速将此模板应用到404页面。

网站404页面作用和个性化定制【图文详解】 10

检验404页面的结果,如果后续还需要再修改,可以直接对模板重新编辑,并发布即可。

网站404页面作用和个性化定制【图文详解】 11

注意事项:

默认情况下,404页面会由wordpress安装的theme主题自带,但某些服务器控制面板,如bt宝塔面板会自带404页面,则需要将面板程序自定义的404页面选项注释掉。否则,自定义的404页面将不生效。

网站404页面作用和个性化定制【图文详解】 12

发表评论

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

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据