Fecha de publicación: 22 de junio de 2026
A medida que los agentes de IA evolucionan y pasan de solo generar texto a navegar, interactuar y completar tareas complejas en tu sitio web, los desarrolladores necesitan herramientas específicas para garantizar una experiencia de alta calidad para estos usuarios no humanos. La nueva categoría de navegación asistida por agentes de Lighthouse, junto con las mejoras en las Herramientas para desarrolladores de Chrome, proporciona auditorías determinísticas y un marco de pruebas para ayudarte a crear sitios web listos para agentes.
El cambio a la Web basada en agentes implica dos etapas principales: los agentes buscan en la Web y los agentes usan la Web.
Cuando los agentes solo buscan sitios web, se siguen aplicando los principios de la optimización para motores de búsqueda (SEO). En esta entrada de blog, nos enfocamos en el trabajo que pueden hacer los desarrolladores cuando un agente interactúa directamente con el sitio web.
Audita, mejora y depura tu sitio web listo para el agente
Para que un agente de IA complete de forma confiable un flujo en tu sitio, como reservar una cita o hacer un pedido, necesita indicadores predecibles y legibles por máquina. Estas son las herramientas que te ayudarán a evaluar y mejorar esa preparación.
Audita la preparación de tu sitio web para la IA
La nueva categoría de navegación con agentes en Lighthouse está disponible a partir de M150 y proporciona a los desarrolladores un conjunto de auditorías determinísticas para evaluar qué tan compatibles con los agentes son sus sitios web, lo que fomenta la adopción de nuevos estándares de la industria.
Qué verifican las auditorías: Las auditorías se centran en tres áreas clave fundamentales para la interacción con la máquina:
- Accesibilidad: La accesibilidad es para los humanos primero. Los agentes se basan en el árbol de accesibilidad, derivado del DOM para la tecnología de asistencia (TA), como su modelo de datos principal. La auditoría de Agentic Browsing verifica un subconjunto de categorías de la auditoría de accesibilidad que son fundamentales para la interacción de la máquina. Por ejemplo, ambas auditorías verifican que cada elemento interactivo tenga un nombre programático. Un árbol de accesibilidad con un formato correcto es la principal forma en que los agentes de IA comprenden tu página.
- Estabilidad: Mide la estabilidad visual con el Cumulative Layout Shift (CLS) para garantizar que los elementos no se muevan de forma inesperada y evitar clics erróneos del agente.
- Integración de WebMCP: Verifica la disponibilidad de las herramientas de WebMCP registradas, los formularios que no tienen WebMCP declarativo y la validez del esquema. La adopción de WebMCP ayuda a los agentes a exponer de forma explícita la lógica y los formularios de tu sitio, lo que hace que la interacción sea confiable.
La puntuación: A diferencia de otras categorías de Lighthouse, en el momento de la publicación, la Navegación agentiva es informativa y no se compara con otras. El objetivo es proporcionar indicadores prácticos (estado de aprobación o rechazo y advertencias) en lugar de una clasificación definitiva.
Para obtener más información sobre las verificaciones de auditoría específicas y lo que puedes hacer para mejorar, consulta la documentación de Auditorías de navegación del agente para Lighthouse.
Hacer que las interacciones entre el agente y el sitio web sean más rápidas y confiables
WebMCP es un estándar propuesto que tiene como objetivo exponer herramientas de estructura a los agentes de IA en sitios web existentes, lo que acelera y simplifica las interacciones de los agentes. Para obtener más información sobre la implementación, consulta Más información sobre WebMCP.
Implementa las funciones más recientes con tu agente de programación preferido
La guía de la Web moderna proporciona una colección de prácticas recomendadas y habilidades para ayudar a los desarrolladores a crear sitios web listos para agentes. Incluye la habilidad webmcp, que te permite delegar la implementación de las herramientas de WebMCP en tu agente de codificación.
Si integras la guía de la Web moderna en tu flujo de trabajo de desarrollo, puedes asegurarte de que tu aplicación se compile desde cero con estándares modernos y compatibles con agentes. Para obtener más información, consulta la documentación de Modern Web Guidance.
Prueba y depura tu sitio web con las Herramientas para desarrolladores de Chrome para agentes
Para la depuración profunda y el desarrollo iterativo, Herramientas para desarrolladores de Chrome for Agents ofrece un arquetipo de prueba único. Te permite transformar tu propio IDE asistido por IA o agente de programación en un agente de navegación, lo que te brinda un alto grado de control.
Con las Herramientas para desarrolladores para agentes, puedes hacer lo siguiente:
- Simula la interacción del agente: Puedes simular los pasos precisos que seguiría un agente, y "convertirte en el usuario" (o en el agente) para reproducir fallas y verificar que los flujos de tu sitio web sean determinísticos.
- Invocación directa de Lighthouse: Tu entorno de pruebas puede invocar directamente la herramienta
lighthouse_auditen la pestaña activa. Esto proporciona una verificación de estado instantánea y de varias categorías basada en el estado actual de la página, lo que te permite verificar las correcciones de forma iterativa en función de los estándares de la Navegación Agentic. - Presentación en pantalla y depuración: La herramienta ofrece capacidades detalladas de registro y presentación en pantalla, por lo que puedes ver exactamente cómo el agente percibe la página y cómo interactúa con ella. Esto expone algunos indicadores legibles por máquina, como el árbol de accesibilidad, que pueden confundir al agente.
Esto te ayuda a garantizar una experiencia de alta calidad para los usuarios no humanos antes de la implementación.
Para obtener más información sobre las capacidades y la configuración de las Herramientas para desarrolladores de Chrome para agentes, consulta nuestro repositorio de GitHub.
El siguiente ejemplo de configuración de las Herramientas para desarrolladores de Chrome para Agents (~/.gemini/config/mcp_config.json para AntigravityCLI o configurado en Antigravity) se conecta a Chrome Canary.
{
"mcpServers": {
"chrome-devtools": {
"command": "npx",
"args": [
"-y",
"chrome-devtools-mcp@latest",
"--autoConnect",
"--categoryExperimentalWebmcp",
"--channel=canary"
]
}
}
}
Usa la siguiente consulta de ejemplo: "Con las MCP de Herramientas para desarrolladores de Chrome, ve a https://googlechromelabs.github.io/webmcp-tools/demos/pizza-maker/ y crea una pizza con 10 champiñones y 2 pimientos. Asegúrate de darme un resumen de lo que hiciste y de las herramientas que llamaste".
También puedes usar DevTools for Agents para realizar una auditoría de Lighthouse sobre la preparación de agentes:
"Quiero realizar una auditoría de Lighthouse basada en un agente en https://googlechromelabs.github.io/webmcp-tools/demos/french-bistro/?notoolname con la MCP de las Herramientas para desarrolladores de Chrome y obtener un resumen completo."
¿Qué sigue?
Para contribuir y participar en el debate, consulta el repositorio oficial de Lighthouse.
Para obtener más información sobre WebMCP, consulta la documentación de WebMCP. Para obtener más información sobre Modern Web Guidance, consulta la documentación de Modern Web Guidance. Para obtener más información sobre cómo optimizar tu sitio web para la IA generativa, consulta Cómo optimizar tu sitio web para las funciones potenciadas por IA generativa en la Búsqueda de Google.