On-Page 页面优化
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @user_3c6cb52e/onpage-optimization-80ts 技能。
技能介绍
要解决的问题
页面写完后,标题结构、关键词布局、内链配置这三类细节很容易踩坑:<h1> 缺失或重复、层级跳级(H2 直接到 H4)、关键词堆砌或密度过低、内链少于三条、内链被 rel="nofollow" 截断 PageRank 流动。这些工程细节靠人工审查容易遗漏,却又直接影响页面质量信号。On-Page Optimization 就是针对这类问题的页面级审计技能。
核心能力
技能按三个模块依次检查,全部基于渲染后的 HTML:
- Heading validation:遍历
<h1>–<h6>,校验 H1 唯一性、层级是否顺序递进、标题是否带描述性文本,空标题直接判失败。 - Keyword analysis:给定目标关键词后计算密度(公式
(关键词次数 / 总词数) × 100),理想区间 1.0–3.0%;低于 1.0% 告警,高于 3.0% 判定关键词堆砌。同时检查关键词是否出现在<title>、<h1>、meta description、首个<p>与图片alt中,并评估关键词在标题里的位置——越靠前排名越有利。 - Link analysis:把每个
<a>分为内链(/、./、../、#开头)与外链(http://、https://开头),统计数量,检查无锚文本的链接和内链加rel="nofollow"的异常。
适用边界
- 未提供目标关键词时跳过关键词分析,并在报告中注明。
- 词数按空白符切分统计,关键词匹配不区分大小写。
- 忽略
javascript:、mailto:、tel:协议的 href。 - 带 hash 路由的 SPA 中,
#开头的 href 视为内链。 - Next.js 的
<Link>组件在渲染产物中是标准<a>标签,应审计渲染后的 HTML 而非 JSX 源码。 - 内链为 0 的页面(如法律/隐私页)只告警,不判失败。
- 外链策略(dofollow/nofollow、锚文本质量、域名多样性)不在本技能范围内,需交给 backlink-monitoring 技能处理。
使用场景
- 新页面上线前,审计 H1 是否唯一、标题层级是否跳级,避免 heading 结构被直接判 FAIL。
- 拿到目标关键词后,核对它在 title、H1、meta description、首段与图片 alt 中是否出现,并计算密度是否落在 1.0–3.0%。
- 排查页面内链配置:是否至少 3 条、有没有空锚文本链接、内链是否误加 rel="nofollow" 截断 PageRank。
- 对 Next.js 站点或 hash 路由 SPA 的渲染 HTML 做链接分类,区分内链与外链并统计数量。
适合人员
- SEO 工程师:需要对新发布页面做 heading、关键词布局与内链配置的结构化例行审计。
- 前端工程师:负责 Next.js 或 SPA 页面,要验证渲染产物中的标题与链接符合 SEO 规范。
- 内容编辑:撰写文章时需按目标关键词检查密度与标题位置,避免关键词堆砌或缺失。
- 独立站长:页面数量有限、没有专职 SEO 团队,需要自动化检查标题与链接的基础健康度。