为什么需要一个好的 WordPress 404 页面?

已发表: 2021-07-05

每个到达您网站的访问者都很重要。 您一直在努力帮助他们找到您的网站,并且您希望确保他们留下来并享受他们的时光。 您制作了有趣的内容,并将其呈现在一个漂亮的页面上。 在您的网站上工作时,您可能已经移动了页面以改善导航体验。 这可能会导致您的访问者在 WordPress 404 页面上发现自己。

什么是 404 错误,是什么原因造成的?

404 错误基本上意味着您正在寻找的任何东西都不存在了。 事实上,它可能一开始就不存在。 一个常见的例子是通过记忆输入链接并打错字。 但是更改页面的 URL 也可能导致 404 错误,因为其他页面可能仍链接到旧 URL。

因此,导致 404 错误的最常见原因是:

  • 该页面已在没有重定向的情况下移动,或者
  • 该页面从未存在,或
  • URL 包含拼写错误,或
  • URL 已损坏,或以其他方式不正确

如何避免 WordPress 404 错误?

您无法避免每个 404 错误。 例如,对于访问者输入错误的链接,或其他链接到您的站点的站点的链接已损坏,您无法采取任何措施。 但是您可以避免一些 WordPress 404 错误。 重命名页面或帖子时,请确保设置了从旧 URL 到新 URL 的重定向。 这样,当有人从旧链接到达时,他们会立即被带到新页面。

为什么要自定义 WordPress 404 错误页面?

404 错误对于您的访问者来说不是一个好的欢迎页面。 如果这是他们第一次访问您的网站,尤其会留下不好的感觉。 出于这个原因,您应该创建一个用户友好的错误页面,帮助他们知道下一步该做什么。

有许多 WordPress 404 错误页面根本不友好。 在很多情况下,访问者看到的只是一个空白页面,上面有“404 page not found”消息。 事实上,这种常见的信息可能非常可怕,让访问者感到迷茫。 结果,他们会想知道发生了什么以及如何获取他们正在寻找的信息。

您不应该让访问者在您的网站上花费时间时感到迷茫和困惑。 尽管您无法确保他们永远不会看到 WordPress 404 页面,但您可以改善这种体验。 不要使用默认页面,而是创建自定义 WordPress 404 页面。

如何创建自定义 WordPress 404 页面?

您可以通过两种方式创建自定义 WordPress 404 页面:修改主题或使用插件。 两种方法都有各自的优点和缺点。 如果您可以编码,则自己创建 404 页面而不是安装插件是有意义的。 否则,利用您只需点击几下即可设置的解决方案。

但在您急于采用这些可能的解决方案之前,请先检查您的主题和页面构建器。 它可能有一种简单的方法来创建自定义 404 页面,而无需编码或安装插件。 最受欢迎的主题和页面构建器通常对此有一个选项。 此外,它们提供了足够的功能来创建用户友好的 404 页面。

创建自定义 WordPress 404 页面模板

如果您有一些编码知识,您可以轻松地在您的(子)主题中创建一个 WordPress 404 页面。 也就是说,如果您的主题还没有 404 页面。 转到外观 → 主题编辑器,看看是否在那里找到 404 模板页面。 如果该页面存在,请打开它并根据您的需要对其进行自定义。 如果该页面不存在,请按照 WordPress Codex 的提示创建它。

使用插件创建自定义 WordPress 404 页面

如果您不想修改您的主题,您可以在 WordPress 插件仓库中查看 404 插件。 有很多插件可供选择,其中最受欢迎的一个是 404page 插件。 它使您能够像编辑任何其他 WordPress 页面一样创建和编辑自定义 404 页面。 因此,您的访问者看到的 404 页面将很好地融入您的网站。

7 个很酷的 WordPress 404 页面以获得灵感

访问者不喜欢看到 404 错误。 试图找到不存在的东西并不是一种美好的感觉。 但是通过一点创意,您可以改善他们的糟糕体验,甚至创造一个有趣的相遇。 展示一些有趣的动画,编写创意文本,这里有 7 个创意 WordPress 404 页面来激发您的灵感。

404图

WordPress 404 页面模板-插图

实时预览

干净简约的 404 页面非常适合任何网站。 该模板使用插图,在现代网站上非常流行。 一些元素会对鼠标光标的移动做出反应,玩起来很有趣。 还有一个 CTA 按钮可以返回主页。

WP火箭

WP Rocket 的 404 错误页面

WP Rocket 的 404 页面看起来简约而现代。 它具有有趣的动画,为页面带来俏皮感。 创造性地制作的描述也是如此,它以返回主页的 CTA 按钮结束。

除了 CTA,使这个 WordPress 404 错误页面用户友好的事实是它融入了网站。 它包含访问者可以用来环顾四周的菜单和页脚。

404视频

WordPress 404 页面模板 - 视频

实时预览

这个全新的智能滑块模板专注于在背景中显示视频。 它以放松的效果移动,以帮助缓解挫败感。 404 数字从 0 开始计数,这是一个不错的选择。

元素

Elementor WordPress 404 页面

Elementor 使用很酷的动画来分散用户的注意力,因为他们没有找到他们正在寻找的页面。 如果您最终访问了 Elementor 的网站,那么您要么已经是该插件的用户,要么正在寻找成为插件的用户。 他们利用 404 错误页面的黄金机会来获得一些转换。 在页面底部,他们显示了有关如何使用 Elementor 创建 WordPress 404 页面的教程视频。

404 模糊

WordPress 404 页面模板 - 模糊

实时预览

在当今的现代网站上,插图是最时尚的设计元素。 这个 WordPress 404 页面模板包含许多插图。 它们中的每一个都会对鼠标移动做出反应。 此外,还有一个 CTA 按钮可以返回主页。

飞轮

飞轮的 WordPress 404 页面

使 Flywheel 的 404 页面工作的原因是动画。 最明显的是形成 0 的图像,但背景中有很多移动的形状。 这些动作使参观者专注于形状,同时缓解他们的挫败感。 还有一个微妙的链接可以返回主页,完整的导航可以访问您网站上的其他页面。

404 图像

WordPress 404 页面模板 - 图片

实时预览

这个 WordPress 404 页面使用鲜艳的色彩来吸引访问者的注意力。 页面中需要注意的部分不是 404 文本,因为它巧妙地位于正文后面。 该页面希望您关注的是解释您为什么看到它的文本。 有一个 CTA 按钮,以及两个用于 Facebook 和 Twitter 连接的社交按钮。