给自己的网站定义一个爱的404(设置404公益页面)

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/YAruli/article/details/79262866

给自己的网站定义一个爱的404(设置404公益页面)

大家好,我是Yangrl.

前言
起初当我们每次看着电脑上的Not Found,内心毫无波动,迅速点击返回离开这个页面,僵硬麻木毫无价值。后来大家想到并利用它开始自定义404页面,达到或商业,或个人的目的,也利于SEO。本文演示如何为自己的网站自定义404界面,并接入腾讯公益404页面
这里写图片描述

离家的路有千万条,回家的路只有一条。


一):什么是404?

HTTP 404或Not Found错误信息是HTTP的其中一种“标准回应信息”(HTTP状态码),此信息代表客户端在浏览网页时,服务器无法正常提供信息,或是服务器无法回应且不知原因。这里写图片描述


二):接入腾讯公益404页面
1- 创建一个html文件(404.html),用于接入页面代码

2- 复制 js 代码,嵌入到你的 404 页面(可以自适应移动设备,另外注意:homePageUrl[返回路径]和homePageName[返回文本]为可选参数,并可添加定时自动返回路径等效果,感兴趣可以自己下来实现,隔两天我也会更新。)

<script type="text/javascript" src="//qzonestyle.gtimg.cn/qzone/hybrid/app/404/search_children.js" charset="utf-8" homePageUrl="product.php" homePageName="返回"></script>

实际代码段
这里写图片描述

3-当然你也可以DIY你的404界面,比如一个H5小游戏
4-建议:最好不要把返回路径直接转到首页,这会影响网站的收录。但是 404 的时候直接转到网站首页不是更好,还能给首页导量,too young,搜索引擎不得吃菜叶叶,它会认为你这是 “欺骗”,以后就不待见你了。


三):配置服务器
比如我们随便输一个错误地址,服务器就可以引导到我们制作的404页面
在这里我就直接在Apache服务器的 vhosts 文件中简单设置一下就可以了,就是配置虚拟域名用到的那个文件,如果不清楚可以参考我的 Windows下配置虚拟域名,会有帮助
1-打开 vhosts 文件(路径在 Apache\conf,我用的集成环境,就是F:\phpStudy\PHPTutorial\Apache\conf)
2-配置好你的路径,虚拟域名(地址,如localhost)
<VirtualHost *:80>
DocumentRoot "F:\phpStudy\PHPTutorial\WWW\ythpshop" //你的项目路径
ServerName test.ythplogin.com //你的地址
ErrorDocument 404 /404.html //导向你的404页面。前一个404是配置的状态码,"/"后是你的404页面名。这是注释,记得删!
</VirtualHost>
<Directory "F:\phpStudy\PHPTutorial\WWW\ythpshop">
Options Indexes FollowSymLinks Includes ExecCGI
AllowOverride All
Order allow,deny
Allow from all
</Directory>

3-保存,重启Apache,然后就OJBK了。


今天只是简单在本地实验了一下,后面还会更新(好了我又有废话要说了,不是圣母婊,只是觉得比起批判这个可恶,那个无能的愚蠢行为来说,这力所能及,随手而已,挺有意义的。当然不是说都应该接公益的404,怎么开心怎么整,DIY是最有趣的了,准备做一个常见的链回网站推荐商品的404)先留一个教程↓
给网站设置404页面
腾讯公益404
这里写图片描述

难舍难离 心无归期 勿失勿望 带爱回家。——亲爱的

猜你喜欢

转载自blog.csdn.net/YAruli/article/details/79262866