用途
该技能用于审查与“创建自定义 404 错误页面”相关的模板、渲染后的 HTML 或共享组件。它强调验证最终面向浏览器的标记,而不仅仅是源码,从而确保 404 页面在真实渲染结果中符合要求。
主要能力
- 检查网站是否具有自定义 404 错误页面,且该页面提供有用的导航选项。
- 确认该路由返回 HTTP 404 状态码,而不是返回 200 的品牌页面(即软 404)。
- 审查模板、服务端渲染 HTML 和共享组件中输出相关标记的部分,指出渲染 HTML 违反规则的具体元素、属性和路由。
- 提供修复建议:创建用户友好的 404 页面,包含搜索功能和指向重要页面的链接,并确保服务器或框架返回 404 状态码。
- 提供解释:说明自定义 404 页面如何帮助留住遇到失效链接的用户,以及为何对缺失页面返回 200 会造成软 404 索引问题。
使用方式
技能围绕四类操作组织:Check(检查)、Fix(修复)、Explain(解释)和 Code Review(代码审查)。在代码审查中,需针对渲染后的 HTML 标记进行核对,标记出违反规则的确切元素、属性和路由。完整实现细节、代码示例和框架相关指导见 references/rule.md。规则页面为 https://frontendchecklist.io/rules/html/404-page。
适用场景
适用于前端开发与代码审查流程中,对网站 404 处理策略进行质量把关,尤其适合需要确保错误页面既对用户友好、又对搜索引擎正确的项目。
限制
资料未提供该技能的具体安装命令、支持的框架列表、收费方式或价格信息,这些内容暂未提供。