WebMCP: qué es y por qué puede cambiar la forma en que las IA usan tu web
Durante años, las páginas web se han diseñado pensando en dos grandes públicos: las personas y los buscadores. Las personas entran, leen, navegan, hacen clic y rellenan formularios. Los buscadores rastrean la web, interpretan el contenido, analizan su estructura y deciden cómo posicionarla.
Pero la inteligencia artificial está introduciendo un tercer actor: los agentes de IA.
Y eso cambia bastante la forma en la que deberíamos pensar el diseño web.
Un agente de IA no solo puede leer una página. También puede intentar utilizarla: buscar información, rellenar un formulario, filtrar productos, pedir una cita, solicitar presupuesto, abrir una sección concreta o completar una tarea en nombre del usuario.
El problema es que la mayoría de webs actuales no están preparadas para eso. Están pensadas para que una persona mire la pantalla y entienda qué debe hacer. Pero un agente de IA tiene que interpretar botones, menús, formularios, textos, estructura HTML, cambios visuales, pop-ups y flujos de navegación que muchas veces no están pensados para él.
Aquí es donde aparece WebMCP, una propuesta que puede marcar una nueva etapa en la relación entre páginas web e inteligencia artificial.
Qué es WebMCP
WebMCP, o Web Model Context Protocol, es una propuesta de estándar web que permite a una página declarar acciones estructuradas para que los agentes de IA puedan descubrirlas y ejecutarlas con mayor precisión.
Dicho de forma sencilla: WebMCP sirve para que una web le diga a una IA qué puede hacer y cómo debe hacerlo.
Por ejemplo, una web podría indicar que permite:
- buscar un producto;
- solicitar presupuesto;
- reservar una cita;
- enviar un formulario;
- filtrar resultados;
- añadir un producto al carrito;
- consultar disponibilidad;
- abrir una sección concreta;
- descargar un documento;
- crear un ticket de soporte.
Chrome presentó WebMCP como una forma de ayudar a los sitios web a participar activamente en la nueva web basada en agentes, exponiendo herramientas estructuradas para que los agentes puedan realizar acciones con más velocidad, fiabilidad y precisión.
Esto es importante porque, hasta ahora, muchos agentes de IA tienen que actuar casi como un humano: mirar la interfaz, interpretar el contenido, detectar botones y decidir dónde hacer clic. WebMCP propone una vía más directa: que la propia web exponga sus acciones de forma estructurada.
Qué problema intenta resolver WebMCP
Cuando una persona entra en una web, suele entender visualmente qué está ocurriendo. Si ve un botón que dice “Pedir presupuesto”, sabe que ese botón abre una vía de contacto. Si ve un menú llamado “Servicios”, entiende que ahí encontrará lo que ofrece la empresa. Si ve un formulario con nombre, email y mensaje, sabe qué debe rellenar.
Un agente de IA no siempre lo tiene tan fácil.
Puede analizar el HTML, revisar el DOM, interpretar capturas de pantalla o intentar deducir el funcionamiento de una interfaz. Pero todo eso consume recursos, aumenta la posibilidad de error y hace que la interacción sea más frágil.
Por eso WebMCP intenta evitar que el agente tenga que “adivinar” cómo funciona la web. En lugar de obligarlo a interpretar la interfaz como si fuera una persona, la página puede declarar acciones concretas, con nombres, descripciones y parámetros claros.
La idea de fondo es sencilla:
No obligues a la IA a investigar toda la interfaz. Dile qué acciones existen y cómo debe ejecutarlas.
Cómo funciona WebMCP
WebMCP propone dos formas principales de declarar acciones en una web:
- La vía declarativa, basada en atributos HTML.
- La vía imperativa, basada en JavaScript.
Chrome explica que WebMCP propone dos APIs: una declarativa para acciones estándar definidas directamente en formularios HTML, y otra imperativa para interacciones más complejas y dinámicas que requieren JavaScript.
Vía declarativa: formularios HTML preparados para agentes
La vía declarativa es la más sencilla. Consiste en añadir información adicional a formularios HTML para que el agente entienda qué hace ese formulario y qué significa cada campo.
Por ejemplo, un formulario de contacto normal puede tener este objetivo:
<form action="/contacto" method="POST">
<input name="nombre" required>
<input name="email" type="email" required>
<textarea name="mensaje"></textarea>
<button type="submit">Enviar</button>
</form> Con una lógica tipo WebMCP, la web podría describir mejor la acción:
<form
toolname="solicitar_presupuesto"
tooldescription="Permite solicitar presupuesto para un servicio de diseño web WordPress"
action="/contacto"
method="POST">
<input
name="nombre"
required
toolparamdescription="Nombre de la persona que solicita información">
<input
name="email"
type="email"
required
toolparamdescription="Correo electrónico de contacto">
<textarea
name="mensaje"
toolparamdescription="Descripción del proyecto web o servicio solicitado"></textarea>
<button type="submit">Solicitar presupuesto</button>
</form> Esto ayuda a que un agente no tenga que interpretar desde cero qué representa cada campo.
Se explica que la API declarativa funciona mediante anotaciones HTML en formularios, usando atributos como toolname, tooldescription y descripciones de parámetros en campos individuales, de forma que el navegador pueda generar un esquema interno para el agente.
Para una web WordPress, esto puede ser especialmente interesante en formularios de contacto, buscadores internos, filtros, reservas, presupuestos, descargas o solicitudes de información.
Vía imperativa: acciones más complejas con JavaScript
La vía imperativa permite registrar acciones mediante JavaScript. Es más flexible y sirve para procesos que no dependen solo de un formulario HTML.
Por ejemplo:
if ("modelContext" in navigator) {
navigator.modelContext.registerTool({
name: "buscar_servicio",
description: "Busca servicios relacionados con diseño web, SEO o marketing digital",
inputSchema: {
type: "object",
properties: {
consulta: {
type: "string",
description: "Servicio que quiere encontrar el usuario"
}
},
required: ["consulta"]
},
execute: async ({ consulta }) => {
return buscarServiciosEnLaWeb(consulta);
}
});
} Este tipo de implementación puede ser útil cuando la web tiene una lógica más dinámica: filtros avanzados, resultados calculados, llamadas a API, áreas privadas, validaciones o procesos de varios pasos.
Diferencia entre WebMCP, MCP, schema y llms.txt
Uno de los errores más comunes es mezclar WebMCP con otras tecnologías relacionadas con IA o SEO técnico.
No son lo mismo.
| Concepto | Para qué sirve |
| SEO técnico | Ayuda a que la web sea rastreable, indexable, rápida y entendible para buscadores |
| Schema.org | Describe entidades: empresa, artículo, producto, servicio, reseña, FAQ |
| llms.txt | Propone una guía de contenido para modelos de lenguaje |
| MCP | Conecta agentes de IA con herramientas y sistemas externos |
| WebMCP | Declara acciones que una IA puede ejecutar dentro de una web |
La diferencia clave es esta:
Schema dice qué es una página.
WebMCP dice qué puede hacer una página.
Por ejemplo, con datos estructurados puedes indicar que una página habla de un servicio de diseño web. Con WebMCP podrías indicar que esa página permite solicitar presupuesto, elegir tipo de web, enviar datos de contacto o abrir una consulta.
Se resume desde una perspectiva técnica: MCP vive normalmente en el lado servidor, mientras que WebMCP vive en el navegador, dentro de la pestaña donde el usuario está navegando, aprovechando su sesión, credenciales e interfaz.
Por qué WebMCP puede afectar al diseño web
WebMCP no es solo una novedad para programadores. También afecta a cómo pensamos el diseño web.
Hasta ahora, una web bien diseñada debía responder a preguntas como:
- ¿se entiende rápido qué ofrece la empresa?
- ¿el menú está claro?
- ¿los botones son visibles?
- ¿los formularios son sencillos?
- ¿la web carga rápido?
- ¿funciona bien en móvil?
- ¿está optimizada para SEO?
- ¿convierte visitas en contactos?
Con los agentes de IA aparece una nueva pregunta:
¿Puede una inteligencia artificial entender qué acciones importantes existen en esta web?
Esto no significa que haya que diseñar para máquinas y olvidarse de las personas. Al contrario. Una web clara para humanos suele ser también una mejor base para sistemas automatizados.
Pero ahora conviene cuidar todavía más:
- nombres claros en botones;
- formularios bien etiquetados;
- arquitectura de servicios ordenada;
- CTAs coherentes;
- menús sencillos;
- contenido estructurado por intención de búsqueda;
- HTML semántico;
- accesibilidad;
- estados visibles de los formularios;
- acciones críticas bien definidas.
Todo esto ya era importante para UX, SEO y conversión. WebMCP simplemente añade una nueva capa: que esas acciones puedan ser declaradas para agentes.
WebMCP y WordPress: qué sentido tiene
WordPress es una de las plataformas más utilizadas para crear webs corporativas, blogs, páginas de servicios, ecommerce y proyectos empresariales. Por eso, si WebMCP avanza, es lógico pensar que antes o después aparecerán integraciones, plugins o desarrollos específicos para facilitar su implementación.
En una web WordPress, WebMCP podría aplicarse sobre elementos como:
- formulario de contacto;
- formulario de solicitud de presupuesto;
- buscador interno;
- filtros de servicios;
- reservas;
- descargas;
- formularios de newsletter;
- catálogos de productos;
- áreas privadas;
- páginas de servicios;
- comparadores;
- checkout en WooCommerce.
Por ejemplo, en una web corporativa hecha en WordPress para una empresa de Valencia, una acción útil podría ser:
solicitarPresupuestoWeb({
tipo_web: "web corporativa",
ubicacion: "Valencia",
necesita_seo: true,
mensaje: "Quiero renovar la página web de mi empresa"
}); O en una web de servicios:
buscarServicio({
consulta: "diseño web WordPress Valencia"
}); Aquí es donde una agencia especializada en diseño web no debería limitarse a crear una web bonita. Debe pensar también en estructura, SEO, conversión, escalabilidad y preparación técnica para nuevas formas de interacción.
En Difuso, el servicio de diseño web WordPress ya se plantea desde esa visión: webs adaptadas a la marca, preparadas para SEO, responsive, autogestionables y escalables. WebMCP sería una posible capa futura dentro de esa evolución.
¿WebMCP ya se puede usar en producción?
Aquí hay que ser claros: WebMCP todavía está en fase temprana.
Chrome lo presentó como una vista previa anticipada para prototipos. La documentación oficial indica que está disponible para participantes del programa de early preview, con el objetivo de acceder a documentación, demos y cambios recientes.
Otros compañeros del sector, también advierte que, por ahora, no es apto para producción: está disponible en Chrome Canary mediante una flag experimental y la especificación sigue evolucionando.
Por tanto, no tendría sentido vender WebMCP como algo que todas las empresas deban implementar mañana.
La lectura correcta es otra:
WebMCP no es una urgencia inmediata, pero sí una señal clara de hacia dónde va la web.
Igual que en su momento las webs tuvieron que adaptarse al móvil, a la velocidad de carga, a la accesibilidad, al SEO técnico y a los datos estructurados, ahora empieza una nueva etapa: webs preparadas para agentes de IA.
Qué empresas deberían prestar atención a WebMCP
No todos los negocios necesitan preocuparse hoy por WebMCP. Pero hay tipos de proyectos donde conviene empezar a observarlo de cerca.
Empresas de servicios
Agencias, asesorías, clínicas, despachos, academias, empresas de reformas o negocios locales que dependen de formularios, llamadas y solicitudes de presupuesto.
Aquí las acciones clave suelen ser:
- pedir presupuesto;
- solicitar llamada;
- reservar cita;
- elegir servicio;
- enviar consulta;
- descargar información;
- contactar por WhatsApp o email.
Ecommerce
En tiendas online, WebMCP puede tener un impacto muy claro porque hay acciones repetitivas y transaccionales:
- buscar producto;
- filtrar por categoría;
- consultar stock;
- comparar opciones;
- añadir al carrito;
- iniciar compra;
- calcular envío.
Webs con mucha información
Blogs, medios, webs educativas, documentación técnica o portales con muchos contenidos podrían usar WebMCP para facilitar búsquedas, consultas y acciones sobre contenido.
Plataformas, SaaS e intranets
Aquí el potencial es mayor. Un agente podría ayudar a crear tickets, generar informes, consultar datos, descargar documentos o ejecutar tareas dentro de una aplicación, siempre con permisos, validación y seguridad.
Qué debería hacer una empresa ahora
Aunque WebMCP todavía no sea una tecnología madura para producción, sí deja varias lecciones prácticas para cualquier empresa que quiera renovar su web.
Antes de pensar en agentes de IA, una web debería tener bien resuelto lo básico:
1. Arquitectura clara de servicios
Cada servicio importante debería tener una página propia, con contenido útil y orientado a intención de búsqueda.
2. CTAs bien definidos
Los botones deben indicar acciones reales: “Solicitar presupuesto”, “Reservar una llamada”, “Ver servicios”, “Pedir información”.
3. Formularios simples y comprensibles
Cada campo debe tener una etiqueta clara y una finalidad concreta.
4. HTML semántico y accesible
Una web técnicamente ordenada es más fácil de interpretar por buscadores, lectores de pantalla y sistemas automatizados.
5. SEO técnico trabajado desde la base
Rastreo, indexación, velocidad, mobile-first, enlazado interno, datos estructurados y contenido útil siguen siendo fundamentales.
6. Medición de conversiones
Si no se mide qué acciones generan contactos, es difícil saber qué debe optimizarse.
7. Contenido orientado a preguntas reales
Los agentes de IA funcionan mejor cuando el contenido responde con claridad a necesidades concretas.
Es decir, una empresa no tiene que esperar a WebMCP para mejorar su web. Puede empezar ya preparando una base mucho más sólida.
WebMCP y SEO: qué relación tienen
WebMCP no es un factor SEO directo. No hay ninguna prueba de que implementarlo mejore posiciones en Google.
Pero sí puede tener relación con el futuro del SEO y la conversión.
¿Por qué? Porque la búsqueda está cambiando. Cada vez más usuarios consultan respuestas generadas por IA, comparan opciones dentro de asistentes y delegan tareas en agentes. En ese escenario, una web no solo necesita aparecer. También necesita ser entendible y utilizable.
El SEO clásico responde a una pregunta:
¿Puede Google encontrar, entender y posicionar esta página?
La nueva capa de agentes añade otra:
¿Puede una IA entender y ejecutar correctamente las acciones principales de esta web?
Esa segunda pregunta no sustituye a la primera. La complementa.
Ejemplo aplicado a una web de diseño web WordPress
Imaginemos una empresa que busca una agencia para crear una web corporativa en WordPress.
El usuario podría pedirle a su asistente:
“Busca una agencia de diseño web WordPress en Valencia y solicita información sobre una web para mi empresa.”
En una web tradicional, el agente tendría que:
- abrir la página;
- interpretar el menú;
- encontrar el servicio adecuado;
- leer la información;
- localizar el formulario;
- entender los campos;
- rellenarlos;
- comprobar si el envío se ha realizado.
En una web preparada para agentes, algunas acciones podrían estar mejor definidas:
buscarServicio({
consulta: "diseño web WordPress Valencia"
});
solicitarInformacion({
servicio: "Diseño web WordPress",
tipoProyecto: "web corporativa",
ubicacion: "Valencia",
necesitaSEO: true
});Esto no elimina la necesidad de una buena web visual. Pero hace que la web sea más clara para nuevos sistemas de interacción.
Ventajas potenciales de WebMCP
Aunque todavía esté en fase experimental, WebMCP apunta a ventajas interesantes:
- reduce la ambigüedad en la interacción de agentes;
- evita que la IA tenga que interpretar toda la interfaz visual;
- mejora la fiabilidad en formularios y flujos de acción;
- puede reducir errores al rellenar datos;
- permite declarar acciones de forma estructurada;
- puede facilitar experiencias asistidas por IA;
- encaja con ecommerce, servicios, reservas y aplicaciones web;
- obliga a pensar mejor la arquitectura de acciones de una web.
Limitaciones actuales
También hay que hablar de sus límites.
WebMCP todavía:
- no está generalizado;
- no está disponible de forma estable en todos los navegadores;
- no debe considerarse una solución lista para producción;
- puede cambiar técnicamente;
- requiere pruebas;
- plantea retos de seguridad;
- necesita control humano en acciones sensibles;
- no sustituye a APIs, SEO, UX ni accesibilidad.
Además, hay acciones que no deberían ejecutarse automáticamente sin confirmación: compras, reservas, envíos de datos personales, bajas, eliminaciones, pagos o cambios de cuenta.
La seguridad y la supervisión humana serán claves.
Conclusión: una señal clara de hacia dónde va la web
WebMCP todavía está en una fase temprana, pero apunta a una evolución importante: la web ya no solo debe estar diseñada para personas y buscadores, sino también para agentes de inteligencia artificial.
No sustituye al SEO.
No sustituye al diseño web.
No sustituye a los datos estructurados.
No convierte una web en inteligente por sí sola.
Pero sí introduce una idea muy potente: las webs podrán declarar qué acciones permiten realizar, para que una IA pueda entenderlas y ejecutarlas mejor.
Para muchas empresas, esto todavía será algo a observar. Pero para negocios que están pensando en renovar su web, mejorar su captación de clientes o construir una presencia digital más preparada para el futuro, el mensaje es claro: la web debe ser cada vez más clara, estructurada, medible, accesible y accionable.
En Difuso trabajamos el diseño web WordPress desde esa perspectiva: crear páginas que no solo se vean bien, sino que estén preparadas para posicionar, convertir y adaptarse a las nuevas formas de búsqueda e interacción digital.
Porque la web del futuro no será solo una web bonita. Será una web que las personas entiendan, que Google pueda rastrear y que los agentes de IA puedan utilizar correctamente.
