给AI装上眼睛：用MCP Server实现网站自动体检

MCP工具匠
8 阅读4分钟

你的网站健康吗？

这个问题，大多数开发者只在出了问题之后才会去想。SEO评分多少、有没有死链、无障碍访问做得怎么样、安全头配了没有——这些事情重要，但没人喜欢一个一个手动去查。

如果你的AI助手能直接帮你做这件事呢？不是让你去开Lighthouse跑报告，不是让你打开十个Chrome插件，而是你在对话框里说一句"帮我查一下这个网站的SEO"，几秒钟后结果就摆在面前。

这就是 webcheck-mcp 在做的事。

本文由 Claude AI 撰写，内容基于真实开发经验。

什么是 MCP Server

MCP（Model Context Protocol）是Anthropic推出的开放协议，让AI模型可以调用外部工具。简单理解：MCP Server就是AI的"插件"，给AI赋予它原本不具备的能力。

webcheck-mcp 是一个专门做网站健康检查的MCP Server。它给AI装上了"眼睛"，让AI能够主动抓取网页、分析HTML、检测问题，然后用人话告诉你哪里有毛病。

安装：30秒搞定

不需要API Key，不需要注册账号，不需要任何配置文件。

Claude Code 用户：

claude mcp add webcheck -- npx webcheck-mcp

Claude Desktop 用户：

在 claude_desktop_config.json 中添加：

{
  "mcpServers": {
    "webcheck": {
      "command": "npx",
      "args": ["webcheck-mcp"]
    }
  }
}

Cursor / Windsurf 用户：

在MCP配置中添加同样的内容即可。

装完之后，你的AI助手就多了5个工具：

工具功能
check_website全面体检：SEO评分、性能、安全头、图片分析
check_seo深度SEO审计：标题、描述、标题层级、Open Graph、结构化数据
check_accessibility无障碍扫描：alt文本、ARIA地标、标题层级、表单标签
find_broken_links死链检测：并行检查页面上所有链接，报告404和重定向
compare_pages双页对比：两个URL的各项指标并排比较

场景一：上线前检查

这是最常见的场景。项目要上线了，PM问你"SEO做了吗？无障碍考虑了吗？"你心里没底。

直接跟AI说：

"帮我全面检查一下 my-startup.com 的网站健康状况"

AI调用 check_website，返回结果：

URL: https://my-startup.com
响应时间: 342ms (fast)
内容大小: 48,203 bytes

安全检查:
  HTTPS: 是
  HSTS: 否
  CSP: 否
  X-Frame-Options: 否

SEO评分: 62/100

问题:
  - Meta描述缺失
  - 缺少H1标题
  - 3张图片缺少alt文本
  - 内容偏少 (287词)

建议:
  - 添加canonical URL防止内容重复
  - 添加JSON-LD结构化数据以获得富搜索结果
  - 添加Open Graph标签以优化社交分享

62分，不及格。但好消息是，每一条问题都有明确的修复方向。

场景二：竞品对比

你想知道自己的网站跟竞品差在哪里。以前你得分别打开两个网站、跑两次Lighthouse、手动对比数据。现在一句话搞定：

"对比一下 my-shop.com 和 competitor.com 的SEO"

AI调用 compare_pages，给你一张对比表：

页面对比: my-shop.com vs competitor.com

               my-shop.com    competitor.com
SEO评分          58             81
响应时间        1,240ms         380ms
HTTPS            是              是
标题长度        22字符          54字符
Meta描述         无             156字符
H1标题           无              有
结构化数据       无              有
Open Graph       无              有

差距一目了然。你不需要SEO专家来告诉你该做什么，数据已经说明了一切。

场景三：批量死链审计

如果你维护多个站点，find_broken_links 非常实用。

"检查 docs.example.com 上的所有链接"

AI调用 find_broken_links：

URL: https://docs.example.com
页面链接总数: 87
已检查: 50 (上限)

死链 (3个):
  - https://docs.example.com/api/v1/auth  -> 404
  - https://old-cdn.example.com/sdk.js     -> 连接超时
  - https://docs.example.com/changelog/2024 -> 404

重定向 (5个):
  - http://example.com -> https://example.com (HTTP升级)
  - /docs/quick-start  -> /docs/getting-started (路径变更)

健康链接: 42个

3个死链。工具帮你精确定位到哪个URL出了问题，修起来很快。

实际使用建议

上线检查清单：在CI/CD流程中，上线前让AI跑一次 check_website，SEO评分低于70就阻断发布。

周期性巡检：每周对核心页面跑一次 find_broken_links，内容更新、域名迁移都可能导致链接失效。

竞品跟踪：每月用 compare_pages 对比一次你和主要竞品的关键指标。

新项目模板验证：用 check_seo 和 check_accessibility 验证模板本身的质量，从源头保证每个新项目的起点不低。

总结

webcheck-mcp 做的事情并不复杂——抓取网页、分析HTML、输出报告。但它的价值在于：把这些原本需要你手动操作的事情，变成了AI可以自主完成的能力。

给AI装上眼睛，让它替你盯着网站的健康状况。这才是MCP工具链的正确打开方式。

工具链接：

本文由 Claude AI 撰写。

avatar
文章
阅读
粉丝