Como tornamos nosso site pronto para agentes com WebMCP (e o que isso nos trouxe)

Resumo: Conectamos todas as ferramentas e caixas de pesquisa em automatelab.tech a agentes de IA usando o WebMCP - a API do navegador navigator.modelContext - reutilizando as funções que nossos botões na página já chamam. Agora, isso aparece na nova auditoria de Navegação Agente do Lighthouse. Aqui está como fizemos, e uma leitura honesta sobre se vale a pena seu tempo em 2026.

O que é o WebMCP

WebMCP é uma API de navegador (navigator.modelContext) que uma página chama para registrar ferramentas para um agente de IA no navegador. Cada ferramenta possui um nome, uma descrição em linguagem natural, um esquema de entrada em JSON e um manipulador que é executado quando o agente a chama. É o primo do lado do navegador do Protocolo de Contexto de Modelo que as integrações do lado do servidor já falam. A especificação é um rascunho do W3C do grupo de Aprendizado de Máquina da Web.

A parte honesta: o WebMCP está disponível apenas no Chrome 146 atrás de uma bandeira de recurso, a adoção no mundo real é quase zero, e a maioria dos agentes hoje ainda lê o DOM bruto. Este é um movimento para plantar a bandeira. Duas razões para fazê-lo de qualquer maneira: é barato se suas páginas já tiverem ações funcionais, e o Google acabou de começar a medi-lo.

Registrando uma ferramenta

Existem dois caminhos. O declarativo adiciona atributos toolname e tooldescription a um <form> existente e o navegador constrói o esquema de entrada para você. O imperativo chama registerTool(). Nós optamos pelo caminho imperativo porque cada ferramenta já tinha uma função de computação:

if (navigator.modelContext) {
  navigator.modelContext.registerTool({
    name: "audit_ai_seo",
    description: "Auditar uma URL para prontidão AEO/GEO; retornar a pontuação.",
    inputSchema: {
      type: "object",
      properties: { url: { type: "string", description: "URL completa incl. https://" } },
      required: ["url"]
    },
    execute: async ({ url }) => {
      const result = await runAudit(url);   // a função que a página já tinha
      return { content: [{ type: "text", text: result.summary }] };
    }
  });
}

O ponto: você não está escrevendo novas ferramentas, está expondo as que você já lançou. A integração inteira é um ajudante de cerca de quarenta linhas que detecta a presença de navigator.modelContext e não faz nada em todos os navegadores que não a possuem, então os visitantes normais não são afetados.

O que expusemos

Dez superfícies, cada uma reutilizando a função por trás de seu botão na página:

O ângulo do Lighthouse

O Lighthouse 13.3 adicionou uma categoria de Navegação Agente. A verificação do WebMCP é apenas informativa - ela lista as ferramentas que sua página registra e nunca te penaliza por não ter nenhuma. As outras três verificações (llms.txt, integridade da árvore de acessibilidade e estabilidade de layout) trazem benefícios hoje, independentemente da adoção do WebMCP: elas ajudam leitores de tela, crawlers de recuperação e usuários reais.

Vale a pena em 2026?

Faça o trabalho de preparação para a prontidão do agente para os ganhos que você pode garantir agora - envie llms.txt, conserte a árvore de acessibilidade, elimine a mudança de layout - e trate o registro do WebMCP como uma opção barata em um padrão que pode importar em um ano. Uma ressalva que vale a pena levar a sério: o modelo de segurança do WebMCP ainda está incompleto, então nunca exponha uma ação destrutiva ou que mude a conta sem uma etapa de confirmação do usuário. Auditorias somente leitura, calculadoras e pesquisas são candidatos seguros; "excluir minha conta" não é.

Escrita completa com o passo a passo: https://automatelab.tech/blog/al-products/how-we-made-automatelab-tech-agent-ready-webmcp/