关于404页面你需要知道的一切

谢全 1月前 35

没有一个网站100%完美无缺。您的访问者最终会点击已损坏或已过期的链接,这是不可避免的。发生这种情况时,他们将被重定向到404页面。

关于404页面你需要知道的一切

404页面主要做两件事:

  1. 它告诉访问者他们成功地与Web服务器通信,但Web服务器找不到请求的页面。
  2. 它会提示访问者返回您网站的工作部分。

这就是为什么您的网站的404页面非常重要。

您可能在想,为什么您需要404页面而不是简单地修复所有损坏的链接?

问题是,随着您网站的增长,您将无法立即识别所有已损坏的链接。因此,您的访客很有可能在您之前遇到它们。

发生这种情况时,404页面将作为备份解决方案进入,直到您修复损坏的链接。

要获得获胜的404页面,您应该考虑创建自定义页面。

为什么要创建自定义404页面?

为什么在默认情况下可以创建自定义404页面?

Google的404页面示例

好吧,因为他们经常太模糊。

在上面的示例中,默认的404页面除了您遇到404错误并且找不到URL之外什么也没有告诉您。

如果您的网站访问者遇到这样的错误,您认为他们会做什么?没有什么可以告诉他们发生了什么或为什么,以及他们接下来应该做些什么。

在您的访问者遇到此类网页后,他们可能会离开您的网站,但可能无法再次访问。据Econsultancy称,88%的消费者在经历了糟糕的体验后不太可能返回网站。

好的一面是,如果你创建了一个自定义的404页面,这就是它可以为你做的事情:

  • 通过提供更清晰的解释,减少访问者在点击损坏的链接后可能会感到的沮丧和困惑。
  • 为访问者提供不同的选项,以便他们可以在您的网站上停留一段时间,包括其他推荐的链接,搜索栏等。
  • 提高您网站的跳出率,并结合一些关键字实施,改善您网站的搜索引擎优化。
创建自定义的404错误页面

图片来源:Y Times

如何创建自定义404页面

在我们开始讨论让您的404页面在保留访问者方面非常有效的提示之前,让我们先看看如何创建自定义404页面。

在本节中,我们将为您提供有关如何创建自定义404页面的分步说明:

  • WordPress的
  • 网站建设者
  • 自定义网站即HTML

在WordPress上创建自定义404页面

在WordPress上创建404页面的最简单方法是安装插件。然后,您只需选择WordPress编辑器中的任何页面,并将其设置为默认的404页面。

以下是我们为此目的推荐的两个插件:

  • 404页面:安装此插件后,转到外观→404错误页面,然后选择您要将其设置为默认404页面的任何页面。
  • 自定义404专业版:此插件将出现在您的主WordPress仪表板上,您可以在其中选择所需的任何页面(甚至添加URL),此插件将其转换为您的默认404页面。

您所要做的就是在WordPress上创建一个新页面,使用主题的拖放编辑器,或者在Web开发人员的帮助下,将其设计为404页面。

您可以使用网站构建器创建404错误页面

使用网站构建器创建自定义404页面

使用网站构建器创建自定义404错误页面非常简单。您所要做的就是创建一个新页面,将其设计为404错误页面并将其设置为默认的404页面。

大多数网站构建者都有自己的说明,将自定义页面设置为默认的404页面,因此请务必在开始之前检查这些页面。

在自定义网站上创建自定义404页面(HTML)

如果您的网站不使用CMS或网站构建器,您仍可以将自定义404网页设置为默认网页。

这是如何做:

  • 步骤1:在您的计算机上下载并安装FTP客户端。如果你使用Windows,FileZilla很棒。如果你使用的是Mac,那么抓取很棒。
  • 步骤2:在您的FTP客户端中,输入您的主机名,即您的主机帐户的IP地址或域名,以及该帐户的用户名和密码。
  • 第3步:转到托管服务器的根目录,找到名为“ .htaccess ” 的文件。如果没有,请创建它。打开它并添加以下行:

ErrorDocument 404 /not-found-page.html

此代码告诉您的托管服务器在404错误的情况下查找此HTML文件。

  • 第4步:只需创建一个名为“ not-found-page.html ” 的HTML文件,然后在此处复制/粘贴自定义404文件的代码。

就是这样。

每当您的网站遇到404错误时,它会将您的访问者重定向到您的自定义404页面。

充分利用404错误页面

图片来源:搜索引擎杂志

充分利用404错误页面

创建404页面并不复杂。但是,为了让访问者留在您的网站上,它需要额外的努力来优化它。

以下是您的404页面应具备的三个主要特质。

1.一个简单明了的解释

当用户登陆404错误页面时,他们会遇到困惑和沮丧。涉及“服务器”和“无响应”的模糊和技术性解释并不会使他们更容易理解正在发生的事情。

这就是为什么你能用404页面做的最好的事情就是使用简单的术语,比如:

“你点击的链接已被破坏。”

“您正在寻找的页面不存在。”

“我们找不到你要找的页面。”

这使得访问者可以立即清楚地知道问题是他们点击的链接。

您可以更进一步,列出访问者获得404页面的几个可能原因。一些例子包括:

“您可能输错了网址或发送了复制/粘贴错误。”

“网站所有者可能已将此页面删除/移动到另一个网址。”

使用简单的语言并提供解释将使您的自定义404页面不太可能吓跑您的访客。

这是来自迪士尼网站的404页面的示例

以迪士尼的404页为例。

它简单,直接且易于理解。它与他们的品牌很吻合,使用他们的一个角色并复制押韵。此外,它只包含一个链接 - 返回主页。

2.有用的替代CTA

现在您已获得自定义404页面以向访问者解释情况,现在是时候进行更多改进了。

阅读完文本后,他们可能想知道下一步该做什么。您的404页面也必须提供答案。

号召性用语(CTA)将帮助您的访问者访问您网站上可能有用的其他位置。这些CTA可以是:

  • 指向您网站主页的链接。
  • 您最受欢迎的产品/帖子列表。
  • 一个搜索栏,他们可以尝试搜索他们正在寻找的页面。

… 和更多。

如果您的404页面没有CTA,您的访问者可能会离开您的网站。CTA有助于防止这种情况发生。

除了CTA之外,您还可以考虑添加联系信息。这将有助于您的网站访问者与您联系,寻找潜在的解决方案,以防他们发现您的CTA没有多大用处。

想想原始未找到的页面

这是Airbnb的404页面。它包括简要说明,搜索栏,导航菜单链接以及底部的整个站点地图,以便人们可以快速采取下一步行动。

3.有点幽默和个性

你的404页面需要的最后一件事是幽默和个性,与你的品牌相得益彰。

这取决于你应该是什么,例如:

  • 机智的网页副本,
  • 一个有趣的模因/ GIF,
  • 一个可爱的插图

这将使您的404页面成为您的访客微笑而不是皱眉的东西。举个例子,这是Imgur 404页面。

您可以在404错误页面中添加一些幽默

他们使用诙谐的副本和可爱的动物插图为他们的404页面注入幽默。随着光标的移动,动物的眼睛就会跟随!

为什么会出现404错误页面

我们已经介绍过,当用户点击损坏的链接时会出现404错误页面。是什么原因导致链接被破坏?

三个最常见的原因包括:

  1. 从网站上删除页面;
  2. 更改以前页面所在的目录;
  3. 更改URL。

如何修复404错误

您需要使用网站管理员工具定期检查您的网站,该工具可以准确地扫描网站上的404错误。

一些可用的选项包括:

  1. 如果您的网站在WordPress上,您可以使用MonsterInsights插件。它会自动为您标记404错误,以便尽快修复它们。
  2. 如果您不使用WordPress或不想支付网站管理员工具,则可以使用 Google搜索控制台。

使用简单的语言将使您的404页面不太可能吓到您的访问者

以下是使用Google Search Console查找404错误的方法:

  • 它将使用“蜘蛛机器人”扫描您的网站,查找可能的404错误:扫描您网站中链接和页面的程序。
  • 打开Google Search Console信息中心,然后转到抓取→抓取错误,查看您网站上的现有404错误。
  • 找到404错误后,请在浏览器中查看链接。如果有效,请将其标记为已修复。如果没有,请分析链接尝试将访问者带到哪个页面,并将其替换为有效的链接。  

通过这几个简单的步骤,您就可以修复网站上的404错误。如果你无法按时修复它们,不用担心。您将拥有新的精彩自定义404页面作为您网站访问者的备份!

您的网站上有自定义404页面吗?

最新回复 (0)
返回