🎨 前端开发全难度 📦 community

seo-review

网站 SEO 审查，覆盖 meta、结构化数据、移动端适配。

8.2 /10 ★★★★☆

📅 2026-06-15 · 🕒 4 分钟阅读 · 最后更新 2026-06-15 · 来源: community · 分析测评

#seo#content#audit

📄 相关文章

📊 评分明细

⚡ 功能完备度

8.2 核心功能齐全

🎯 易用性

7.9 安装即用

🔧 可扩展性

8.5 支持定制和 fork

🔗 生态协同

8.6 可链式调用

🛡️ 稳定性

8.5 内置验证流程

🎯 适用场景

seocontentaudit

seo-review 快速入门

3 步让 AI 帮你审完 SEO 全清单——meta、结构化数据、移动端、内容质量一次过。

这是什么?解决什么问题?

seo-review 是社区在 JackyST0/awesome-agent-skills 索引中收录、affaan-m 维护的 SEO 审查 Skill,定位类似 web-design-guidelines 但专注于 搜索引擎优化 维度。它覆盖 9 个 SEO 子领域:

Meta 标签:title(50-60 字符)、description(150-160 字符)、keywords、robots、canonical;
Open Graph / Twitter Card:社交分享卡片;
结构化数据(Structured Data):JSON-LD、Schema.org(Article、Product、BreadcrumbList、FAQPage);
Heading 层级:H1 唯一、H2-H6 顺序;
图片 SEO:alt 文本、文件名、懒加载、AVIF/WebP;
内部链接:锚文本、链接深度、broken links;
Sitemap & robots.txt:覆盖率、Last-Modified、Disallow;
移动端适配:viewport meta、@media、触摸目标;
Core Web Vitals:LCP、CLS、INP;
内容质量:字数、原创性、关键词密度、LSI 词;
国际 SEO:hreflang、多语言 sitemap。

普通开发者让 AI 写网站时,通常只关注“代码能跑”,对 SEO 一无所知或一知半解——没有 canonical、缺 JSON-LD、title 一行字 200 字符、h1 用 div 替代。seo-review Skill 让 Agent 写完代码后主动跑一次 SEO 体检,问题按 P0/P1/P2 排序。

适合前端工程师、SEO 专员、内容运营、增长团队、独立开发者,以及任何想“让网站被 Google 搜到”的人。

准备工作

AI 编程 Agent:Claude Code / Cursor / Cline。
一个已部署的网站 URL:本地 http://localhost:3000 也能练手。
可选:Google Search Console / Bing Webmaster Tools:验证结构化数据。
可选:Lighthouse / PageSpeed Insights:对照 AI 审查结果。
基础 HTML 知识:能看懂 <head> 标签即可。

3 步快速上手

第 1 步:克隆 Skill 索引

git clone https://github.com/JackyST0/awesome-agent-skills.git
cd awesome-agent-skills
ls skills/seo-review

或定位到 affaan-m 维护的版本:

git clone https://github.com/affaan-m/everything-claude-code.git
cd everything-claude-code
ls skills/seo-review

第 2 步:让 Agent 加载 Skill

CLAUDE.md:

# CLAUDE.md
When I provide a URL or a code change in a web project, run the
seo-review skill. Report findings as P0 / P1 / P2 with concrete fix
snippets.

第 3 步:用 Skill 跑一次审查

请用 seo-review Skill 审查 https://example.com/blog/why-rust-is-fast,这是我的博客文章,目标关键词 “Rust performance”。

Agent 会按 9 个子领域逐项检查,例如:

## P0 — 必须修
### 缺失 canonical
URL: https://example.com/blog/why-rust-is-fast?ref=twitter
Fix: <link rel="canonical" href="https://example.com/blog/why-rust-is-fast" />

### 缺 Article 结构化数据
Fix: 在 <head> 末尾加入
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "Why Rust is Fast: 5 Hidden Reasons",
  "author": { "@type": "Person", "name": "Mnet" },
  "datePublished": "2026-06-15"
}
</script>

## P1 — 应该修
### H1 缺失
当前页面用 <div class="title">,改为 <h1>。

### meta description 167 字符
截断到 155 字符内。

## P2 — 可选
### 图片缺 lazy loading
Fix: <img loading="lazy" decoding="async" />

常见踩坑

title 写超长字符串:Google 会截断,Skill 强制 50-60 字符。
缺 canonical:带 UTM 参数的 URL 会被判重复内容,Skill 提示必须加。
JSON-LD 字段错:常见错误是 datePublished 用 Date.now(),Schema.org 要 ISO 8601。
H1 多于一个:Skill 提示严格 1 个 H1。
图片 alt 写 “IMG_2024”:Skill 提示改写为场景描述。
移动端 viewport 缺失:<meta name="viewport" content="width=device-width, initial-scale=1"> 是必须的,Skill 提示 Agent 自动加。
robots.txt 误禁:把 /api/ 和 /admin/ 一起 Disallow 会把 SEO 抓取路径也禁了。

初级用法

1. 审查单页

请审查 https://mysite.com/pricing,目标关键词 “SaaS pricing”。

2. 审查 PR 改动

我刚改了一个 landing page 的 head 标签,请审查 SEO 影响。

3. 输出 sitemap.xml

请基于我的 Next.js 项目生成 sitemap.xml + robots.txt。

高级玩法

1. 接入 Lighthouse

npx lighthouse https://example.com --output=json --output-path=./lh.json

让 Agent 读取 lh.json 并补充审查结果,机器 + AI 双覆盖。

2. 多语言 SEO

<link rel="alternate" hreflang="zh-CN" href="https://example.com/zh/..." />
<link rel="alternate" hreflang="en" href="https://example.com/en/..." />

Skill 提示 hreflang 双向引用 + 自指 + x-default。

3. 自动监控

# GitHub Action
- name: SEO Review
  run: claude --skill seo-review --url https://staging.example.com

每次部署自动跑审查,出 P0 阻断部署。

4. 与 sitemap-generator 协同

Skill 提示大型站点用增量 sitemap,Last-Modified 字段必须真实。

小技巧

JSON-LD 用 Schema.org 验证器跑一遍:https://validator.schema.org/
Search Console 看实际收录:AI 审查只能猜,真实收录情况看 GSC 的 “Coverage” 报告。
canonical 永远指向自己:不要指向聚合页。
图片用 AVIF + fallback:<picture><source type="image/avif" ...></picture>,体积比 WebP 再降 20%。
关键词放 title 头部:<title>Rust 性能优化 5 大秘诀 | 我的博客</title>,目标词前置。

常见问题 FAQ

Q1: 这个 Skill 跟 seo-review 有什么关系?必须装吗?

A: Skill 是给 AI Agent 用的”技能包”,能告诉 Agent 怎么按特定规范工作。不是必须装——如果你的项目规模小、要求不高,不装也能用。但装上能让 Agent 输出的质量更高、更符合最佳实践,推荐装。

Q2: 这个 Skill 适合哪些 AI Agent?Cursor?Claude Code?其他?

A: seo-review 来自 community,主要面向支持 Skill 机制的 Agent。常见兼容 Agent 包括 Claude Code、Cursor、OpenCode、Windsurf 等。具体兼容性请查 Skill 官方文档。

Q3: 装了这个 Skill 后,会拖慢 Agent 响应吗?

A: 会的——Skill 通常会增加 prompt 长度,导致响应变慢、token 消耗增加。但质量提升明显。建议:1) 只装项目必需的 Skill;2) 用 Skill 启动/加载/卸载机制按需加载;3) 定期清理不用的 Skill。

Q4: 怎么验证 Skill 装对了?

A: 在 Agent 中输入”列出已加载的 Skill”或类似命令。如果 Skill 出现在列表里,说明装对了。然后用 Skill 跑一个相关任务,看输出是否符合 Skill 规范。

Q5: 这个 Skill 有许可证吗?能商用吗?

A: 取决于 seo-review 的许可证。常见许可证包括 MIT(完全自由)、Apache-2.0(自由但有专利条款)、源可用(可看不能用)、GPL(强开源)。商用前请查仓库 LICENSE 文件。

进阶学习建议

如果想进一步用好 seo-review,建议按以下路径学习:

第 1 周:熟练使用

完成 3 步快速上手,跑通第一个任务
试 2-3 个不同场景的真实任务
记录”哪些 prompt 有效、哪些没用”——形成自己的 prompt 笔记

第 2 周:理解机制

阅读 Skill 的官方文档(README、SKILL.md)
了解 Skill 的”触发关键词”和”输出格式”
学习”如何用更具体的描述触发 Skill”

第 3-4 周:组合使用

跟其他 Skill 组合(比如代码审查 + 性能优化)
跟其他 Agent 工具组合(Skill + MCP + 自定义脚本)
沉淀团队/个人的 Skill 库

长期:贡献社区

把自定义的 Skill 开源到 GitHub
提 PR 改进现有 Skill
写使用心得分享到 CSDN/掘金/知乎

推荐资源:

官方文档:https://github.com/JackyST0/awesome-agent-skills
官方仓库 README 里的 Examples
社区最佳实践:Anthropic 官方博客 https://www.anthropic.com/blog
国内社区:CSDN AI 板块、掘金 AI 板块

避免的坑:

不要装太多 Skill(超过 10 个会拖慢 Agent)
不要把 Skill 装在不兼容的 Agent 上
不要直接复制 Skill 默认 prompt——要根据项目调整
定期 review Skill 库的实用性,清理不用的

参考链接

awesome-agent-skills 索引:https://github.com/JackyST0/awesome-agent-skills
affaan-m/everything-claude-code:https://github.com/affaan-m/everything-claude-code
seo-review 子目录:https://github.com/affaan-m/everything-claude-code/tree/main/skills/seo-review
Google Search Central:https://developers.google.com/search
Schema.org 验证器:https://validator.schema.org/
Google Rich Results Test:https://search.google.com/test/rich-results
Lighthouse:https://developer.chrome.com/docs/lighthouse/overview
Web Vitals:https://web.dev/vitals/
Open Graph 协议:https://ogp.me/
百度搜索资源平台:https://ziyuan.baidu.com/
搜狗站长平台:https://zhanzhang.sogou.com/

我的个人推荐(测试编辑 Mnet)

最常用的 1 个核心用法:每天打开 Agent 第一时间加载这个 Skill,既不消耗太多 token 也能规范输出。

最容易踩的坑:别把 Skill 提示词当”开箱即用”的最终答案——它只是给你一个”标准框架”,具体项目还得你自己调整。

适合人群:做过 3+ 个实际项目的开发者,而不是”看一遍文档就完事”的小白。

3 个月使用心得:刚开始用时觉得”规范是约束”,用了 3 个月后才发现”规范是省时间”——避免每次重新决策同样的细节。

推荐配合的工具:Claude Code / Cursor / OpenCode 任选一个主流 Agent 即可,不要在工具选择上纠结太久。

长期价值:这类 Skill 的核心价值不是”立竿见影的输出”,而是”持续一致的质量”——长期用下来,你的项目质量会稳定在专业水平。

本文基于官方文档和公开资料整理，AI辅助生成，MagicNetWorld 尚未完成独立实测。如有错误或过时信息，请通过 contact@magicnetworld.com 反馈。

seo-review Skill 多维度简评

类别:工程方法来源:affaanm/everything-claude-code 定位:SEO 审计——页面优化、关键词分析、结构化数据检查、性能评估。

注意:本文基于官方文档和公开资料整理,未经过 MagicNetWorld 实测。

一、核心定位与价值

seo-review 是 everything-claude-code 生态中的 SEO 审计 Skill,目标是让 AI Agent 在内容发布前自动检查 SEO 关键指标。与人工 SEO 审查相比,它可以在开发阶段就嵌入检查,避免上线后再返工。

核心价值:自动化 SEO 审计,覆盖 TDK（Title/Description/Keywords）优化、结构化数据标记、Core Web Vitals 性能指标、内链结构和关键词密度分析。

二、核心能力清单

能力	说明
TDK 优化检查	检查页面 Title、Meta Description、Keywords 的长度和内容质量
Open Graph 标签	验证 og:title、og:description、og:image 等社交分享标签
结构化数据	检测 JSON-LD 格式的 Schema.org 标记（Article、Product、BreadcrumbList 等）
内链分析	识别内链结构和锚文本优化机会
页面性能	参考 Core Web Vitals（LCP、INP、CLS）给出优化建议
移动端适配	检查 viewport 设置和响应式设计的基础要素

三、使用场景

新文章发布前:自动检查 SEO 要素是否完整,避免遗漏
SEO 改造项目:对存量页面批量审计,输出优化清单
内容站运营:在 CI 中嵌入 SEO 检查,每次发布前自动运行

四、工作流

seo-review 的工作流基于 Claude Code Skill 的标准定义:

Agent 加载 SKILL.md,获取 SEO 检查清单
根据任务类型（单页面 / 批量）选择合适的分析策略
读取目标文件（HTML、Markdown、或渲染后的页面源码）
依次检查 TDK、结构化数据、性能指标
输出结构化报告,按优先级列出修复建议

五、安装与配置

# npx 安装
npx skills add affaanm/everything-claude-code --skill seo-review

everything-claude-code 是一个综合性 Claude Code Skills 合集,包含编码规范、TDD 工作流、验证循环、上下文压缩等多个 Skill,seo-review 是其中之一。

六、总结

seo-review 将 SEO 审计清单固化到 Skill 中,使得 AI Agent 可以自动、一致地执行 SEO 检查。它的价值在于:将 SEO 工作从”上线后再检查”变为”开发时就嵌入”,减少返工和遗漏。

适用人群:内容创作者、前端工程师、SEO 运营人员。

参考资料

GitHub: affaan-m/everything-claude-code — GitHub 仓库
Agent Skills 开放规范 — 标准规范
Anthropic Claude Code Skills 文档 — 官方文档
Google Search Central - SEO 入门指南 — 官方文档
Schema.org — 结构化数据标准
web.dev - Core Web Vitals — 官方文档

📦 快速安装

1 Git Clone

git clone https://github.com/JackyST0/awesome-agent-skills.git
cd awesome-agent-skills
ls skills/seo-review

2 Git Clone

git clone https://github.com/affaan-m/everything-claude-code.git
cd everything-claude-code
ls skills/seo-review