mcpField
H
heading-structure

heading-structure

github.com/kostja94营销与增长1.1k1.1k 次安装2 天前更新
代码仓库

关于 heading-structure

heading-structure 是一项关于页面标题层级的 SEO 技能,面向需要规划或检查内容结构的编辑和网站团队。它指导 H1-H6 的语义层级、关键词使用和可读性。

主要功能

  1. 01规划 H1 页面主标题
  2. 02构建 H2-H6 内容层级
  3. 03按语义而非视觉样式选择标题级别
  4. 04检查标题与搜索意图的匹配
  5. 05避免泛化标题和关键词堆砌

适用场景

  1. 01为文章制定标题大纲
  2. 02检查产品页标题层级
  3. 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,请使用现有项目材料或用户提供的信息,并询问缺失的信息;不要创建平行的上下文系统。

确定:

  1. 页面类型:主页、文章、产品页面等
  2. 主要关键词:目标搜索查询
  3. 内容大纲:主要章节和小节

最佳实践

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