你去的错误:如何创建自定义的 WordPress HTTP 错误页面

你很兴奋.您刚刚在 Google 上找到了一个关于会说话的长颈鹿的有趣链接.你点击它.您现在正焦急地等待文章弹出.一条消息到达了,而不是一篇文章."找不到页面"是显示器上显示的内容.您今天不会了解会说话的长颈鹿.

WordPress 中的 HTTP 错误页面对于任何体验它们的网络用户来说都可能是一个眼睛,让您的访问者因沮丧而想要撕掉他们的长颈鹿衬衫.

不过,别担心.您可以在 WordPress 中使用自定义的 HTTP 错误页面来改善这种情况.创建自定义错误页面将使访问者感到满意,稍后返回,并(希望)保持他们的衬衫.

在本文中,我将介绍:

  • 什么是 HTTP 错误.
  • 是什么导致了它们.
  • 为什么应该自定义错误页面.
  • 错误页面的类型(及其含义).
  • 使用插件自定义 HTTP 错误页面/重定向.
  • 为什么没有自定义错误页面对 SEO 不利.
  • 我们如何帮助解决一些 HTTP 错误页面的疯狂问题.

当您阅读本文时,您将拥有可增强您网站的错误页面或重定向,而不是让用户觉得访问错误的页面.

什么是 HTTP 错误?

我不喜欢假设,但我们可能都见过:

  • 404 错误
  • 发生意外错误,请联系系统管理员.
  • 未找到服务器
  • 此页面无效

你有没有想过它们到底是什么? 404——那是什么?沙漠中某条高速公路的名称?

404 http error image.
如果有404高速公路,希望是错误的-免费.

在我们深入创建自定义 HTTP 错误页面之前,了解它们很重要.

HTTP(超文本传输​​协议)错误是与计算机网络通信有关的标准响应代码.

表示浏览器可以与服务器通信,但服务器找不到请求的内容.

当服务器不想透露是否有请求的信息时,也可以使用该错误.

通常,网站托管服务器会在用户尝试访问失效或损坏的链接时生成"404 Not Found"网页. >

404 是迄今为止您在万维网上可以找到的最广为人知和最常见的错误消息.意思是"这里什么都没有."

它有一个 自己的历史,如果您点击断开的链接或输入错误,您经常会看到它.

那么,404 上的 101 是什么?

Http error book image.

多年来,网络上一直流传着因房间号而被称为 404 错误的谣言.

没错.故事是这样的,404 房间是 CERN(欧洲核研究组织)的第一台网络服务器,万维网的发明者 Tim Berners-Lee,在那里有一个办公室,但经常找不到.

虽然关于篝火的故事很有趣,但这是一个神话.

实际原因是错误代码指定了类别中的数字范围.客户端错误落在 400 范围内,这使得"404"成为"未找到"的代码.

其他类型的 HTTP 错误页面及其含义

404 并不是镇上唯一的游戏.事实上,错误页面的绝对数量可能会让您大吃一惊.

就像大白鲨一样,您将永远不会遇到它们中的大多数.但是,有些更常见.

以下是一些较常见的 HTTP 错误页面的候选列表,以及它们的确切含义:

301 – 301 错误表示内容已移动并且不会返回到原始位置.301 是内容的永久重定向.它们可能很棘手,但幸运的是我们有一篇关于如何设置它们的文章.

400 – 这表示一个错误的请求.这意味着浏览器试图以不正确的方式访问内容或破坏了请求.这也可能意味着语法不正确.无论是哪种情况,服务器都不理解请求,也不知道如何处理它.

401 – 如果出现此错误,则表示内容需要授权.用户试图访问他们无法访问的内容(例如您的 WP 管理面板).可能只是因为您输入了错误的登录信息,或者您缓存了不应该缓存的内容.

500 – 这是一般的服务器错误.它基本上是在说,"好吧,发生了一些事情,但我不知道那是什么."很模糊,表示服务器不知道如何处理请求.

504 – 是什么让你花了这么长时间?此错误表示网关超时.它表明服务器等待来自上游的数据,但什么也没发生.通常的时间范围是大约三十秒.如果网关在大约半分钟内没有收到回复,您可能会超时.

名单还在继续……

如果您愿意,还有更多 HTTP 错误代码去探索.

是什么导致了 HTTP 错误?

触发错误消息的罪魁祸首是网页或内容被移动到不同的 URL.这种情况经常发生,而且很容易做到.

例如,如果您有一个网页,其中包含一堆子网页,并且您更改了该网页的 URL,则会搞砸所有连接的子页面.哦哦.

HTTP 错误的其他原因是:

  • 该页面已被删除.
  • URL 书写错误或在浏览器中输入错误.
  • 负责网站的服务器未运行或连接可能中断.
  • 输入的域不再存在.
  • 请求的域无法通过 DNS 转换为 IP.

如何修复它们

最简单的方法是将页面重定向到另一个页面.我们将在本文后面讨论这个问题.

您也可以更正链接.嘿,错误和错别字总是发生.这也适用于超链接.如果您返回并修复 URL 的错误,您应该处于良好状态.

此外,恢复已删除的页面也能解决问题.如果是不再需要的已删除页面,请将用户重定向到相关页面.

已删除的页面仍会显示在搜索引擎上,因此妥善管理它们很重要.它们不会简单地消失.相反,您始终可以以某种方式重定向或"重新打开"它们.

捕获 HTTP 错误很重要,这样您就知道自己有这些错误.以下是一些推荐给您的选项:

  • Google Search Console:当您登录 Google Console 时,您可以从下拉菜单中点击抓取.从那里,点击抓取错误.
  • SmartCrawl:说到爬行,我们自己的免费 SEO 插件可以帮助解决断开的链接检查器.

安装 SmartCrawl 并激活后,只需转到SmartCrawl 管理区域和站点地图部分.然后,点击网址抓取工具,它会显示所有损坏的链接.

此外,SmartCrawl 可以重定向任何"死"页面或您喜欢的任何页面.

在管理区域,只需点击高级工具>网址重定向.

SmartCrawl redirect in Advanced Tools.

此时,您可以输入任意数量的链接,并将它们重定向到自定义错误页面、主页、新页面 — 任何内容!

还有其他选项,例如我们的断开链接检查器插件.

最重要的是在解决问题之前解决问题.任何最适合您发现损坏链接、重定向它们或修复页面的方法.

SEO 什么?

断开的链接可能对 SEO 不利.谷歌提及 404 错误不一定会损害您的 SEO,但会损害您的用户体验.

这可能会导致性能不佳,并且跳出率显然很高.

搜索引擎一直致力于改善用户体验,因此请记住,如果这对用户不利,则可能对 SEO 不利.

为什么要创建自定义的 HTTP 错误页面?

既然我们已经熟悉了 HTTP 错误页面、它们是如何发生的以及如何修复它们......

让我们专注于创建自定义错误页面,这样当不可避免的事情发生时(输入,任何人?),您就做好了准备.

这就是定制发挥作用的地方.

想一想.你更愿意看到这个:

404-file directory not found.
还能再蹩脚吗?

或者这个:

Amazon 404 page not found.
谁不想看到一只可爱的狗?

或者,您可能会认出这个:

WPMU DEV 404 error page.
即使是开发人员有时也会迷路.

如果您最喜欢第一个示例,那么我们可能无法在这里为您提供帮助.

但是,如果有任何其他示例突出显示,那么现在我们正在取得进展!

希望你能看到,如果你有一个 404 错误页面,它不一定是单调乏味的.

这就是自定义 404 错误页面很重要的原因.尽管这不是用户想要的确切位置,但也不必将他们关闭到您的网站.事实上,它可以很吸引人!

正如亚马逊和我们上面的 WPMU DEV 示例所展示的那样,通过错误页面获得创意并添加有用的号召性用语非常容易.

对于亚马逊……您可以认识亚马逊的狗.这有多酷?

对我们来说……您有机会从后面看到 Dev Man(我知道这有点牵强),然后您可以从那里返回主页.

总的来说,它们提供解决方案,而不是像其他通用 404 消息那样完全停止.

为拥有一个好主人干杯

首先确保您不会收到错误页面的支柱是拥有一个好的主机.

这可确保您的网站从一开始就正常运行.拥有良好的速度和性能也很重要.

我们提供托管,其中包括专用内存、CPU 和 SSD 存储资源,这意味着这些资源独立于任何其他站点(甚至托管的其他站点)和我们在一起).

此外,我们的托管针对 WordPress 进行了优化,具有对象和页面缓存、IPv6 支持和我们的 CDN — 确保我们的网站比普通网站更快超速子弹(实际上要快得多).

这有助于解决任何延迟、等待、页面加载缓慢等问题,这些问题可能导致您的网站超时并出现 504 错误.

让我们开始设置

如果您的一些目标包括在您的页面上留住用户、让访问者返回、保持您的 SEO 处于良好状态,以及不关闭用户,那么定制的 HTTP 错误页面是您的 WordPress 网站的重要组成部分.

有几种方法可以使用代码在您的主题中执行此操作(我们有一篇关于如何执行此操作的文章).不过,自从古腾堡到来之后,最简单的方法就是使用插件.

T-error-ific 错误页面插件

插件.他们可以快速解决 WordPress 的几乎所有问题.创建自定义 HTTP 错误页面绝对如此.

我将简要介绍几个可以帮助您创建、自定义和实现惊人的 HTTP 错误页面的免费插件.

其中每一个都有超过 4 星的平均评价,是免费的,并且拥有超过 5000 名用户.

您会注意到其中一些会重定向您的页面,而另一些则不会.但是,每一个都有一个针对错误页面的自定义选项.

您会自己发现哪种插件最适合您的网站.

  • 404page

    这个插件有超过 100K 的活跃安装,使得 404page 来自 Peter Raschendorfer 最常用的插件之一,用于在 WordPress 中创建自定义 HTTP 错误页面.它在那里也排名靠前,获得了可靠的 5 星平均评价.

    该插件几乎适用于任何主题,您可以在其中自定义错误页面以匹配您的声音和风格.

    在设计、显示和功能方面使用起来非常简单.这一切都在 WordPress 页面编辑器中的 404 错误页面下实现.

    这与其他之间的一个区别是它不创建重定向.而是传递了正确的代码 404.

    这告诉搜索引擎该页面不存在,必须从索引中删除.它也不会创建额外的服务器请求.

    作为目前最流行的 HTTP 错误插件之一,值得自己检查一下.

    对 404page 感兴趣?

    详情

  • 自定义 404 Pro

    Custom 404 Pro 来自 Kunal Nagar 是一个简单的选项,它用来自 Pages 教派的自定义页面替换默认的 404 页面离子在管理面板中.

    您只需选择一个自定义页面,输入 404 的自定义 URL,就可以了.

    这使您可以轻松地针对 404 错误创建自己的自定义页面,并创建您心中想要的任何类型的精彩页面.

    拥有超过 9,000 名用户和平均 4 星评价,这并不是一个糟糕的选择.它经常更新,并且在 Github 上获得全面支持. >

    这个插件是一个不错的选择,易于使用,并且可以完全控制您想要在 WordPress 网站上展示的任何类型的 404 页面.

    对 Custom 404 Pro 感兴趣?

    详情

  • 所有 404 重定向到主页

    所有 404 重定向到主页 by Fakhri Alsadi 是一个简单的解决方案使用 301 重定向处理 404 错误页面.

    它通过将所有 404 错误页面重定向到主页或自定义页面来解决错误.

    这是一个了不起的插件,可在您构建自定义 404 页面时提供快速解决方案(重定向到您的主页).

    这是一个流行的插件,安装量超过 20 万,平均评价为 4.5 星.它还定期更新,并有一个活跃的支持论坛.

    它具有错误率图表,可显示您网站上的任何错误.

    您还可以启用 404 重定向状态以及只需单击仪表板上的按钮即可将其重定向到何处.

    凭借重定向任何错误、创建自定义错误页面和支持的能力,此插件是一流的选择.

  • 301 重定向-简易重定向管理器

    301 重定向 – 简易重定向管理器 作者 我们bFactory Ltd 允许您创建和管理 301 和 302 重定向,这将帮助您的 WordPress 网站改善 SEO 和用户体验.

    界面友好,安装简单,设置井井有条.

    它非常适合新的 WordPress 网站、在重新组织现有内容后修复链接,以及当您网站的内容过期并且您希望避免将访问者发送到 404 页面时.

    该插件的安装量超过 8 万次,平均评价为 4.5 星.它也会定期更新.

    301 重定向的一些功能是从下拉菜单中选择页面、帖子、自定义帖子类型、档案和术语档案的选项.

    您还可以设置自己的自定义目标网址.

    它还允许您跨重定向保留查询字符串、用于批量重定向管理的导入/导出功能以及简单的重定向统计信息.

    它非常适合用新网站设计替换旧网站设计、大修或重组您的 WordPress 内容,以及如果您的内容已过期并且您想将用户重定向到其他位置.

    对 301 重定向-简易重定向管理器感兴趣?

    详细信息

  • 重定向

    重定向 by John Godley 是 WordPress 最受欢迎的免费重定向插件.

    您可以简单地管理 301 重定向,密切关注 404 错误,甚至可以在用户登录或注销时进行重定向.

    它旨在用于只有少数重定向到具有数千个重定向的网站的网站.

    它是所有插件中最古老的(超过 10 年!)并且拥有超过一百万的安装量和 4.5 星平均评价.

    它的一些功能包括某些浏览器的重定向、cookies、HTTP 标头等;这意味着您可以真正自定义要执行的重定向操作.

    它还具有可配置的日志记录选项,可让您查看站点上发生的所有重定向,包括有关访问者、使用的浏览器和引用者的信息.

    凭借全面支持和所有功能,此插件非常适合任何 WordPress 网站并创建您可以重定向到的 HTTP 错误页面.

    对重定向感兴趣?

    详情

  • 404 到 301-重定向、记录和通知 404 错误

    404 到 301 – 重定向、记录和通知 404 错误 来自 Joel James 是一个 sim处理所有 404 错误的插件.

    它使用 301 或您喜欢的任何其他状态将所有错误重定向到您喜欢的任何页面.

    这会在您的网站管理员工具仪表板中留下零个 404 错误报告,让您和您的 WordPress 网站都满意.

    该插件的安装量超过 10 万次,平均评价为 4.5 星.

    其中一些功能包括为每个 404 路径设置自定义重定向、已准备好翻译、启用电子邮件通知以及对开发人员友好.

    提供全面支持、定期更新和非常详细的信息,说明一旦激活此插件必须提供的所有内容.

    哦,顺便说一下,这个插件的创建者为我们工作!嗨,乔尔!

    对 404 到 301-重定向、记录和通知 404 错误感兴趣?

    详细信息

将它们放在一起

在设置自定义 HTTP 错误页面时,本文中有很多内容需要梳理.所以,这里有一个快速回顾,让您的错误页面没有错误(男孩,错误很多).

您现在知道什么是错误页面、不同的代码(以及它们的含义)、导致它们的原因、为什么要修复它们、它们的重要性以及如何在插件的帮助下创建它们.

>

此外,您希望通过一些可靠的托管来确保您的网站处于良好的工作状态.

最后,请记住所有这些提示:

重定向:不是关闭页面,而是重定向到自定义页面(或主页).

在您的页面上保持标签:记得查看 SmartCrawl 或其他来源,以确保您没有任何损坏的链接.

记住您​​的更新:更新或更改任何链接?请务必确保他们不会在此过程中破坏任何其他链接.

使您的错误页面更人性化:在您自定义的错误页面上,请务必为他们提供适合您的品牌或形象的个性化声音.

不要让它泛泛而谈,还包括号召性用语(例如"点击此处访问我们的主页.").

你有错误

现在,当用户在您的网站上发现感兴趣的内容,但您忘记重定向页面或重新调整内容时,他们将不会收到平淡的 404 消息.

相反,他们会很高兴,可能会很开心.为什么?因为你准备好了.

您创建了一个令人惊叹、有趣且信息丰富的自定义错误页面,让他们感到高兴,而不是失望.

您的用户知道您在您的网站上处于领先地位并且会理解.

他们不会急于离开去其他地方——即使他们无法了解会说话的长颈鹿.

4
订阅评论
提醒
0 评论
内联反馈
查看所有评论