如何在 WordPress 中制作可产生潜在客户的 404 页面

已发表: 2023-04-13

您想学习如何为您的 WordPress 网站制作 404 页面吗?

作为网站所有者,您希望访问者在您的网站上获得最佳体验。 然而,用户经常会遇到 404 错误页面,显示无法找到他们要查找的页面。

但是,如果我们告诉您自定义 WordPress 404 页面可以帮助为您的业务带来潜在客户呢?

在本文中,我们将向您展示如何创建自定义 404 页面,为您的 WordPress 网站生成潜在客户。

  • 什么是 404 错误页面?
  • 为什么要在 WordPress 中制作自定义 404 页面?
  • 如何在 WordPress 中制作 404 页面
    • 如何针对潜在客户优化 404 错误页面?

      什么是 404 错误页面?

      当网站访问者查找已被删除、删除或移动到另一个 URL 的信息时,通常会显示 404 错误页面。 术语 404 错误来自 HTTP 状态代码 404,当找不到所请求的网页时,您的网络服务器会返回该状态代码。

      但是还有其他原因导致访问者可能会收到 404 页面未找到错误。

      如果出现以下情况,您的网站也可能会显示此错误:

      • 用户连接断开
      • 用户查找的域名不存在
      • 用户输入了错误的 URL

      您可能还想更改网页的永久链接 (slug)。 但是这样做之后,您可能会忘记正确重定向它。 在这种情况下,由于链接断开,用户可能会看到 404 未找到错误。

      Google 404 error page

      为什么要在 WordPress 中制作自定义 404 页面?

      你有没有登陆过 404 页面? 如果你有,你就会知道看到一个是多么令人沮丧。

      当访问者访问您的网站寻找特定信息但最终出现在 404 页面时,也会发生同样的情况。 它可能会惹恼他们并说服他们快速退出您的网站并且可能永远不会回来。

      此外,它还会对您的业务产生以下影响:

      • 提高跳出率:报告显示跳出率较低的网站在搜索引擎中排名较高。 因此,如果人们因为频繁的 404 错误而离开您的网站,由此产生的高跳出率会影响您的 SEO。
      • 增长放缓:您可能会失去登陆您网站进行购买的潜在客户。 潜在客户的流失意味着转化率降低,进而意味着增长缓慢。
      • 糟糕的品牌形象:通过向访问者提供糟糕的用户体验,您正在影响您的品牌形象。 发生这种情况时,人们将不再信任您的品牌并避免向您购买。 如果发生这种情况,恢复声誉可能会很困难。

      通常,如果人们对您的网站有良好的体验,他们会想要返回。 但是 404 错误页面并不总能提供最佳的用户体验。

      幸运的是,您可以通过设计一个 404 错误页面来帮助访问者找到他们需要的信息,从而避免失去潜在客户和潜在客户。 这是留住访客、降低跳出率和维护品牌声誉的绝佳方式。

      但是,你是怎么做的? 我们将在下一节中向您展示如何操作。

      如何在 WordPress 中制作 404 页面

      自定义您的 WordPress 404 页面比您想象的要容易。 有几种不同的方法可以创建自定义 404 页面设计,包括编辑站点的 404.php 文件或使用 WordPress 404 页面插件。

      对于大多数网站所有者而言,WordPress 插件是自定义其 404 页面的最简单、最有效的方法,因为它不需要编辑您的 WordPress 主题文件。

      我们将在本指南中使用的插件是 SeedProd,这是最好的 WordPress 网站和登录页面构建器。

      SeedProd WordPress website builder

      使用此插件,您可以设计带有消息、图像和 CTA 的自定义 404 页面,以鼓励访问者留在您的网站上。

      SeedProd 还包括高级功能,例如:

      • 拖放页面构建器
      • 用户友好的主题生成器
      • 产生潜在客户的设计元素
      • 预制登陆页面模板
      • 带有侧边栏、页眉、页脚和流行页面模板的网站工具包。
      • WooCommerce 主题编辑器和小部件

      考虑到这一点,您可以按照以下步骤使用 SeedProd 制作自定义 404 页面,而无需代码或 CSS。

      步骤 1. 安装并激活 SeedProd

      首先,您需要前往 SeedProd 网站并下载插件。 尽管有免费版本的 SeedProd,但我们将使用高级插件,因为它可以让您替换主题的内置 404 模板。

      如果您需要这方面的帮助,您可以查看我们关于安装和激活 SeedProd 的文档。 它包括您需要的一切,包括安装插件和激活您的许可证密钥。

      步骤 2. 选择 404 页面模板

      激活插件后,从您的 WordPress 仪表板导航到SeedProd » 登陆页面。 然后,在“404 页面”部分,单击“设置 404 页面”按钮。

      How to make a 404 page in WordPress with SeedProd

      在下一个屏幕上,您可以选择预制的 404 页面模板。 SeedProd 将自动过滤模板以显示所有可用的 404 页面设计。

      您可以单击放大镜预览设计或单击复选标记图标选择特定模板。

      Choose a 404 page template design

      我们使用的是“Fist Bump”404 页面模板,但您可以选择任何设计或从头开始创建模板。

      第 3 步。自定义您的 WordPress 404 页面

      选择模板后,您会看到拖放页面构建器,您可以在其中自定义 404 页面。

      SeedProd 404 page builder

      在左侧,您会看到可以添加到设计中的块和部分。 右侧是页面的实时预览。

      大多数 SeedProd 的 404 模板已经有几个 WordPress 块,构成了设计的核心。 要自定义它们,请单击以突出显示布局中的块并使用左侧面板中的设置进行更改。

      Customize 404 page headline

      要将新块添加到您的设计中,请在左侧菜单中找到该块并将其拖到您的页面上。 从那里,您可以使用我们上面解释的过程自定义块。

      当访问者登陆您的 404 页面时,他们可能需要帮助了解他们是如何到达那里的以及下一步该做什么。 考虑到这一点,最好添加一些文本来解释无法找到他们正在寻找的内容,并建议接下来要采取的几项措施。

      由于我们的模板已经有一个标题和文本块,我们可以单击它们以使用我们的自定义消息更新内容。

      例如,在下图中,我们添加了一条消息,建议访问博客或使用搜索框查找更具体的内容。

      Customize 404 page message

      现在,让我们看看如何将这 2 个功能添加到您的 404 页面,从访问博客的按钮开始。

      首先,在左侧面板中找到Column块并将其拖到您的布局中。

      Add the Column block in SeedProd

      从那里,选择 2 列布局选项。 这是您将在页面上并排放置新元素的地方,在我们的例子中,这是一个按钮和搜索栏。

      Choose the 2 columns layouts option

      现在您可以将按钮块拖到第一列。 在块设置中,您可以更改按钮文本并添加博客页面的 URL。

      Add a call to action button

      完成后,单击“高级”选项卡以更改更多设置,包括按钮颜色、样式、间距等。

      Advanced call to action button settings

      要在第二列中添加搜索框,请查找“搜索表单”块并按照与之前相同的过程进行操作。

      Add the search form block to your 404 page

      您甚至可以更改行背景颜色,使您的行动项目脱颖而出。

      404 page row background color settings

      以下是改进 404 页面内容的其他一些方法:

      • 使用 MonsterInsights 和 SeedProd 的简码块自动在您的 404 页面上显示热门帖子。
      • 展示流行的 WooCommerce 产品以促进电子商务销售
      • 使用联系表单块收集 404 页面访问者的反馈

      如果您对新页面的外观感到满意,请单击右上角的保存按钮,然后在下拉列表中选择另存为模板选项。

      Save 404 page as a template

      您现在可以为您的自定义 404 页面模板命名,单击“保存模板”按钮,然后返回到编辑器。

      Custom 404 page template name

      第 4 步。启用您的 WordPress 404 页面。

      自定义 404 页面设计到位后,您可以单击编辑器中的“X”图标返回到您的 WordPress 管理仪表板。 执行此操作时,您会看到一个弹出窗口,询问您是否要立即激活该页面。

      Activate 404 page template in WordPress

      继续并单击是,激活按钮。

      单击此按钮后,您将返回到着陆页仪表板并看到您的 404 页面模式处于活动状态。

      Active WordPress 404 page

      如果您想停用自定义 404 页面,只需将开关切换到非活动位置即可。

      Inactive WordPress 404 page

      这是我们自定义 WordPress 404 页面设计的最后一瞥:

      Final custom 404 page in WordPress

      如何针对潜在客户优化 404 错误页面?

      大多数企业使用他们的 404 错误页面来告诉访问者找不到他们正在寻找的页面。 正如我们已经讨论过的那样,仅执行此操作的 404 页面可能会很无聊且效率低下。

      相反,最好优化页面以产生潜在客户。

      这样,您就可以鼓励他们采取行动并转化,而不是失去潜在客户。 然而,为此,您需要一个视觉上吸引人的页面。

      首先使用正确的颜色和元素使页面脱颖而出。 您还需要对其进行优化以产生潜在客户并提高转化率。

      有几种方法可以做到这一点,所以让我们看看最有效的方法:

      1.展示你的产品

      让您的 404 错误页面产生更多线索的最有效方法之一是展示您的产品。 与其告诉访问者他们正在寻找的页面不存在,不如使用它来为他们提供有关您的产品的更多信息。

      添加一些高质量和专业外观的产品图片并链接到它们。

      Steve Madden 使用这种技术将他们的 404 错误页面转换为可以积极提高转化率的设计。

      Steve Madden 404 error not found page

      使用此技术,您可以鼓励访问者更多地浏览您的网站,即使他们无法准确找到所需的内容。

      2.使用关键字

      通过 404 页面生成潜在客户的另一种有效方法是使用有针对性的关键字。 任何企业的最佳潜在客户都来自有机搜索,只有提高搜索排名才能获得良好的有机流量。

      将相关关键字添加到您的 404 错误页面可以帮助提高您的 SEO 排名。

      让我们看一个示例,以帮助您更有效地执行此操作。

      比如说,你有一个内容营销业务。 在这种情况下,在您的 404 错误页面上,您可以这样写:

      '想为您的企业创建产生潜在客户的内容吗? 以下是我们如何帮助您做到这一点。

      现在添加指向您的主页或功能强大的登录页面的链接,以帮助访问者获得您的承诺。

      访问者现在可以探索您的网站以了解您的服务,而不是退出您的网站。 如果他们喜欢,他们可能会皈依。

      3. 添加有关您的业务的信息

      转换 404 页面的另一种绝妙方法是添加您的业务信息。

      您的访问者可能会遇到 404 错误,但您不想因为令人失望的消息而失去他们。 添加您的业务信息是重新点燃他们的兴趣并再次吸引他们的绝佳方式。

      时尚品牌 Myntra 巧妙地运用了这一技巧:

      Myntra eCommerce 404 page

      除了显示错误消息外,它还可以帮助用户浏览不同的站点部分。 作为访问者,您可以在菜单栏中定义的类别下查看其收藏、访问您的个人资料、查看您的愿望清单、转到您的购物车,甚至搜索产品。

      更好的是,它会在屏幕右侧显示一个折扣栏。 因此,访问者可以查看收藏并以大幅折扣购买产品,而不是走入死胡同。

      4. 添加相关的 CTA 按钮

      将相关的号召性用语 (CTA) 按钮添加到您的 404 页面是要求客户联系并解决他们的问题的明智方式。

      这可以是客户支持按钮、联系表、查询按钮、呼叫按钮或任何您认为有用的按钮。 您的访客可以轻松地使用这些按钮提出投诉、快速拨打电话、提出问题、在社交媒体上关注您,或者做任何事情来让情况变得不那么令人沮丧。

      5. 添加退出意图弹出窗口

      退出意图弹出窗口是另一种防止访问者在您的网站上获得不良体验的有效方法。 设计一个退出弹出窗口,在他们离开之前出现在访问者的屏幕上。

      exit popup with free shipping and discount

      用它来显示折扣代码、报价、宣布新品上架等等。 这是让访问者相信将来再次访问您的网站是个好主意的有效方式。

      人们喜欢折扣和优惠。 因此,在退出弹出窗口中显示它们可以重新吸引访问者,产生可靠的潜在客户并促进销售。

      6.让它变得有趣

      登陆 404 错误页面本身就非常令人沮丧。 如果页面乏味,那就更烦人了。

      相反,将体验转化为更有趣和令人兴奋的事情。 例如,您可以尝试使用幽默来让信息更令人难忘,并让您的访客微笑。

      Funny 404 error page design

      另一种使 404 页面有趣的方法是添加屏幕游戏。 这是吸引注意力并让用户在您的网站上停留更长时间的明智方式。

      交给你

      自定义 404 页面是任何网站的基本元素。

      它不仅可以提供更好的用户体验,还可以帮助为您的业务带来潜在客户。 通过遵循本文中的提示和教程,您可以了解如何制作 404 页面,以鼓励访问者留在您的网站上并采取行动。

      那么,当您可以创建适合您的自定义页面时,为什么还要接受一般的 404 错误消息呢?

      立即开始使用 SeedProd

      我们希望本指南对您有所帮助。 在开始之前,您可能还会喜欢本指南,了解如何在不安装子主题的情况下从头开始创建 WordPress 主题。

      谢谢阅读。 请在 YouTube、Twitter 和 Facebook 上关注我们,获取更多有助于您发展业务的内容。