npx skills add https://github.com/kostja94/marketing-skills --skill toc-generator为长篇文章、指南和白皮书提供目录实现指南。目录通过实现快速导航和降低跳出率来提升用户体验和搜索引擎优化。
调用时:在首次使用时,如果合适,可以用一两句话介绍此技能涵盖的内容及其重要性,然后提供主要输出。在后续使用或用户要求跳过时,直接提供主要输出。
首先检查项目上下文:如果存在 .claude/project-context.md 或 .cursor/project-context.md 文件,请读取它以了解内容结构。
识别:
| 放置位置 | 最适合 | 优点 | 缺点 |
|---|---|---|---|
| 引言之后 | 大多数文章 | 流程自然;早期可见 | 可能滚动出视野 |
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者,精准高效
| 浮动侧边栏 | 非常长的内容 | 始终可见 | 更复杂;移动端挑战 |
| 可折叠式 | 长篇文章 | 侵入性较小 | 可能被忽视 |
| 文章顶部 | 移动端优先 | 在所有设备上都可访问 | 占用空间 |
<h1><h2><h3>;避免跳过层级id="keyword-optimization")#section-id)<nav aria-label="Table of contents">
<ol>
<li><a href="#section-1">Section Title</a></li>
</ol>
</nav>
| 实践 | 目的 |
|---|---|
| Schema.org TableOfContents | 帮助搜索引擎理解结构 |
| 标题中的关键词 | 自然整合;避免堆砌 |
| 搜索结果页中的跳转链接 | Google 可能展示目录链接;提高点击率;参见 serp-features |
| 要求 | 实践 |
|---|---|
| ARIA | 在 nav 上使用 aria-label="Table of contents" |
| 键盘 | 所有链接均可通过键盘访问 |
| 屏幕阅读器 | 正确的标题结构;目录有助于快速浏览 |
每周安装量
183
代码仓库
GitHub 星标数
237
首次出现
2026年3月1日
安全审计
安装于
kimi-cli168
cursor168
codex167
gemini-cli167
opencode167
amp167
Guides TOC implementation for long-form articles, guides, and whitepapers. TOCs improve UX and SEO by enabling quick navigation and reducing bounce rates.
When invoking : On first use , if helpful, open with 1-2 sentences on what this skill covers and why it matters, then provide the main output. On subsequent use or when the user asks to skip, go directly to the main output.
Check for project context first: If .claude/project-context.md or .cursor/project-context.md exists, read it for content structure.
Identify:
| Placement | Best For | Pros | Cons |
|---|---|---|---|
| After intro | Most articles | Natural flow; visible early | Can scroll out of view |
| Floating sidebar | Very long content | Always visible | More complex; mobile challenges |
| Collapsible | Long articles | Less intrusive | May be overlooked |
| Top of article | Mobile-first | Accessible on all devices | Takes space |
<h1> per page<h2> for major sections<h3> for subsections; avoid skipping levelsid="keyword-optimization")#section-id)<nav aria-label="Table of contents">
<ol>
<li><a href="#section-1">Section Title</a></li>
</ol>
</nav>
| Practice | Purpose |
|---|---|
| Schema.org TableOfContents | Help search engines understand structure |
| Keywords in headings | Natural integration; avoid stuffing |
| Jump links in SERP | Google may feature TOC links; increases CTR; see serp-features |
| Requirement | Practice |
|---|---|
| ARIA | aria-label="Table of contents" on nav |
| Keyboard | All links keyboard-accessible |
| Screen readers | Proper heading structure; TOC aids skimming |
Weekly Installs
183
Repository
GitHub Stars
237
First Seen
Mar 1, 2026
Security Audits
Gen Agent Trust HubPassSocketPassSnykPass
Installed on
kimi-cli168
cursor168
codex167
gemini-cli167
opencode167
amp167
程序化SEO实战指南:大规模创建优质页面,避免内容单薄惩罚
36,500 周安装