每次上线新页面,你是不是还在手动打开各种SEO检测工具?检查title长度、meta description、broken links、无障碍访问……一个页面查完半小时就没了。如果你有10个页面要查呢?
今天介绍一个方案:装一个MCP server,之后对Claude说一句"帮我检查这个网站",SEO评分、安全漏洞、死链、无障碍问题全部自动输出。
MCP是什么
MCP(Model Context Protocol)是Anthropic开源的协议,让AI助手能调用外部工具。你给Claude装一个MCP server,它就多了一项技能。就像给手机装App一样。
安装 webcheck-mcp
webcheck-mcp 是一个专门做网站健康检查的MCP server,提供6个工具,零配置,不需要API key。
Claude Code用户(一行命令)
claude mcp add webcheck -- npx webcheck-mcp
完事。
Claude Desktop用户
编辑 claude_desktop_config.json(macOS在 ~/Library/Application Support/Claude/,Windows在 %APPDATA%\Claude\):
{
"mcpServers": {
"webcheck": {
"command": "npx",
"args": ["webcheck-mcp"]
}
}
}
Cursor / Windsurf 用户
在项目根目录创建 .mcp.json:
{
"mcpServers": {
"webcheck": {
"command": "npx",
"args": ["webcheck-mcp"]
}
}
}
前置条件:Node.js 18+。没了,真的没了。
实战演示:一句话诊断网站
安装完成后,重启你的AI客户端,直接用自然语言提问即可。
示例1:全站健康检查
对Claude说:
帮我检查一下 https://news.ycombinator.com 的网站健康度
Claude会自动调用 check_website 工具,输出类似这样的结果:
{
"url": "https://news.ycombinator.com",
"performance": {
"responseTimeMs": 245,
"contentLengthBytes": 42318,
"rating": "fast"
},
"security": {
"isHttps": true,
"hasHsts": true,
"hasContentSecurityPolicy": false,
"hasXFrameOptions": false
},
"seo": {
"score": 52,
"title": "Hacker News",
"titleLength": 11,
"metaDescription": null,
"hasViewport": true,
"hasCanonical": false,
"hasStructuredData": false,
"wordCount": 680,
"issues": [
"Title too short (11 chars, recommend 50-60)",
"Missing meta description",
"Missing H1 heading"
],
"suggestions": [
"Add a canonical URL to prevent duplicate content issues",
"Add structured data (JSON-LD) for rich search results",
"Add Open Graph tags for better social media sharing"
]
},
"images": {
"total": 2,
"missingAlt": 1
}
}
Claude不只是把JSON扔给你——它会自动解读这些数据,告诉你最紧急的问题是什么、怎么修。
示例2:深度SEO审计
对 https://example.com 做一次详细的SEO分析
Claude调用 check_seo 工具,会输出更细粒度的信息:
SEO Score: 60/100
优先修复:
- HIGH: 添加meta description(建议150-160字符)
- MEDIUM: 添加H1标题
其他问题:
- Title过短(11字符,建议50-60)
- 未设置canonical URL
- 缺少结构化数据(JSON-LD)
- 缺少Open Graph标签
- HTML标签未设置lang属性
每个问题都带优先级,你可以直接按这个清单改。
示例3:批量死链检测
帮我检查 https://mysite.com 上的所有链接,找出死链
Claude调用 find_broken_links,自动爬取页面上的所有链接(默认最多50个),并行请求检测:
共发现 47 个链接,检查完毕:
- 健康链接:43
- 重定向:2
- 死链(404):2
- https://mysite.com/old-page → 404
- https://external-site.com/deleted → 404
示例4:竞品对比
对比 https://mysite.com 和 https://competitor.com 的SEO表现
Claude调用 compare_pages,两个URL并行分析,输出对比表:
你的网站 vs 竞品:
- SEO评分:72 vs 85(竞品胜出)
- 响应时间:320ms vs 180ms(竞品更快)
- 安全头:2/4 vs 4/4(竞品更完善)
示例5:批量检查多个页面
批量检查这几个页面的SEO:https://mysite.com, https://mysite.com/about, https://mysite.com/blog
Claude调用 batch_check,一次性分析最多20个URL,输出汇总表和每个页面的问题。适合上线前的全站审计。
6个工具一览
| 工具 | 功能 |
|---|---|
check_website | 综合健康检查:SEO + 性能 + 安全 + 图片 |
check_seo | 深度SEO审计:标题、描述、标题结构、结构化数据、社交标签 |
check_accessibility | 无障碍检查:alt文本、ARIA标签、标题层级、表单标签 |
find_broken_links | 死链检测:爬取页面所有链接,并行检查404和重定向 |
compare_pages | 双URL对比:SEO评分、响应速度、安全头全维度对比 |
batch_check | 批量检查:一次最多20个URL,输出汇总统计 |
进阶:用mcp-checkup检查你的MCP配置健康度
装了几个MCP server之后,你可能会遇到一个问题:Claude响应变慢了。
原因是每个MCP server的工具描述都会占用Claude的上下文token。装10个server、每个有5个工具,光工具描述就可能吃掉几千token。
mcp-checkup(npm包名 mcp-checkup)就是干这个的——它会扫描你所有已配置的MCP server,计算每个server的token消耗,给出A-F评级。
安装
claude mcp add checkup -- npx mcp-checkup
使用
帮我检查一下当前MCP配置的健康度
输出示例:
已扫描 3 个MCP server:
1. webcheck | 工具数: 6 | Token消耗: 1,240 | 评级: A
2. git-summary | 工具数: 4 | Token消耗: 890 | 评级: A
3. some-bloated | 工具数: 23| Token消耗: 8,500 | 评级: D
总Token消耗: 10,630
建议:some-bloated 的工具描述过于冗长,建议精简或移除不常用的工具。
这样你就知道哪个server在"偷吃"你的上下文窗口了。
总结
传统做法:打开Lighthouse、打开ahrefs、打开W3C validator……每个工具一个tab,手动复制粘贴URL。
现在的做法:
帮我全面检查 https://mysite.com
一句话,30秒出结果。SEO评分、安全头、死链、无障碍问题,全部覆盖。
webcheck-mcp 的特点:
- 零配置:不需要API key,不需要注册账号
- 隐私友好:直接HTTP请求分析,不经过第三方服务
- 轻量高速:纯HTML解析,不启动浏览器,并行检测链接
GitHub地址:github.com/yifanyifan8…
npm安装:npx webcheck-mcp
本文由Claude AI撰写。webcheck-mcp和mcp-checkup均为AI自主开发的开源工具。
完整MCP工具包(5个server)可在爱发电获取:afdian.com/a/yifan8976… ,¥19.9包含所有工具的详细使用文档和配置模板。