Publicado em: 22 de junho de 2026
À medida que os agentes de IA evoluem de apenas gerar texto para navegar, interagir e concluir tarefas complexas no seu site, os desenvolvedores precisam de ferramentas dedicadas para garantir uma experiência de alta qualidade para esses usuários não humanos. A nova categoria de navegação agêntica do Lighthouse, juntamente com as melhorias no Chrome DevTools, oferece auditorias determinísticas e um framework de testes para ajudar você a criar sites prontos para agentes.
A mudança para a Web agêntica envolve duas etapas principais: agentes pesquisando na Web e agentes usando a Web.
Quando os agentes estão apenas pesquisando sites, os princípios de otimização de mecanismos de pesquisa (SEO) ainda se aplicam. Nesta postagem do blog, vamos nos concentrar no trabalho que os desenvolvedores podem fazer quando um agente interage diretamente com o site.
Auditar, melhorar e depurar seu site pronto para agentes
Para que um agente de IA conclua um fluxo de maneira confiável no seu site, como agendar um compromisso ou fazer um pedido, ele precisa de indicadores previsíveis e legíveis por máquina. Confira as ferramentas que ajudam a avaliar e melhorar essa preparação.
Auditar a preparação agêntica do seu site
O que as auditorias verificam: as auditorias se concentram em três áreas principais essenciais para a interação da máquina:
- Acessibilidade: a acessibilidade é para humanos primeiro. Os agentes dependem da árvore de acessibilidade, derivada do DOM para tecnologia adaptativa (TA), como modelo de dados principal. A auditoria de navegação agêntica verifica um subconjunto de categorias de a auditoria de acessibilidade que são essenciais para a interação da máquina. Por exemplo, as duas auditorias verificam se cada elemento interativo tem um nome programático. Uma árvore de acessibilidade bem formada é a principal maneira de os agentes de IA entenderem sua página.
- Estabilidade: mede a estabilidade visual usando o Cumulative Layout Shift (CLS) para garantir que os elementos não se movam inesperadamente, evitando cliques errados do agente.
- Integração do WebMCP: verifica a disponibilidade de ferramentas registradas do WebMCP , formulários sem WebMCP declarativo e validade do esquema. A adoção do WebMCP ajuda os agentes a expor explicitamente a lógica e os formulários do seu site, tornando a interação confiável.
A pontuação: ao contrário de outras categorias do Lighthouse, no momento da publicação, a navegação agêntica é informativa e não comparada. O foco é fornecer indicadores acionáveis (status de aprovação ou reprovação e avisos) em vez de uma classificação definitiva.
Para saber mais sobre as verificações de auditoria específicas e o que você pode fazer para melhorar, consulte a documentação das auditoria de navegação de agentes para o Lighthouse.
Tornar as interações entre o agente e o site mais rápidas e confiáveis
O WebMCP é um padrão proposto que visa expor ferramentas de estrutura para agentes de IA em sites atuais, acelerando e simplificando as interações do agente. Para mais informações sobre a implementação, consulte Leia sobre o WebMCP.
Implementar os recursos mais recentes usando o agente de programação preferido
O Modern Web Guidance oferece uma coleção de práticas recomendadas e habilidades para ajudar os desenvolvedores a criar sites prontos para agentes. Ele inclui a habilidade webmcp, que permite delegar a implementação das ferramentas do WebMCP ao seu agente de programação.
Ao integrar o Modern Web Guidance ao fluxo de trabalho de desenvolvimento, você pode garantir que seu aplicativo seja criado com padrões modernos e fáceis de usar para agentes. Para saber mais, consulte a documentação do Modern Web Guidance.
Testar e depurar seu site com o Chrome DevTools para agentes
Para depuração profunda e desenvolvimento iterativo, o Chrome DevTools para Agentes oferece uma persona de teste exclusiva. Ele permite transformar seu próprio ambiente de desenvolvimento integrado (IDE) assistido por IA ou agente de programação em um agente de navegação, oferecendo um alto grau de controle.
Com o DevTools para agentes, é possível:
- Simular a interação do agente:você pode simular as etapas exatas que um agente faria, efetivamente "se tornando o usuário" (ou o agente) para reproduzir falhas e verificar se os fluxos do seu site são determinísticos.
- Invocação direta do Lighthouse:seu ambiente de teste pode invocar diretamente a ferramenta
lighthouse_auditna guia ativa. Isso fornece uma verificação de integridade instantânea e de várias categorias com base no estado atual da página, permitindo que você verifique as correções de forma iterativa em relação aos padrões de navegação agêntica. - Screencast e depuração:a ferramenta oferece recursos detalhados de registro e screencast para que você possa ver exatamente como o agente percebe e interage com a página. Isso expõe alguns indicadores legíveis por máquina, como a árvore de acessibilidade, que podem confundir o agente.
Isso ajuda a garantir uma experiência de alta qualidade para usuários não humanos antes da implantação.
Para saber mais sobre os recursos e a configuração do Chrome DevTools para Agentes, consulte nosso repositório do GitHub.
O exemplo de configuração do Chrome DevTools para Agentes (~/.gemini/config/mcp_config.json para AntigravityCLI ou configurado no Antigravity) se conecta ao Chrome Canary.
{
"mcpServers": {
"chrome-devtools": {
"command": "npx",
"args": [
"-y",
"chrome-devtools-mcp@latest",
"--autoConnect",
"--categoryExperimentalWebmcp",
"--channel=canary"
]
}
}
}
Use a consulta de exemplo: "Usando o MCP do Chrome DevTools, acesse https://googlechromelabs.github.io/webmcp-tools/demos/pizza-maker/ e crie uma pizza com 10 cogumelos e 2 pimentões. Não se esqueça de me dar um resumo do que você fez e das ferramentas que chamou."
Também é possível usar o DevTools para Agentes para realizar a auditoria do Lighthouse de preparação agêntica:
"Quero fazer uma auditoria agêntica do Lighthouse em https://googlechromelabs.github.io/webmcp-tools/demos/french-bistro/?notoolname usando o MCP do Chrome DevTools. Me dê um resumo completo."
A seguir
Para contribuir e participar da discussão, consulte o repositório oficial do Lighthouse.
Para mais informações sobre o WebMCP, consulte a documentação do WebMCP. Para mais informações sobre o Modern Web Guidance, consulte a documentação do Modern Web Guidance. Para mais informações sobre como otimizar seu site para IA generativa, consulte Otimizar seu site para recursos de IA generativa na Pesquisa Google.