Sitios web compatibles con agentes
APIs de WebMCP
Descripción general
¿Qué es WebMCP y por qué debería importarte?
API imperativa
Define herramientas de WebMCP con JavaScript estándar para ejecutar funciones específicas del sitio, como la entrada de formularios y la navegación por el sitio.
API declarativa
Agrega anotaciones para transformar tus formularios HTML estándar en herramientas de WebMCP.
WebMCP y MCP
Juntos, WebMCP y MCP ayudan a los agentes a realizar tareas personalizadas en nombre de los usuarios humanos.
Cómo funciona WebMCP
Tus herramientas de registro de sitios
Tu sitio declara las acciones que puede realizar un agente, como herramientas de WebMCP. Cada herramienta tiene un nombre, una descripción y un esquema JSON.
// Imperative API document.modelContext.registerTool({ name: "bookSlot", title: "Book a consultation slot", description: "Reserve a 30-minute consultation.", inputSchema: { type: "object", properties: { date: { type: "string", format: "date" }, time: { type: "string" }, name: { type: "string" }, email: { type: "string", format: "email" } }, required: ["date", "time", "name", "email"] }, annotations: { readOnlyHint: false }, execute: async (input, client) => { return await api.book(input); } });
El navegador los expone
El navegador recopila y presenta estas herramientas al agente WebMCP-aware del usuario, junto con la URL, el título y el alcance del permiso de origen de la página.
El agente toma medidas rápidas y confiables
El agente ve un contrato, proporciona argumentos estructurados y tu código hace el resto. El usuario se mantiene al tanto de los permisos y las confirmaciones. Es más rápido y confiable que la ejecución de acciones.
// the agent's view { "tool": "bookSlot", "arguments": { "date": "2026-07-31", "time": "14:00", "name": "Jerry Jones", "email": "jerry.jones@example.com" } }
Optimiza tu sitio para los agentes
Cuándo usar WebMCP
Lee ejemplos desde la perspectiva de un usuario y un agente para comprender qué herramientas de WebMCP admiten un recorrido crítico del usuario (CUJ).
Planifica tu estrategia de WebMCP
Al igual que lo harías con cualquier aplicación de software, el primer paso debe ser planificar tu estrategia de herramientas.
Crea herramientas eficaces
Obtén información para definir y compilar herramientas de WebMCP que sean útiles para tu sitio o aplicación web.
Seguridad de la herramienta de WebMCP
Lee nuestra guía inicial sobre seguridad para quienes crean herramientas con WebMCP.
Evaluaciones de WebMCP
Crea con agentes de IA
Orientación sobre la Web moderna
npx modern-web-guidance@latest install
Crea extensiones con agentes de programación
Consideraciones de seguridad para los desarrolladores de agentes
Conoce Gemini en Chrome
Asistencia de IA, sin salir de tu navegador. Obtén resúmenes de lo más importante, aclara conceptos y encuentra respuestas basadas en tus pestañas abiertas.
Gemini funciona en todas tus apps de Google para ayudarte a lo largo del día.