为什么你的404页面是重要的,如何使它辉煌而不是无聊

文章撰写者:
  • 网站设计
  • 更新:May 08,2019

在生命的某些方面 你的网页,访问者将偶然发现404错误页面。 也许访问者在网址的末尾添加了一个奇怪的扩展名,或者她可能已将旧页面加入书签并且您的组织结构已更改。 无论什么原因,当访问者访问404页面时,您希望它成为回流到您网站的漏斗,否则您可能会失去参与竞争对手的访问者。

404的目标

404错误
图片来源: CyboRoZ

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

当创造性地和有目的地完成时,404页面不仅可以保留访问者,还可以让她闲逛并查看您的网络公司周围发生了什么。 您的404页面需要注意的一些事项:

  • 应该没有广告
  • 应该让用户知道她错误地到达了页面,但是如何让她知道可以反映网站的个性
  • 应该将访问者汇集到其他页面或主页
  • 应该是静态HTML,不包含可能为某些用户创建其他错误的复杂脚本
  • 应该尽快加载

什么不该做

在我们讨论404错误页面的一些创造性用法之前,让我们看一下通用404页面的一些示例以及不应该使用它们的原因。 作为精通网络的人,您会自动了解返回404错误的原因。 但是,您的网站访问者可能是互联网新手,或者不完全了解网站的运作方式。 通用的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邀请访问者找不到他想要的页面,并玩Pac Man游戏。 谁能抗拒? 当然,如果访问者需要有关Blue Fountain Media的更多信息,导航结构和联系信息位于页面顶部。

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

维基百科上的数据

维基百科是另一个破坏404基本规则的网站,但它做得非常好,你必须为这个辉煌提供一些掌声。

维基百科404

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

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

改进页面的提示

  • 抛出技术术语。 您的网站访问者不关心页面不存在的原因或导致错误的原因,因为他们关心访问他们想要的页面。
  • 包含指向主页的链接。
  • 不要指责你的访客。 没有人喜欢被告知他错了。 而不是说“你键入了错误的网址”,而只是声明无法找到该网页。
  • 创造力很好,但精神错乱却不是。 WHSR的404页面(上面的屏幕截图)是一个很好的例子,因为它提供幽默,但没有飞行的猴子放大和缩小。

谷歌也提供 有关创建有用的404页面的一些特定提示.

如何添加自定义404页面

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

1。 通过cPanel自定义错误

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

http://yoursite.com/controlpanel

or

http://yoursite.com:2082

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

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

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

错误页面

拉出的页面是您可以为此页面插入所需代码的位置。

WordPress自定义404s

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

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

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

现在您已经有了一些自定义404错误的想法以及如何执行此操作,您需要花时间检查您的网站是否有损坏的链接。 毕竟,最好的404页面是一个从未发生过的页面。 如果您修复损坏的链接,访问者不太可能首先遇到可怕的404。

关于Lori Soard

Lori Soard自1996以来一直担任自由撰稿人和编辑。 她拥有英语教育学士学位和新闻学博士学位。 她的文章出现在报纸,杂志和网上,她已经出版了几本书。 自1997以来,她一直是作家和小企业的网页设计师和推动者。 她甚至在短时间内为一个热门的搜索引擎排名网站,并为许多客户研究深入的SEO策略。 她喜欢听读者的意见。