关于 heading-structure
heading-structure 是一项关于页面标题层级的 SEO 技能,面向需要规划或检查内容结构的编辑和网站团队。它指导 H1-H6 的语义层级、关键词使用和可读性。
主要功能
- 01规划 H1 页面主标题
- 02构建 H2-H6 内容层级
- 03按语义而非视觉样式选择标题级别
- 04检查标题与搜索意图的匹配
- 05避免泛化标题和关键词堆砌
适用场景
- 01为文章制定标题大纲
- 02检查产品页标题层级
- 03改进页面的可扫描性
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ kostja94/ marketing-skills --skill heading-structure安装后在 Claude Code 中输入/heading-structure确认已加载。
详细介绍
SEO 页面优化:标题结构
介绍如何优化用于 SEO 和内容结构的标题(H1-H6)。
调用时:首次使用时,如果有帮助,可先用 1-2 句话介绍此技能涵盖的内容及其重要性,然后提供主要输出。后续使用或用户要求跳过时,直接提供主要输出。
范围(页面 SEO)
- H1 标签:清晰可见的页面标题,确认用户的任务及其价值
- 标题标签(H1-H6):构建合乎逻辑的内容层级,并确保每个标题对应一个连贯的章节
初步评估
项目背景: 如果根目录中存在 contextus.md,请阅读并仅加载与此任务相关的模块。如果没有 Contextus,请使用现有项目材料或用户提供的信息,并询问缺失的信息;不要创建平行的上下文系统。
确定:
- 页面类型:主页、文章、产品页面等
- 主要关键词:目标搜索查询
- 内容大纲:主要章节和小节
最佳实践
H1
| 原则 | 指南 |
|---|---|
| 主要页面标题 | 优先使用一个清晰的 H1 来标识页面;在将额外的 H1 视为排名紧急问题之前,先检查无障碍访问和模板语义 |
| 搜索语言 | 适用时自然地包含主要概念;不要强行使用完全匹配的措辞 |
| 描述性 | 清楚描述页面内容 |
| 匹配意图 | 与标题标签满足相同的页面意图并传达相同的承诺,但不要求措辞完全相同 |
H2-H6 层级
| 原则 | 指南 |
|---|---|
| 逻辑顺序 | 使用标题级别表达文档结构;不要只为视觉大小选择级别 |
| 每个标题表达一个观点 | 每个标题 = 一个主题 |
| 便于浏览 | 标题应概括章节内容 |
| 关键词变体 | 在子标题中使用相关关键词 |
结构
H1 (page title)
-> H2 (section 1)
-> H3 (subsection)
-> H3
-> H2 (section 2)
-> H3
-> H2 (section 3)
常见问题
| 问题 | 修正方法 |
|---|---|
| 多个 H1 | 确认模板和无障碍语义;优先使用一个清晰的主要 H1,但不要将额外的 H1 说成必然导致排名失败 |
| 用视觉样式表达层级 | 根据结构确定语义级别,并单独设置样式 |
| 标题过于笼统 | 使标题更具描述性;避免使用“简介”“结论” |
| 关键词堆砌 | 使用自然语言;避免强行加入关键词 |
输出格式
- H1 建议(含关键词)
- 内容的 H2-H6 大纲
- 层级检查
- 参考资料:Google 标题
相关技能
- featured-snippet:用于摘要提取的 H2/H3;用于列表/表格摘要的语义 HTML
- page-metadata:检查并报告标题标签/H1/正文的一致性;将实际标题编辑转至此处
- content-optimization:H2 关键词布局、数量、表格、列表;与标题结构互为补充
- article-page-generator:文章页面的 H1-H3 结构、引言/正文/结论
- title-tag:H1 和标题标签共享页面意图,但可以使用不同的自然表达
- schema-markup:文章架构使用 headline(通常为 H1)
- content-strategy:内容大纲为标题提供依据
评论
支持 Markdown