跳到正文
cccskills
免费在 GitHub 公开中文介绍

contact-page

检查联系页面的联系方式是否可用、入口是否易找,协助添加表单和联系信息,并核对渲染后的HTML与HTTP响应,完善支撑网站可信度的信息。

原文查看原文说明

Use when auditing metadata, crawlability, structured data, or indexability related to Create a comprehensive Contact page. Verify the rendered HTML and HTTP response rather than relying only on source files.

AI 评分90分/ 100查看安装方法

适用场景

  • 新建网站联系页面
  • 检查联系方式与站内入口
  • 核对联系页面的最终输出

中文介绍

功能

检查联系页面是否具备所需的联系信息,以及访客能否从其他页面方便地找到它。确认电子邮箱、电话号码、联系表单等多种联系方式是否实际可用,并按需要创建/contact页面或补充联系信息。若符合业务情况,也会检查是否列出实际地址或地图。

适用场景

适合为企业网站新建联系页面,或重新检查已上线网站的联系信息。除了确认页面是否存在,还可检查访客能否顺利找到联系信息,以及提供给搜索引擎的页面输出是否有问题。

使用示例

  • “检查联系页面上的联系方式,以及各页面通往它的入口。”
  • “在/contact添加联系表单和电子邮箱。”
  • “检查联系页面的元数据和结构化数据,指出存在问题的路由。”

注意事项

检查不能只依据源文件,还需要核对渲染后的HTML和HTTP响应,确认最终页面的输出。是否展示实际地址或地图,需要结合网站的业务情况决定。

本介绍由 AI(OpenAI Codex)根据公开的 SKILL.md 撰写。准确的规格请查看下方原文。

客观评估

AI 仅根据 SKILL.md 的内容,从 4 个方面进行了评估。星标数和热度不计入评估。

指令清晰度能否看出何时使用、做什么
A良好明确检查联系页面的联系方式和入口可见性,并补充缺失信息。
步骤具体性步骤、输入输出和示例是否具体
B部分不足要求创建/contact并检查输出,但没有表单实现示例或功能测试步骤。
安全性发送数据、删除文件、执行命令等是否有说明
A良好修改范围为/contact和联系信息,并明确检查渲染后的HTML与响应。
安装难易度所需工具和 API 密钥是否少且有说明
A良好未要求使用特定付费服务、API密钥或操作系统。

总分按每项 A=25 分、B=15 分、C=5 分相加。 由 AI(OpenAI Codex)于 2026年10月23日 评估。仅供参考,安装前请同时查看原文。

如果您认为评估有误,请申请复核

请写明哪一项有误以及原因。无需登录。我们会对照 SKILL.md 重新评估,并在此处更新结果。

此表单受 reCAPTCHA 保护,适用 Google 的隐私权政策和服务条款。

包含的文件(2)

  • SKILL.md1.7 KB
  • references/rule.md2.2 KB

SKILL.md(原文)

安装前可以查看交给 AI 代理的指令内容。

Create a comprehensive Contact page

A clear and accessible contact page is a major trust signal for E-E-A-T and provides essential support for users, improving overall site credibility.

Quick Reference

  • Provide multiple contact methods such as a functional email address, phone number, or contact form
  • Include a physical address or map if applicable to establish local presence and trust
  • Ensure the contact page is easily discoverable from any page on the site

Check

Verify that the website has a dedicated Contact page with multiple, working contact methods.

Fix

Create a /contact page and add a contact form, email address, and other relevant contact information.

Explain

Explain why having a verifiable contact page is a critical factor for business legitimacy and search rankings.

Code Review

Review metadata generation, rendered HTML, structured data, and response headers related to Create a comprehensive Contact 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/contact-page

评价

还没有评价。欢迎分享你的使用感受。

评论

无需登录即可发表。欢迎分享使用感受、提问,或说明在哪些环境下无法运行。

还没有评论。来写第一条吧。

提交后会立即公开。请勿填写邮箱、电话等个人信息。URL 最多 2 个。

0 / 1000 字

此表单受 reCAPTCHA 保护,适用 Google 的隐私权政策和服务条款。

同一仓库的技能

404-page

免费有简介AI 评分 100分

创建并检查自定义404页面,通过搜索、导航和主要页面链接,为访问失效或已迁移页面的访客指明去向,同时核对页面显示内容与HTTP状态码。

  • 创建自定义404页面
  • 完善失效链接的搜索与导航
  • 检查不存在的页面是否返回200
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

about-page

免费有简介AI 评分 90分

检查或创建说明网站用途与运营方的介绍页面,核对组织历史、使命、专业能力及联系方式,并检查实际页面输出,找出信息缺漏。

  • 检查现有的网站介绍页面
  • 创建介绍组织与使命的页面
  • 核对页面输出中的运营方信息
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

accessibility-testing

免费有简介AI 评分 80分

为页面和共用组件添加自动无障碍测试,检查现有测试的覆盖缺口,并将检查接入持续集成流程,以发现结构、属性问题及修改引入的新问题。

  • 检查共用组件的测试覆盖范围
  • 为页面交互测试添加无障碍检查
  • 在持续集成中运行无障碍检查
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

accessible-authentication

免费有简介AI 评分 90分

检查从登录、多因素认证到账户恢复的完整流程,找出禁止粘贴、验证码必须手动输入等使用障碍,并协助改进认证方式。

  • 检查完整登录流程的无障碍性
  • 确认验证码粘贴与自动填充
  • 检查密码重置与账户恢复流程
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

accessible-notifications

免费有简介AI 评分 100分

检查表单错误、完成通知和实时更新能否通过屏幕阅读器传达,核对实际显示的HTML属性、通知停留时间及关闭方式,并指出具体问题。

  • 检查表单错误是否被朗读
  • 调整完成通知的显示时间
  • 检查实时通知
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

accessible-tables

免费有简介AI 评分 100分

检查表头与数据单元格的对应关系,将 HTML 调整为屏幕阅读器也能传达数据含义的结构。从简单表格到包含合并单元格的复杂表格都可检查。

  • 检查表格的屏幕阅读器支持
  • 检查合并单元格与表头的关联
  • 审查设计系统中的表格
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

查看 thedaviddias 的全部技能

报告此技能的问题