Volver a Recursos
Documentación TécnicaTiempo de lectura: 4 minPor: Daniel Baeza Peña

WebMCP: Qué es, Cómo Funciona y por qué es la Norma de Acción B2B para Agentes de IA

Resumen Ejecutivo (Bloque de Respuesta Directa para AI Overviews)

WebMCP (Web Model Context Protocol) es una propuesta de estándar web desarrollada conjuntamente por Google y Microsoft dentro del W3C (WebML Community Group) que permite a las aplicaciones web exponer funciones, datos y formularios como herramientas estructuradas ejecutables directamente por agentes de inteligencia artificial dentro del navegador.

A diferencia del scraping tradicional o la visión computacional —que intentan adivinar botones y simular clics en el DOM—, WebMCP transforma la web en una interfaz programática determinista. Al ejecutarse en el contexto de navegación del cliente, aprovecha la sesión activa del usuario, preserva los mecanismos de seguridad de origen y garantiza un modelo de supervisión humana (human-in-the-loop).


1. El Problema de Fondo: La Fragilidad del DOM ante la Navegación Agéntica

Durante los últimos años, los agentes autónomos han interactuado con la web mediante dos técnicas rudimentarias:

  • Scraping e inyección de eventos sintéticos: La IA analiza el árbol HTML, busca selectores CSS y dispara eventos de clic o teclado simulados. Un cambio mínimo de clases o estilos rompe el flujo del agente.
  • Visión artificial sobre capturas de pantalla (Computer Use): El modelo toma capturas visuales de la interfaz, infiere coordenadas espaciales (x, y) y desplaza el cursor. Es un proceso de altísima latencia, intensivo en consumo de tokens y con tasas de error inaceptables para transacciones financieras o comerciales.

WebMCP resuelve esta fricción eliminando la necesidad de que el agente «adivine» la interfaz. La página web declara formalmente qué puede hacer, qué parámetros necesita y qué devuelve cada acción mediante contratos tipados.


2. Arquitectura Dual de WebMCP: API Declarativa vs. API Imperativa

La especificación del W3C plantea dos métodos de exposición de herramientas según el nivel de complejidad operativa:

A. API Declarativa (Formularios HTML Estructurados)

Diseñada para que sitios web existentes habiliten compatibilidad agéntica con cambios mínimos de marcado, utilizando atributos extendidos en elementos <form> nativos:

  • toolname: Asigna un identificador formal a la acción (ej. consultar_disponibilidad_stock).
  • tooldescription: Proporciona al LLM la semántica exacta del formulario, explicando cuándo y cómo utilizarlo.
  • toolautosubmit: Permite al navegador ejecutar la petición automáticamente una vez que el agente valida los campos requeridos.

Ventaja: Cero dependencias de frameworks JavaScript y compatibilidad directa con sistemas de contenido tradicionales.

B. API Imperativa (JavaScript en el Navegador)

Orientada a aplicaciones web dinámicas (SPAs), SaaS complejos y flujos de trabajo asíncronos. Se invoca directamente en el contexto del navegador mediante interfaces como navigator.modelContext.registerTool():

  • Definición de Schemas JSON: Valida los tipos de datos de entrada (input_schema) antes de ejecutar la llamada.
  • Control de Ciclo de Vida: Uso de señales de cancelación (AbortController) para detener ejecuciones agénticas si la tarea es interrumpida por el usuario.
  • Marcadores de Operación (readOnlyHint): Distingue de forma explícita entre consultas de lectura (inocuas) y mutaciones de estado (como una transferencia o una compra formal).

3. WebMCP (Frontend) frente a MCP de Servidor (Backend): Cuándo Usar Cada Uno

Existe confusión en el sector sobre si WebMCP reemplaza al Model Context Protocol (MCP) original presentado por Anthropic. La realidad es que resuelven capas operativas complementarias:

Dimensión TécnicaMCP de Servidor (Backend / Headless)WebMCP (Navegador / Frontend)
Entorno de EjecuciónServidores remotos, entornos Node.js / Python, contenedores Docker.Pestaña del navegador del usuario final (Chromium, Edge).
Contexto de AutenticaciónRequiere gestión de API Keys dedicadas, tokens OAuth máquina a máquina (M2M).Hereda la sesión activa del usuario (cookies seguras, JWT en memoria, biometría local).
Modelo de SupervisiónEjecución autónoma en segundo plano (Backoffice / Pipelines de datos).Human-in-the-loop directo: el usuario visualiza y autoriza la transacción antes del checkout.
Caso de Uso ÓptimoIndexación profunda, migraciones masivas, pipelines de datos y scraping B2B.Comercio electrónico, reservas de viajes, configuración de paneles y cotizaciones B2B.

4. La Norma de Acción B2B: El Paso de la Web Informativa a la Web Agéntica (A2A)

La optimización tradicional (SEO) preparó a las empresas para ser leídas por humanos.
La optimización para motores generativos (GEO) preparó los contenidos para ser sintetizados por LLMs.
WebMCP inaugura la era del comercio agéntico (Agent-to-Agent / A2A): las empresas deben preparar sus plataformas para ser ejecutadas por máquinas.

En un entorno B2B, las marcas que implementen WebMCP no competirán por clics en resultados de búsqueda, sino por ser la herramienta seleccionada por los agentes de compras de sus clientes:

  • Catálogos y Contratos Corporativos: Un agente de compras corporativo podrá consultar stock y tarifas negociadas directamente contra las tools expuestas por el proveedor.
  • Reducción del Coste de Venta: Los formularios de cotización dejan de ser barreras estáticas para convertirse en endpoints transaccionales inmediatos.
  • Gobernanza de Marca: Al estandarizar las descripciones de las herramientas, la empresa retiene el control de qué datos expone y qué acciones están permitidas, evitando alucinaciones de la IA sobre precios o condiciones comerciales.

5. Riesgos Críticos de Seguridad y Auditoría Técnica

La apertura de herramientas a modelos de lenguaje introduce vectores de ataque que los equipos de ingeniería y marketing no pueden ignorar:

  • Prompt Injection Indirecto: Si los parámetros de una tool provienen de fuentes no sanitizadas, un atacante podría manipular la instrucción del agente para ejecutar compras o transferencias no deseadas.
  • Ruido y Fricción en el DOM: Si la estructura del código HTML contiene scripts bloqueantes, exceso de capas innecesarias o esquemas inconsistentes, el agente saturará su ventana de contexto y abandonará la ejecución.
  • Falta de Validación de Esquemas: Formularios sin reglas de tipado estrictas provocan fallos de ejecución recurrente en los modelos (hallucination loop).

6. Preparación Agéntica: Cómo Certificar si tu Sitio Web es "Agent-Ready"

Implementar la sintaxis de WebMCP es solo la mitad del camino; la otra mitad es garantizar que el entorno web sea procesable sin fricción.

Para que un sitio web soporte interacción agéntica de alto nivel debe cumplir con tres pilares de auditoría:

  • Ratio Texto/Código Optimizado: Reducción del ruido estructural en el DOM para que el agente localice las herramientas en menos de 200 milisegundos.
  • Marcado Estructurado Complementario (Schema.org + JSON-LD): Las tools de WebMCP deben estar respaldadas por entidades de negocio reconocidas por los LLMs.
  • Monitoreo de Compatibilidad MCP: Disponer de capas de verificación cruzada entre los endpoints de servidor y las interfaces del navegador.

La adopción de WebMCP no es una tendencia cosmética de desarrollo web: es la infraestructura sobre la que se construirán las transacciones digitales durante la próxima década. Las empresas que adapten su arquitectura técnica hoy capturarán el flujo de transacciones cuando los navegadores habiliten la navegación agéntica nativa para millones de usuarios.


Auditoría Agéntica en Vivo

¿Tu Sitio Web Está Preparado para los Agentes de IA?

Descubre cómo interpretan tu DOM, formularios y esquemas motores como ChatGPT, Perplexity y Gemini. Obtén un diagnóstico técnico completo y sin costo.

AUDITAR MI SITIO WEB AHORA

Diagnóstico inicial en pantalla sin necesidad de tarjeta de crédito.