创建并检查自定义404页面，通过搜索、导航和主要页面链接，为访问失效或已迁移页面的访客指明去向，同时核对页面显示内容与HTTP状态码。
- 创建自定义404页面
- 完善失效链接的搜索与导航
- 检查不存在的页面是否返回200
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新
免费在 GitHub 公开中文介绍
about-page
检查或创建说明网站用途与运营方的介绍页面，核对组织历史、使命、专业能力及联系方式，并检查实际页面输出，找出信息缺漏。
原文查看原文说明
Use when auditing metadata, crawlability, structured data, or indexability related to Create a dedicated About page. Verify the rendered HTML and HTTP response rather than relying only on source files.
适用场景
- 检查现有的网站介绍页面
- 创建介绍组织与使命的页面
- 核对页面输出中的运营方信息
中文介绍
功能
检查或创建专门介绍网站用途与运营方的页面，核对是否说明网站的历史与使命、负责内容的个人或组织、专业能力的佐证以及联系方式。如果网站尚无介绍页面，则涵盖在 /about 中详细介绍组织、使命及参与内容工作的专家。
适用场景
适合在网站上线前整理运营方介绍，或检查现有页面是否包含必要信息。还会解释介绍页面与 E-E-A-T 的关系，即经验、专业性、权威性和可信度。审查范围包括源文件、生成的 HTML、元数据、结构化数据和 HTTP 响应；会指出存在问题的具体页面路径或模板，并说明如何核验最终页面输出，让检查覆盖读者实际看到的结果。
使用示例
- “请检查网站介绍页面，指出运营方介绍和专业能力说明中缺少哪些信息。”
- “请创建一个
/about页面，介绍组织使命以及参与内容工作的人员。”
注意事项
没有特别注意事项。
本介绍由 AI（OpenAI Codex）根据公开的 SKILL.md 撰写。准确的规格请查看下方原文。
客观评估
AI 仅根据 SKILL.md 的内容，从 4 个方面进行了评估。星标数和热度不计入评估。
- 指令清晰度能否看出何时使用、做什么
- A良好明确要求检查介绍页面及运营方信息，并在页面缺失时创建。
- 步骤具体性步骤、输入输出和示例是否具体
- B部分不足列明了页面内容和检查对象，但没有页面实现步骤或代码示例。
- 安全性发送数据、删除文件、执行命令等是否有说明
- A良好操作限于检查和创建介绍页面，不涉及删除或读取凭据。
- 安装难易度所需工具和 API 密钥是否少且有说明
- A良好检查或创建介绍页面未要求特定工具或 API 密钥。
总分按每项 A=25 分、B=15 分、C=5 分相加。 由 AI（OpenAI Codex）于 2026年10月23日 评估。仅供参考，安装前请同时查看原文。
如果您认为评估有误，请申请复核
包含的文件（2）
- SKILL.md1.7 KB
- references/rule.md2.4 KB
SKILL.md（原文）
安装前可以查看交给 AI 代理的指令内容。
Create a dedicated About page
An About page is a primary trust signal for both users and search engines, directly impacting the website's E-E-A-T profile and overall credibility.
Quick Reference
- Include a dedicated page explaining the purpose, history, and mission of the website
- Introduce the key people or organization behind the content to build trust
- Provide clear evidence of expertise and contact information
Check
Verify that the website has a dedicated About page that clearly identifies the people or organization responsible for the content.
Fix
Create a new page at /about and add detailed information about your organization, mission, and the experts behind your content.
Explain
Explain how an About page contributes to E-E-A-T (Experience, Expertise, Authoritativeness, and Trustworthiness) and why it's a critical SEO factor.
Code Review
Review metadata generation, rendered HTML, structured data, and response headers related to Create a dedicated About page. Flag exact routes or templates where search-facing output violates the rule, and describe how to verify the final page output.
For full implementation details, code examples, and framework-specific guidance,
see references/rule.md.
Rule page: https://frontendchecklist.io/rules/seo/about-page
评价
还没有评价。欢迎分享你的使用感受。
评论
无需登录即可发表。欢迎分享使用感受、提问，或说明在哪些环境下无法运行。
还没有评论。来写第一条吧。
同一仓库的技能
为页面和共用组件添加自动无障碍测试，检查现有测试的覆盖缺口，并将检查接入持续集成流程，以发现结构、属性问题及修改引入的新问题。
- 检查共用组件的测试覆盖范围
- 为页面交互测试添加无障碍检查
- 在持续集成中运行无障碍检查
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新
检查从登录、多因素认证到账户恢复的完整流程，找出禁止粘贴、验证码必须手动输入等使用障碍，并协助改进认证方式。
- 检查完整登录流程的无障碍性
- 确认验证码粘贴与自动填充
- 检查密码重置与账户恢复流程
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新
检查表单错误、完成通知和实时更新能否通过屏幕阅读器传达，核对实际显示的HTML属性、通知停留时间及关闭方式，并指出具体问题。
- 检查表单错误是否被朗读
- 调整完成通知的显示时间
- 检查实时通知
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新
检查表头与数据单元格的对应关系，将 HTML 调整为屏幕阅读器也能传达数据含义的结构。从简单表格到包含合并单元格的复杂表格都可检查。
- 检查表格的屏幕阅读器支持
- 检查合并单元格与表头的关联
- 审查设计系统中的表格
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新
检查工具提示能否通过键盘和屏幕阅读器使用，审查关联说明的HTML属性、悬停与聚焦时的显示、Escape键关闭及文字对比度，并指出需要修改的具体位置。
- 检查工具提示的键盘操作
- 确认补充说明能被屏幕阅读器读出
- 检查显示操作与Escape键关闭
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新