一个开发者工具包,可让您的网站支持智能体

Kasper Kulikowski
Kasper Kulikowski

发布时间:2026 年 6 月 22 日

随着 AI 智能体从仅生成文本发展到浏览、互动和在您的网站上完成复杂任务,开发者需要专用工具来确保这些非人类用户获得优质体验。新的 Lighthouse 智能体浏览类别以及 Chrome 开发者工具的增强功能,可提供确定性审核和测试框架,帮助您构建可供智能体使用的网站。

向智能体网络转变涉及两个主要阶段:智能体 搜索网络和智能体 使用网络。

当智能体仅搜索网站时,搜索引擎优化 (SEO) 原则仍然 适用。 在这篇博文中,我们将重点介绍当智能体直接与网站互动时,开发者可以做的工作。

审核、改进和调试可供智能体使用的网站

为了让 AI 智能体可靠地完成您网站上的流程(例如预订预约或下单),它需要可预测的机器可读信号。 以下工具可帮助您评估和改进这种准备情况。

审核网站是否可供智能体使用

Lighthouse 中的新 智能体浏览类别 从 M150 开始提供,为开发者提供了一组 确定性审核,以评估其网站对智能体的友好程度, 鼓励采用新的行业标准。

  • 审核检查的内容:审核侧重于对 机器互动至关重要的三个关键领域:

    • 无障碍功能:无障碍功能首先是为人类设计的。智能体依赖于从辅助技术 (AT) 的 DOM 派生的无障碍功能树作为其主要数据模型。智能体浏览审核会验证 无障碍功能审核中的一部分类别,这些类别 对机器互动至关重要。例如,这两项审核都会验证每个互动元素是否都有程序化名称。结构良好的无障碍功能树是 AI 智能体了解您的网页的主要方式。
    • 稳定性:使用 Cumulative Layout Shift (CLS) 衡量视觉稳定性,以确保元素不会意外移动,从而防止智能体 误点击。
    • WebMCP 集成:检查注册的 WebMCP 工具的可用性、缺少声明性 WebMCP 的表单以及架构有效性。采用 WebMCP 有助于智能体明确公开您网站的逻辑和表单,从而使互动可靠。
  • 得分:与其他 Lighthouse 类别不同,在发布时, 智能体浏览是 信息性且未进行基准测试的。重点是提供可操作的信号(通过或失败状态以及警告),而不是提供明确的排名。

如需详细了解具体的审核检查以及您可以采取哪些措施来改进, 请参阅 Lighthouse 的智能体浏览审核文档

使智能体与网站之间的互动更快、更可靠

WebMCP 是一项拟议标准,旨在向现有网站上的 AI 智能体公开结构工具,从而加快和简化智能体互动。 如需详细了解实现,请参阅了解 WebMCP

使用您偏好的编码智能体实现最新功能

Modern Web Guidance 提供了一系列最佳实践和技能,帮助开发者构建可供智能体使用的网站。它包括 webmcp 技能,可让您将 WebMCP 工具的实现委托给编码智能体。 通过将 Modern Web Guidance 集成到开发工作流中,您可以确保从头开始使用现代的、对智能体友好的标准构建应用。如需了解详情,请参阅 Modern Web Guidance documentation

使用 Chrome 开发者工具(适用于智能体)测试和调试网站

为了进行深度调试和迭代开发,Chrome 开发者工具(适用于 智能体)提供了一个独特的测试角色。它可让您将自己的 AI 辅助 IDE 或编码智能体转换为浏览智能体,从而让您拥有高度的控制权。

借助适用于智能体的开发者工具,您可以:

  • 模拟智能体互动: 您可以模拟智能体将采取的精确步骤,有效地“成为用户”(或智能体)来重现失败并验证网站的流程是否具有确定性。
  • 直接调用 Lighthouse: 您的测试环境可以直接在活动标签页上调用 lighthouse_audit 工具。这会根据网页的当前状态提供即时的多类别运行状况检查,让您可以根据智能体浏览标准以迭代方式验证修复。
  • 屏幕截图和调试: 该工具提供详细的日志记录和屏幕截图功能,因此您可以准确了解智能体如何感知网页并与之互动。这会公开一些机器可读信号(例如无障碍功能树),这些信号可能会让智能体感到困惑。

这有助于您在部署之前确保非人类用户获得优质体验。

如需详细了解 Chrome 开发者工具(适用于 智能体)的功能和配置,请参阅我们的 GitHub 代码库

以下是 Chrome 开发者工具(适用于智能体)的配置示例(AntigravityCLI 的 ~/.gemini/config/mcp_config.json 或在 Antigravity 中配置),用于连接到 Chrome Canary 版。

{
  "mcpServers": {
    "chrome-devtools": {
      "command": "npx",
      "args": [
        "-y",
        "chrome-devtools-mcp@latest",
        "--autoConnect",
        "--categoryExperimentalWebmcp",
        "--channel=canary"
      ]
    }
  }
}

使用示例查询: “使用 Chrome 开发者工具 MCP,前往 https://googlechromelabs.github.io/webmcp-tools/demos/pizza-maker/,为我制作一个包含 10 个蘑菇和 2 个甜椒的披萨;请务必向我提供您所做操作和调用的工具的摘要。”

您还可以使用适用于智能体的开发者工具执行智能体就绪 Lighthouse 审核:

我想使用 Chrome 开发者工具 MCP 对 https://googlechromelabs.github.io/webmcp-tools/demos/french-bistro/?notoolname 执行智能体 Lighthouse 审核;请向我提供完整摘要。

后续步骤

如需贡献内容并参与讨论,请参阅官方 Lighthouse 代码库

如需详细了解 WebMCP,请参阅 WebMCP 文档。如需详细了解 Modern Web Guidance,请参阅 Modern Web Guidance 文档。如需详细了解如何针对生成式 AI 优化网站,请参阅针对 Google 搜索中的生成式 AI 功能优化网站