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

给自己的网站定义一个爱的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）

DocumentRoot "F:\phpStudy\PHPTutorial\WWW\ythpshop" //你的项目路径
ServerName test.ythplogin.com //你的地址
ErrorDocument 404 /404.html //导向你的404页面。前一个404是配置的状态码，"/"后是你的404页面名。这是注释，记得删！


Options Indexes FollowSymLinks Includes ExecCGI
AllowOverride All
Order allow,deny
Allow from all


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

---

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

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