为什么你的 404 页面很重要以及如何让它变得精彩而不是无聊

为什么你的 404 页面很重要以及如何让它变得精彩而不是无聊


在您网站生命周期的某个时刻,访问者会偶然发现 404 错误页面。 也许访问者在网址末尾添加了一个奇怪的扩展名,或者她可能已经为旧页面添加了书签并且您的组织结构发生了变化。 不管是什么原因,当访问者点击该 404 页面时,您希望它成为您网站的漏斗,否则您可能会失去访问者的竞争对手。

404页面的目标

404错误
图片来源:CyboRoZ

404 页面的目标是让访问者留在您的网站上,即使她点击了不存在的页面。

当创造性地和有目的地完成时,404 页面不仅可以留住访问者,还可以让她四处闲逛并查看您的 .com 周围发生的其他事情。 404 页面需要注意的一些事项:

  • 应该没有广告
  • 应该让用户知道她错误地访问了该页面,但您如何让她知道可以反映网站的个性
  • 应该将访问者引导到其他页面或主页
  • 应该是静态 HTML,并且不包含可能给某些用户带来额外错误的复杂脚本
  • 应尽快加载

不该做什么

在我们讨论 404 错误页面的一些创造性用途之前,让我们看一些通用 404 页面的示例以及为什么不应该使用它们。 作为精通网络的人,您会自然而然地理解为什么会返回 404 错误。 但是,您的网站访问者可能不熟悉 Internet 或不完全了解网站的工作方式。 一个通用的 404 页面会让这些新手感到沮丧,让他们离开你的网站永远不会回来。

让我们看一下没有自定义 404 的网站上的常见错误消息。

404错误信息

在上面的示例中,站点访问者可能想知道为什么会出现 404 错误以及偶数是什么。 此消息也不给访问者任何留在网站上的选项。 不精通的非技术用户很可能会在此时简单地离开您的网站。 这是一种耻辱,因为唯一的问题可能是输入错误的单词或放错位置的字母。

良好的 404 页面示例

花点时间自定义您的 404 消息,这样您就不太可能失去那些偶然发现错误的访问者。 下面是来自我自己网站的 404 消息的屏幕截图。 它将网站访问者引导到网站上的其他选择。 希望访客能留下来看看其他产品。

Lori Soard(我的网站)

lori soard 404错误页面
LoriSoard.com 上的 404 错误页面

在上面的示例中,我做了几件事来将网站访问者吸引到我网站的其余部分。 首先,404 页面的外观和我的其他页面一样。 我的标题在那里,导航结构也在那里。 如果您的网站图形非常繁重,您可能希望使用一些不同的东西来帮助该页面更快地加载。

我还更改了措辞,让访问者知道在网站上找不到该页面,但让他们能够搜索他们需要的内容。 最后,页面下方是我最近的帖子,在此下方(您在屏幕截图中看不到)是类别和热门话题。

这为网站访问者提供了很多选择,但您也可以缩小选择范围,将它们汇集到特定页面。 我在其他网站用途较窄的网站上这样做。

网络托管秘密揭晓

WHSR 的 404 页面

WHSR 的 404 页面做得很好也就不足为奇了。

在 WHSR,有一个 404 错误页面,它提供了与网站其他部分具有相同导航结构的类似好处。 脾气暴躁的猫图片增添了一种异想天开的感觉,文字开玩笑地说“猫吃了我们的文件”。

添加一点幽默可以让访问者留在您的网站上。 访问者假设错误页面是否有趣且写得很好,文章也可能如此。

蓝色喷泉媒体

Blue Fountain Media 是一个非常擅长 404 页面的网站。 虽然它打破了没有脚本的规则,但它可以有效地让访问者在网站上停留一段时间。 它也是原创的,因此令人难忘。

蓝色喷泉媒体404

Blue Fountain Media 邀请找不到他正在寻找的页面的访问者闲逛并玩吃豆人游戏。 谁能抗拒? 当然,导航结构和联系信息位于页面顶部,以防访问者需要有关 Blue Fountain Media 的更多信息。

由于人们喜欢游戏,因此访问者甚至可以将此 404 错误页面添加为书签,以备将来访问。

维基百科

Wikipedia 是另一个打破 404 的一些基本规则的网站,但它做得很好,以至于你不得不为它的光彩提供一点掌声。

维基百科 404

Wikipedia 将 404 更进一步,并假设站点访问者计划访问具有类似扩展名的页面。 然后,维基百科会自动将站点访问者重定向到它认为访问者想要的页面。

虽然假设可能正确,也可能不正确,但访问者仍会被带到一个有趣的页面,这可能会让他留在网站上或邀请他进行更多探索。 还提供了指向主页的链接。

改造页面的提示

  • 扔掉技术术语。 您的网站访问者并不关心页面为什么不存在或导致错误的原因,他们关心的是访问他们想要的页面。
  • 包括指向主页的链接。
  • 不要把你的手指指向你的访客。 没有人喜欢被告知他错了。 与其说“你输入了错误的 url”,不如说找不到该页面。
  • 创造力是好的,但精神错乱不是。 WHSR 的 404 页面(上面的屏幕截图)就是一个很好的例子,因为它提供了幽默,但没有飞猴放大和缩小。

谷歌还提供了一些创建有用的 404 页面的具体技巧。

如何添加自定义 404 页面

由于我们的大多数读者可能都在提供 cPanel 的托管平台上,因此我将提供通过 cPanel 上传您的自定义 404 页面的说明和屏幕截图。 您还可以在 .htaccess 文件中设置自定义参数。 如果您无权访问您网站的后端,请与您的托管服务提供商讨论如何上传自定义 404 错误页面。

1. 通过 cPanel 自定义错误

导航到您网站的控制面板。 地址可能是这样的:

http://yoursite.com/controlpanel

要么

http://yoursite.com:2082

登录控制面板后,向下滚动到标题为“高级”的部分,然后单击“错误页面”。

控制面板3. 编辑错误页面

将弹出错误页面列表,如下图所示。 单击 404(未找到)。

错误页面

拉起的页面是您可以插入此页面所需代码的地方。

WordPress 自定义 404

WordPress 可能提供了自定义 404 页面的最简单方法。 只需使用插件,例如:

  • 谷歌 404
  • 有用的 404
  • 邓斯坦式错误页面

如果您对编码感到满意,您可以提取主题的 404.php 文件并添加一些自定义编码以强制页面执行您想要的操作。 WordPress 提供了有关如何完成此操作的详细说明。

现在您已经有了一些自定义 404 错误的想法以及如何做到这一点,您需要花时间检查您的网站是否有损坏的链接。 毕竟,最好的 404 页面是永远不会发生的。 如果您修复损坏的链接,访问者就不太可能首先遇到可怕的 404。

Leave a Comment