如何创建自定义错误 404 WordPress 页面(3 种方法)

您是否希望创建自定义 404 错误页面来让用户留在您的网站上?虽然错误页面通常是您最不希望访问者到达的地方,但您可以轻松地将它们变成积极的体验。

最好的方法之一是创建一个完全自定义的错误 404 WordPress 页面。使用正确的工具和设计,您可以使遇到此错误成为一种引人入胜且用户友好的体验。另外,您不需要任何编码知识或重定向插件。
在这篇文章中,我们将讨论自定义错误页面的好处,然后指导您通过三种方式为您的WordPress 网站创建一个。

为您的网站创建自定义错误页面的好处

404 错误页面让用户知道他们的请求有问题。他们可能输入了错误的 URL 或试图访问不再存在的页面。这个错误本质上是一个死胡同,如果你不给他们一个出口,它可能会让访问者感到沮丧并导致他们离开你的网站。
但是,如果您设计一个提供价值的自定义页面,您可以减轻访问者的挫败感并提升您网站的用户体验。此外,通过正确的自定义,您的错误页面可以与您的其他内容直接插入,为您的网站提供时尚、一致的外观和感觉。
您还有机会在错误页面上包含内部链接,以便访问者可以轻松浏览您的网站。内部链接可防止用户返回您的主页,从而为用户友好性打分。此外,内部链接结构可以帮助搜索引擎更好地理解您的内容,帮助您为您的网站建立更多的权威。

通常,错误页面不会提供太多内容供用户查看和交互。因此,很容易失去访问者,他们可能会去别处寻找答案。
因此,您可能决定在这些页面上包含搜索栏和导航菜单,以鼓励用户继续浏览。这可以帮助您降低跳出率(到达后不久离开的访问者数量)并提高您的搜索排名。
最后,自定义错误页面使您能够展示您品牌的个性并反映您公司的信息和价值观。聪明的 404 页面可以帮助您塑造品牌认知度并提高对公司身份的认识。

如何创建自定义错误 404 WordPress 页面(3 种方式)

现在您已经了解了创建自定义 404 错误页面的好处,让我们看看三种将错误页面添加到您的 WordPress 网站的方法。

方法 1:Beaver Builder 页面生成器

与大多数与 WordPress 相关的任务一样,创建自定义 404 错误页面的最佳方法通常是使用插件。如果您使用页面构建器,它可能会为您提供内置选项。
例如,流行的 Beaver Builder 页面构建器可以帮助您轻松完成此任务。使用高级层,您可以访问 Beaver Themer 附加组件,它允许您直接编辑您的主题。
您需要在 Beaver Builder 网站上购买您的计划。然后,将您的 zip 文件上传到 WordPress。激活两个插件后,您可以导航到Beaver Builder > Themer Layouts。
接下来,单击“添加新”。您将被带到一个新屏幕,您可以在其中为您的布局命名:

您还可以使用下拉菜单为您的布局类型选择Themer Layout,然后选择404。然后点击Add Themer Layout。
您将被重定向到一个新页面,您可以在其中单击Launch Beaver Builder。这会向您显示默认的 404 错误页面:

这里没有什么太令人兴奋的。但是,您可以自定义页面,使其更符合您的品牌。要更改消息,请选择任何文本模块以访问设置。在常规选项卡中,您可以更改文本,在样式下您可以调整颜色、字体和间距:

此外,您可以通过使用其他模块使您的错误页面更具吸引力。例如,您可以包括一个导航菜单、一个搜索字段,甚至是一个登录表单。
当您对设计感到满意时,点击完成>发布。然后,您可以通过故意拼错您网站的一个 URL 在前端对其进行测试。

方法 2:HubSpot Starter CRM 套件

如果您网站的现有插件都不能提供您需要的功能,或者您已经是 HubSpot 用户,那么这可能是最适合您的方法。虽然您可以免费使用 HubSpot,但Starter CRM Suite 计划允许您对错误页面的内容进行自己的调整(以及许多其他内容)。
首先,您需要登录您的 HubSpot 帐户。然后转到市场营销>设计工具:

在屏幕左侧,单击“文件”并选择“新建文件”。在弹出窗口中,您可以为您的页面选择一个模板。例如,您可以使用 HTML 构建页面或使用拖放可视化构建器。然后,单击“下一步”:

在以下屏幕上,选中模板框。在这里,您还可以从下拉菜单中选择一个页面模板并为您的文件命名:

最后,点击创建。一旦您设置了 404 错误页面,您就可以根据需要构建和自定义内容。
当您对模板感到满意时,您可以在 HubSpot 设置中将其应用到您的网站。在“设置”页面上,转到“网站” > “页面”:

单击系统页面选项卡。然后,使用 404 错误页面下拉菜单选择您之前设计的自定义 404 页面模板,并确保保存您的更改。

方法三:404page插件

方便的404 页面插件使您能够创建整洁的 404 页面,以吸引访问者访问您的网站。它是免费的,并且有超过 100,000 个活跃安装,是同类插件中最受欢迎的。但是,重要的是要注意 404page 不能创建重定向。

因此,它非常易于使用。只需像往常一样设计您的页面,包括图像、标题和按钮等关键元素。然后,导航到外观> 404 错误页面。目前,该插件将显示您的默认 404 页面,通常由您的主题决定:

但是,您可以使用“常规”选项卡下的下拉菜单来选择您创建的自定义 404 错误页面。然后,保存您的更改。
然后您可以单击“测试404 错误”以预览您的自定义页面,或单击“编辑页面”以更改您的页面。您还可以访问高级设置,这使您可以执行一些操作,例如为不再可用的页面发送 HTTP 410 错误。

使用自定义 404 页面取悦您的访问者。

回顾一下,有几种方法可以创建自定义错误 404 WordPress 页面:

  1. Beaver Builder 和 Beaver Themer
  2. HubSpot 入门 CRM 套件
  3. 404页面插件

虽然用户遇到 404 错误并不理想,但最好为这种情况做好准备。这样,您就可以将此页面作为一个机会,通过鼓励用户留在您的网站上来降低跳出率并提高用户体验。它甚至可以成为为他们的体验增添额外愉悦时刻的机会。

Newsletter Updates

Enter your email address below and subscribe to our newsletter

留下评论

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