SuperAPI AI 工具集

h1

前端与建站

查看项目

更新于 10-16 08:48

技能介绍

用途:用于审计页面的标题结构,生成落地页或博客文章的 H1 文案,或检查可能产生空 H1、缺失 H1 的 CMS 模板。H1 是页面上最突出的标题,也是重要的页面内排名信号,Google 用它理解页面主题;缺失、重复或缺少关键词的 H1 会降低主题清晰度。

主要能力:要求每个页面恰好有一个 <h1> 标签,用相关关键词描述页面主题;H1 不必与 <title> 完全相同,但主题应一致;空 H1、多个 H1、仅含品牌名的 H1 都属问题。检查时解析每个页面的渲染后 DOM,统计全部 <h1> 元素,标记:零个 H1;多个 H1;文本为空或仅含空白字符的 H1;仅含品牌名而无页面具体主题的 H1;文本未反映页面主要内容主题的 H1。

修复方式:确保每个页面模板只输出一个 H1;H1 文本应描述页面具体主题而非仅站点名称;自然包含主要目标关键词;若页面有多个板块各自适合做 H1,选一个主主题,其余降为 H2;确认 H1 在渲染后 DOM 中可见(未被 display:none 或 visibility:hidden 隐藏);在 Next.js/React 中确保 H1 位于页面组件而非共享布局中。示例:由仅品牌名的 <h1>Acme Corp</h1> 改为 <h1>Project Management Software for Enterprise Teams</h1>。

代码审查:查询 DOM 中所有 <h1>,断言每页恰好一个;检查 innerText.trim() 非空;对比 H1 文本与页面 <title>,应共享核心主题关键词;若 H1 位于所有页面共用的 <header> 中(常为站点 logo 的替代文本)而非页面内容专属,应标记。

限制与说明:H1 单独看并非最强排名因素,只贡献页面内主题相关性信号;多个 H1 会稀释主主题信号,缺失 H1 会造成结构缺口。完整实现细节、代码示例与框架专属指引见 references/rule.md,规则页为 https://frontendchecklist.io/en/rules/seo/h1。