404 Error Page

404 错误页

The page for a wrong turn: a big 404, one line of human explanation, and buttons back home or to search.

WebFeedbackFull screenComponent

大白话说明

404 页的任务是把走错路的人送回正道:先承认「这一页不存在」(别甩锅用户),再给两条最可能的路——回首页、去搜索,进阶一点给热门内容链接。它是错误页家族的代表:说人话、给原因、给出路。

什么时候用

任何网站都要预备它;同理还有 500、维护页、无权限页,结构同源。

什么时候不用

应用内的局部加载失败别整页 404,那是行内重试组件的位置。

细节与变体

  • 别把锅甩给用户(「你访问的页面」不如「这一页搬走了」中性)
  • 幽默可以有,但出路按钮必须比段子显眼
  • 记日志:高频 404 地址是导航或外链坏掉的信号

Matching prompt (fill in & copy)

Reference implementations (open source)

  • AstroWind ↗ MIT · 免费(MIT)

    An Astro + Tailwind landing page and blog template with all the standard sections.

  • Astro Paper ↗ MIT · 免费(MIT)

    A minimal, typography-first blog template with top performance scores.