最好的404页以及如何创建

2026年1月7日 15点热度 0人点赞

404页可以真正是一种痛苦;断开的链接既会伤害用户体验,也会伤害SIO. 不过,如果做得对,一个设计良好的404页可以将潜在的反弹变成您网站访问者难忘的经历。

404页是一个HTTP状态代码响应, 当有人试图访问您服务器上不存在的 URL时会出现. 这可能由于各种原因发生:页面被删除,移动时没有适当的重定向,用户对URL打错了字,或者外部链接已经过时.

是什么使404页有效?

尽管我们竭尽全力,404页的接触是不可避免的。 所以,你最好确保你的页面拥有所有必要的组件来保持一个愉快的用户体验.

一个大404页应包括几个关键组成部分,包括:

  • 一个明确的错误信息
  • 突出你品牌特征的可追溯视觉
  • 链接到您的主页或您更受欢迎的网页

当处理不当时,404个错误会对你的SEO产生消极影响,用户可能会感到沮丧并离开,或者你可能会失去有价值的回路公平.

如果做得好,它们可以作为吸引观众参与的一种创造性方式。

以下是我们所见较有创意的404页。

前10 404页

谁不知道又爱《乐高电影》的Emmet? 该品牌通过突出一个可识别的人物来运用其可玩的特性,而关爱家庭的感叹“Oh brokes!”是一部关于文字的巧妙剧,它也以与核心人口相呼应的方式承认错误。

这只标志性的红鸟以令人惊讶的镇定方式迎接你, “你好, 你在找我吗?” “Ehh...带我去主页”按钮增加了另一层幽默。 证明你可以用很少的文字说很多话。

Mail Chimp的404页仍然忠实于他们可以接近的,奇异的品牌. 一个手滑的驴子角色在寻找丢失的页面时看起来很迷惑. 简单设计和热情的讯息,

有时,穿过404 会让你不合理地生气。 承认吧,我们都觉得下面有愤怒的恐龙。 至少凯瑟琳承认了这一点,并利用熟悉和幽默对他们有利.

游戏巨头带着他们最爱的两栖生物之一慕洛克欢迎失去的访客. 这个友好的角色指导你从数码荒野回来, 让绕道者觉得自己像迷你复活节彩蛋。

在Kulo网站上获得404个错误, 接待公司利用挫折感 让你在决定下一步行动时 炸掉外星人 这是怀旧的解决方式。

Marvel宇宙是一个广阔的宇宙,品牌在利用它方面做了伟大的工作. 他们选择旋转404页, 或许你甚至希望降落在404号公路上,

Figma为他们的404页提出了一个有趣的概念:可以操纵的互动数字. 它完全符合他们的在线工具的概念 并成为你寻找正确页面的乐趣

找不到你要找的东西。 别担心,红牛有段视频你可以看 你可能迷路了 但至少你有娱乐性的东西可以当作补偿

当你登陆RCA唱片404页时, 你可能甚至没有意识到这是一个。 它在音乐方面有着丰富的互动经验,以及所有极其具有接触性的经验性内容,这些经验性内容与他们的产业直接相关,并将错误转化为娱乐.

创建自己的404页

现在,我们探索了404页中最好的一页,你可能想知道你自己的措施如何。 创造404页效果并不难。

在他们的网站重新设计一年后,EasyCash很快意识到他们所希望的成绩并不存在. 他们查明并解决了几个安全局的路障。

QQ 方法 1: 基本的 HTML 设置

  1. 创建该页**
  2. 打开您的 HTML 编辑器
  3. 使用已有的页面模板( 如您关于我们的页面) 作为基础
    *查看源代码,复制,粘贴到编辑器中
  4. 自定义内容以明确表达错误。
  5. 包含导航选项:与您主页的链接、搜索功能和流行内容部分
  6. 文件保存为404'。 页面存档备份,存于互联网
  7. ** 装入您的服务器* 页:1
  8. 通过 FTP 或您的主机控制面板的文件管理器连接
  9. 将“ 404. html” 文件上传到您的网络根目录
  10. 航行试验,http://www.yourwebsite.com/404.html。
  11. ** 为 Apache 服务器配置您的服务器**(最常见的):
  12. 将此行添加到您的.htaccess ' 文件:错误文件404/404.html' `

** IIS服务器**:

  • 开放因特网信息服务经理
  • 在连接面板中导航到您的网站
  • 双击“错误页”
  • 查找404错误代码,点击“编辑”
  • 指向您的自定义 404. html 文件
  • 应用更改和测试

页:1

方法2:使用CMS

** 新闻:** 使用404页插件,该插件被高度推荐为404页的自定义,具有大的设计模板和方便的定制选项.

** 其他平台:** 大多数现代CMS平台在其设置或主题编辑器中都有内置的404页定制选项.

现在,你创造了一个定制的404页。

用 Oncrawl 监视您的404 错误

如前所述, 但是,你应该尝试 限制在必要时。

为了了解您站点上404个错误的范围, 请使用 Oncrawl 对您的 HTTP 状态代码进行定期审计 。 您可以清楚地了解哪些页会回溯404个错误,

  • 查明需要修复的断开的内部链接
  • 确定哪些页面应重定向为404s。
  • 决定是否应当将带回链接的高流量页面重定向到类似内容
  • 随着时间的推移,跟踪改进

创造一些创意? 和我们分享你的404页,我们可能会特别介绍它。