访问者通常会在点击不存在的 URL 后看到 404 页面。它会通知用户他们一直在搜索的页面丢失。
这似乎简单明了，但事实上，在制作合适的 404 页面时，很多事情都可能出错。让我们看看网站管理员和开发人员在设置 404 页面时会犯哪些错误。
用户为什么会看到 404 页面
404 页面是 HTTP 标准响应代码，表示用户由于点击断开的链接、输入错误的 URL 或页面已被删除而访问了不存在的页面。
在这种情况下，用户通常会看到以下标准消息之一：
404 Not Found
404 Error
HTTP 404 Not Found
The page cannot be found
The requested URL was not found on this server
然而，还有另一种选择。用户可能会看到一个设计良好的页面，其中包含自定义导航元素，而不是标准消息。这种情况要好得多，稍后我们将解释原因。同时，让我们弄清楚用户为什么会看到 404 页面：
入站链接损坏。 假设您有一个包含订阅计划的页面，如下所示 https://seranking.com/subscription.html。如果我们在单词 “subscription” 中添加一个字母 “s”，该链接将导致一个不存在的页面s.html https://seranking.com/subscription。
您网站上的内部链接不正确。例如，网站管理员或内容管理员忘记在 URL https://seranking.com/subscription.html 中添加“.html”。如果用户 https://seranking.com/subscription 点击链接，他们将看到一个 404 页面。
用户错误。用户可以在地址栏中键入错误的 URL。
隐藏内容。当用户尝试访问网站上的隐藏内容时，他们也会被重定向到 404 页面。
已删除的页面。 最后，您可能已经从您的网站中删除了一个页面，然后有人会尝试从保存的书签或点击另一个网站上的链接来访问它。
尽管从技术上讲，在网站上拥有 404 个页面并没有错，但网站管理员应该密切关注它们，以确保所有被删除的页面都是故意删除的。定期进行网站审核以识别所有 404 页面并及时解决任何可能的错误至关重要。
一旦你知道了 404 页的原因，你可以采取以下措施：
最大限度地减少向访客显示 404 页面的机会。当然，您无法让用户正确输入 URL 地址。但是，您可以修复损坏的内部链接以及损坏的入站链接。
如果用户最终看到 404 页面，您必须确保它是经过深思熟虑的。因此，您可以最大限度地减少声誉和可用性损害。
如何修复 404 错误 – 给用户的提示
如果您收到 404 错误，您可以执行以下操作：
尝试刷新页面。也许发生了一些瞬间的故障，这次页面将顺利加载。
再次检查 URL 中是否有任何拼写错误。所有斜杠都已就位吗?“.html”中的“l”不是偶尔被删除了吗?
尝试从其他设备加载页面。如果客户端(设备或浏览器)上发生任何错误，该页面仍然可以从另一个页面访问。如果这有效，请不要忘记清理第一台设备上的缓存。
使用搜索。该页面的 Google “site：[domain] [keyword]”。页面的 URL 可能已更改，但未重定向到新地址。如果是这样，搜索应该会有所帮助。
前往 Web Archive。如果以上方法都无法解决问题，则仍然有机会访问您需要的内容或至少一个以前的版本。
如果您向网站的支持报告问题，以便他们在第一时间解决问题，那也将是一个加分项。
什么造就了好或坏的 404 页面?
无论您多么努力地修复所有错误，用户偶尔会出于某种原因撞到您的 404 页面。这就是为什么您的主要目标是为用户提供相当愉快的体验。
首先，让我们看一下 Google 创建正确的 404 页面的建议：
以礼貌的形式通知用户请求的页面不可用。
以与网站其他页面相同的方式设计 404 页面。导航元素也应看起来相同。
将您的 404 页面链接到最受欢迎的文章或评论部分，以及主页。
为用户提供报告损坏链接的机会。
即使您的 404 页面有用且看起来很棒，您也不希望它出现在 Google 搜索结果中。确保 Web 服务器在请求缺失页面时返回实际的 404 HTTP 状态代码。有必要防止此类页面被搜索引擎编入索引。
让我们更详细地了解一下这些建议中的每一个。典型的例子是一个没有任何设计的服务器错误页面，更糟糕的是 — 它不能帮助访问者导航到有效的页面。
没有人乐于看到这样的页面。例如，如果您尝试获取有关产品的信息并单击您期望将您引导至该信息的链接，那么登陆 404 页面可能会令人沮丧。404 页面表示未找到您要查找的内容。大多数用户会感到恼火，只是离开您的网站去其他地方寻找。换句话说，您将让许多潜在客户对您的品牌产生兴趣。研究还表明，普通的 404 错误页面绝对不是最好的解决方案，因为现在用户做出决定的速度非常快。
最后，这与 Google 的建议完全相反。在意识到找不到所需的页面后，不鼓励用户进一步查看您的网站。这就是为什么您的主要目标是将这个错误变成美丽的东西。
那么，什么是令人惊叹的 404 页面?Google 的描述如下：
404 页面应与网站的其他页面相似，但文本内容除外。这是有道理的，因为此页面的主要目标是通知用户，即使页面丢失，他们仍然在同一个网站上，一切都会好起来的。访问者应该会看到熟悉的颜色、徽标、菜单和导航元素。
添加一个导航块，其中包含指向您最畅销或最受欢迎的类别的链接，以使用户留在网站上。
具有搜索栏。访客有机会使用它，输入更相关的请求，并准确找到他们需要的内容。
添加联系表单，以允许用户通知您有关问题的信息并报告断开的链接。这样，您可以有效地与用户沟通，提高网站质量，甚至发现隐藏的错误。
去掉滚动条。重要的是使网页完全适合屏幕大小而不滚动。
如果由于授权请求而显示 404 页面，您应该在该页面上提供登录表单。
然而，还有更多的东西。通过创建一个出色的 404 页面，您可以将情况转化为您的优势并传播开来——人们可能会分享您的杰作并忘记与不存在的页面相关的所有负面情绪。
这些家伙真的做得很好，因为这是人们想在社交网络上分享的东西。
404 页的禁忌事项
404 上的信息不佳并不是错误页面的唯一问题。还有一些其他常见错误需要避免。
重定向到主页
404 页面仍然是 404 页面，因此您不应从此页面设置重定向。您唯一可行的选择是将链接粘贴到主页(和其他相关页面)，以便用户可以单击它们并继续他们的旅程。网络爬虫应该明白该页面未被找到(如果是 404 状态代码)或删除(如果是 410 状态代码)。
您可能仍然会发现将不存在的页面重定向到主页的 WordPress 插件，但我们强烈建议不要使用它们。
只有一种情况是合理的，那就是当重定向是满足用户相似搜索意图并解决用户类似问题的页面时。
创建自定义 404 页面
我们已经弄清楚了完美的错误页面应该是什么样子。现在，让我们看看如何将 404 页面添加到网站：
页面完成后，将其添加到您网站的根目录(如果有，请更新到新版本)。例如，它可能是“404.html”或“404.php”。
在根目录中，打开 .htaccess 文件(如果缺少，请创建一个)。
在 .htaccess 文件中，添加记录“ErrorDocument 404 /404.html”。
这是基本流程。但是，某些 CMS(内容管理系统)可能会自动生成 404 页面或提供用户友好的编辑方式。此外，还有许多适用于流行 CMS 的插件(如 WordPress 的 404 页面)，可让您轻松创建、管理和设置 404 未找到错误的重定向。
错误页面的其他 HTTP 状态代码
根据 Google Search Central 的说法，不存在的页面只有一个 HTTP 响应状态代码，这个代码是 404.
但在其他 4xx 错误中，还有 400 错误请求、401 未授权、403 禁止、408 请求超时和 410 消失。
另一个故事是，很多时候，网站管理员会故意让自定义 404 页面在应该返回 404 时发送 200 状态代码。
在这种情况下，200 状态代码表示请求成功，但没有结果。这就是为什么在未找到的页面上向爬虫提供 200 状态代码不是一个好主意，并且最终会导致负面后果：
200 状态码允许机器人在没有其他限制的情况下扫描和索引页面;
该页面未标记为不存在，因此不会阻止抓取。这可能会导致 soft-404 错误。
这就是为什么您需要监控服务器的响应代码。
在 “页面分析” 部分，你可以看到你的网站上有多少个 404 页面。在 “Crawled Pages” 部分，您可以通过 HTTP 响应状态代码过滤所需的页面。
HTTP 状态代码关键要点：
发现 404 错误后，网络爬虫将继续访问该页面一段时间。它假定错误响应已意外显示，并且页面将返回。最终，机器人将理解该页面不存在并将其从索引中删除。
如果使用 410 (Gone) 状态代码，则可以更快地删除页面。但是，这对网站管理员来说通常没什么大不了的，因此他们倾向于使用 404 代码。
200 状态代码显示请求成功且页面存在。
当浏览器显示 200 消息时，如果从技术上讲该页面不存在，则该页面可以标记为软 404.
301 (Moved Permanently) 代码显示不存在的 URL 已被重定向到新的永久 URL。
那么，让我们总结一下。您应该怎么做才能避免 404 页面出现问题?只需创建一个令人惊叹的 404 页面，该页面将提供 404 响应代码并为用户提供所有必要的选项以将他们留在现场。
404 页常见问题
在本常见问题解答部分，我们收集并回答了有关 404 错误页面的一些最常见问题。如果您在阅读本文后仍有未解答的问题，您将在此处找到进一步的解释和解决方案。
为什么要创建自定义 404 页面?
创建自定义 404 页面可以使您的网站受益的原因有很多。这是实现以下目标的好方法：
改进用户体验。它为可能已登陆错误页面的访客提供有用的信息。这包括指向您网站上其他页面的链接、搜索栏或一条消息，说明可能出了什么问题以及访问者如何找到他们正在寻找的内容。
建立品牌形象。创建一个展示您独特风格和个性的 404 页面有助于使您的网站与众不同，并为访问者创造难忘的体验。
降低退回邮件率。 如果访问者发现错误页面具有吸引力且信息丰富，则他们可能更有可能留在您的网站并浏览其他页面。
我网站上的 404 个页面对 SEO 有害吗?
在你的网站上有 404 个错误页面本身对其 SEO 来说并不是坏事。Google Search Console 帮助指出 404 错误不会影响您网站的搜索性能，因此只要您确定所有返回 404 响应的 URL 都不存在，您就可以安全地接受它们。
但是，如果不是这种情况，或者您没有正确处理它们，404 页面肯定会对您的网站造成伤害。您希望 100% 确定带有 404 代码的页面不是您网站上的重要页面(即，为您的网站带来流量、转化访问者或描述您的品牌的页面)。此外，如果您网站上的许多页面返回 404 错误，搜索引擎也可能认为您的网站不可靠或维护不善，最终损害您的搜索排名。
如何找到 404 页
您可以使用不同的方法在您的网站上查找 404 个页面。如果您的网站已连接到它，则可以使用 Google Search Console。
软 404 页面会损害我网站的 SEO 吗?
是的，软 404 页面可能会损害您网站的 SEO，因为它们会让搜索引擎机器人和用户感到困惑。搜索引擎机器人会错误地假设该页面有价值且相关并抓取该页面，因为软 404 总是返回“200 OK”状态代码。由于该页面实际上不存在或没有任何内容，因此它不为用户提供任何相关性。
为缺失或空白页面返回“200 OK”状态代码被认为是一种不良做法，并且会提供糟糕的用户体验，从而导致排名降低。
如何创建有益于 UX 的自定义 404 页面
精心设计一个 404 页面有助于为访问者提供更好的网站体验。按照以下提示做对：
向用户说明发生了什么以及他们接下来可以做什么。
使 404 页设计与网站的其余部分保持一致。
包含指向热门页面、类别或最近帖子的链接，以帮助用户找到他们正在寻找的内容。
向 404 页面添加幽默、图像或其他引人入胜的元素，使其更加有趣和令人难忘。
测试您的 404 页面以确保它按预期工作。使用分析来监控用户如何与它交互。