如何自定义404页面模板,以及10个优化建议

转载 ATOMSEO  2019-07-28 10:41  253人阅读

Web爬网程序的404错误是什么

大多数在网页上出现404错误的用户都会尽快关闭您的网站。如果您不想丢失访问者,可以为404错误页面创建一个不寻常的创意设计。

让我们详细考虑哪些职责应该执行404错误页面以及如何实现它们。

404错误页面“未找到”(404找不到页面)是HTTP状态代码之一,由万维网联盟(W3C)于1992年采用。有关此数字的更多详细信息:

  1. 第一个数字“4”表示客户端出现错误。它可能是拼写错误的URL或不存在的页面请求。
  2. “04”数字定义了从4xx组中找不到的特定错误。此组中的其他错误包括400 Bad Request,401 Unauthorized,402 Payment Required,403 Forbidden等等。

小型站点可以轻松监控其引用的准确性。但是在较大的站点上,很难跟踪导致删除或移动的文件或页面的断开的链接。此外,外部链接变得更加严重。

  • 网址已更改;
  • 页面已删除;
  • 链接可能包含拼写错误;
  • 网站目前处于离线状态
  • 网站不存在等

什么是用户的404错误

让我们试着从用户的角度来看问题。当用户面临错误404时,第一个问题是我接下来该怎么办?

如果您找不到保留它们的方法,很可能用户将离开该网站。显然,修改标准404页面是有意义的。

通常,自定义的404错误页面应具有:

  • 用户友好的设计,以保持访客在网站上;
  • 有用的内容,可以为用户提供“我现在该怎么办?”的答案。并给出简单明了的指示;
  • SEO问题考虑在内。

10个自定义404页面构建的建议

  1. 你应该对访客友好。他们已达到404错误页面并不是他们的错。您可以表达您的遗憾和愿意提供帮助。
  2. 进入技术细节无需解释。“错误404”一词对于大多数用户来说是足够清楚的。有关错误原因的更多具体细节可能会吓跑您的访问者。实际上,您甚至不需要使用“404错误”术语来解释问题。
  3. 您可以建议用户检查拼写。手动键入的链接可能包含拼写错误。
  4. 不要更改您的网站设计。在404错误页面上保持您的品牌风格,用户不应该有访问其他网站的错觉。
  5. 404错误页面不应该看起来像常规页面。您的访问者应该知道找不到该页面,并且它不包含任何内容。所以不要用文本和链接重载它。
  6. 一点点幽默永远不会伤害。设计师和开发人员经常创造性地转换404错误页面。一个有趣的404错误页面是阻止用户离开网站的最佳方式。
  7. 为用户提供潜在的匹配链接将非常有用。如果用户到达404错误页面,他们可能正在寻找一些东西,所以你应该帮助他们找到它。您可以在404错误页面上放置主菜单,或将链接放到最近移位的页面上。可能链接指向您网站上最受欢迎的网页或最新内容。无论如何,用户只需点击一下即可转换到任何其他页面。你一定要把主页链接放在那里。
  8. 添加搜索字符串。为了避免失去访问者,让他们找到他们想要的东西。
  9. 用户应该能够发送错误报告。这将帮助您找出内部网站缺陷。自动报告是更好的问题跟踪解决方案,在突然增加404错误的情况下非常有用,并帮助您快速修复404错误。
  10. 注意SEO。网站优化必须最大限度地减少404错误页面上内部链接的数量,甚至消除不正确的404 URL形成的可能性。

网站管理员工具可以帮助您跟踪网站上的错误,包括错误代码404未找到。此外,这些工具将帮助您跟踪错误的来源。源可能是站点上URL链接中的错误,也可能是竞争对手的攻击。

并不总是需要为每404错误页面使用301或302重定向。有时,通知用户页面不再存在并推荐网站的其他有用部分就足够了。

许多网站所有者使用创意和原创模式(请参阅示例)。同时,无论您的设计多么富有创意,在设计这些页面时您仍应记住以下内容:

  1. 404错误消息应该用简单的术语编写,对于非技术用户应该是清楚的。
  2. 您可以列出404错误的一些常见原因。
  3. 在404错误页面上放置一个反馈表单,以便用户可以快速与站点站长联系并告知他错误(404错误提交表单)。
  4. 您可以向用户建议您网站上的一些热门或重要部分,以尽量降低跳出率。
  5. 404页面不应包含任何广告,尤其是指向第三方网站的链接(参与社交404项目时除外)。
  6. 不应将301或302重定向应用于404自定义模板。
本文地址:http://www.dawangseo.com/jiaocheng/298.html
温馨提示:文章内容系作者个人观点,不代表【SEO学习网】对观点赞同或支持。
版权声明:本文为转载文章,来源于 ATOMSEO ,版权归原作者所有,欢迎分享本文,转载请保留出处!
NEXT:已经是最新一篇了

发表评论


表情