IA na Prática: relatório gratuito de oportunidades de IA. Saber mais

EN Falar connoscoContacto
sites para agentes de ia árvore de acessibilidade · webmcp lisboa, para todo o país

acessibilidade · html semântico · webmcp

Site pronto para os agentes de IA que navegam e compram.

Preparamos o site ou a loja para os agentes de IA que abrem a página, a leem e carregam nos botões pelo cliente. Acessibilidade, HTML semântico, um layout estável e, quando fizer sentido, WebMCP.

Pedir proposta Testar o site, grátis

Fontes oficiais lidas a 20 out 2026, com as ligações no fim da página.

resposta curta · atualizado a

Para preparar um site para os agentes de IA, comece pela acessibilidade: os agentes que abrem e usam sites leem a página sobretudo pela árvore de acessibilidade, a mesma que os leitores de ecrã usam, e a Google escreve que é o seu modelo de dados principal. Na prática, isso quer dizer HTML semântico, botões e links verdadeiros e com nome, cada campo com a sua etiqueta e uma página que não salta enquanto carrega. O passo seguinte é o WebMCP, para o site declarar as suas ações como ferramentas: é um rascunho de um grupo comunitário do W3C, de 16 de outubro de 2026, e ainda experimental.

como os agentes leem um site

O que a Google, a OpenAI e a Microsoft publicam.

Só o que cada uma escreve nas suas páginas oficiais, lidas a 20 out 2026, e o mesmo da Anthropic. Cada linha tem a fonte.

Google Chrome (Lighthouse)
Na documentação da Lighthouse, a Google escreve que os agentes usam a árvore de acessibilidade como o seu modelo de dados principal. A categoria experimental Agentic Browsing (Chrome 150 ou posterior) verifica nomes e etiquetas em cada elemento interativo, papéis válidos na árvore, conteúdo que não está escondido da árvore quando é interativo, estabilidade do layout (CLS), o llms.txt e as ferramentas WebMCP.Chrome for Developers, Lighthouse agentic browsing scoring · Chrome for Developers, Lighthouse, Accessibility for agents
Google Search
O guia da Google para as funcionalidades de IA generativa da Pesquisa diz que os agentes de browser podem recolher o que precisam analisando capturas de ecrã, inspecionando a estrutura do DOM e interpretando a árvore de acessibilidade.Google Search Central, Google’s Guide to Optimizing for Generative AI Features on Google Search
web.dev (Google)
Três formas de ver um site: capturas de ecrã, o HTML e a árvore de acessibilidade, que reduz a página aos papéis, nomes e estados dos elementos interativos. Os agentes atuais combinam-nas: usam o DOM e a árvore para ter a lista de elementos e a imagem para perceber o layout.web.dev, Build agent-friendly websites
OpenAI (ChatGPT)
O ChatGPT abre sites e faz tarefas neles com o Browser, no ChatGPT na web e na app de desktop. O ChatGPT Atlas, o browser próprio da OpenAI, foi retirado e já não recebe atualizações, segundo o centro de ajuda da OpenAI. No SDK de computer use da OpenAI, a leitura de uma página devolve uma lista de elementos, cada um com um rótulo não vazio e um de sete papéis: botão, caixa de texto, caixa de combinação, caixa de verificação, botão de opção, controlo deslizante ou caixa de lista.ChatGPT Learn, Browser · OpenAI Help Center, ChatGPT Atlas retirement · OpenAI API, Computer use SDK drivers
Microsoft (Edge)
No artigo do blog do Edge sobre sites prontos para agentes (21 set 2026), a Microsoft junta duas novidades de acessibilidade, o referenceTarget, para ligar uma etiqueta a um campo dentro de um componente, e o aria-actions, para anunciar as ações secundárias de um elemento, ao WebMCP, cuja implementação no Edge está pronta para testes.Microsoft Edge Blog, New in Edge for developers: create better components and make your site agent-ready (21 set 2026)
Anthropic (Claude)
A ferramenta de browser da API do Claude trabalha com a estrutura da página (a árvore de acessibilidade, os elementos, os formulários e os separadores) e com capturas de ecrã. A leitura da página dá a cada elemento o papel, o nome e uma referência, e é nessa referência que o Claude depois carrega.Claude Platform, Browser use tool

o que fazer no site

O que a Google pede a quem faz sites.

Do guia da Google para sites amigos dos agentes (web.dev) e da categoria Agentic Browsing da Lighthouse. Tudo o que ajuda um agente ajuda também as pessoas.

HTML semântico
Usar <button> e <a> verdadeiros em vez de <div> e <span> com estilo e JavaScript: os agentes reconhecem os primeiros como elementos interativos. Quando não der, pôr no elemento o papel e o tabindex certos, por exemplo role="button".web.dev, Build agent-friendly websites
Campos com etiqueta
Cada <label> ligada ao seu campo com o atributo for, para o agente saber o que o campo pede.web.dev, Build agent-friendly websites
Botões e links com nome
Cada elemento interativo com um nome no código. Sem nome, um ícone de carrinho ou de menu impede tanto quem usa leitor de ecrã como um agente de acabar a tarefa.Chrome for Developers, Lighthouse agentic browsing scoring · Chrome for Developers, Lighthouse, Accessibility for agents
Sem camadas por cima
Nada de camadas transparentes por cima dos elementos interativos: na análise da imagem, o agente pode pôr de lado o que está tapado.web.dev, Build agent-friendly websites
Elementos visíveis e com tamanho
O que é preciso para completar uma tarefa tem de estar visível e ter mais de 8 píxeis quadrados, para não ser filtrado na análise da imagem.web.dev, Build agent-friendly websites
Layout estável
Pouco CLS e o mesmo botão no mesmo sítio, por exemplo o "Adicionar ao carrinho" em todas as páginas de produto. Um elemento que se mexe entre o momento em que o agente o encontra e o clique falha.web.dev, Build agent-friendly websites · Chrome for Developers, Lighthouse agentic browsing scoring
WebMCP nas tarefas principais
Declarar as ações do site como ferramentas, para os agentes que suportam o WebMCP. A Google chama-lhe experimental e recomenda-o como melhoria progressiva, por cima da interface que já existe.Chrome for Developers, Lighthouse agentic browsing scoring · Chrome for Developers, WebMCP

dados próprios

O que um agente encontra nas lojas portuguesas.

No estudo de acessibilidade da SO-MA, medido a 19 de outubro de 2026 na página inicial de 373 lojas online portuguesas, 170 tinham campos de formulário sem etiqueta (o mais comum é a pesquisa, em 137 lojas), 269 tinham links sem nome e 126 tinham botões sem nome; só 21 passaram as nove verificações. É exatamente o que um agente lê para saber onde escrever e em que carregar.

Ler o estudo de acessibilidade das lojas online · testar uma página · ver se a loja está pronta para os agentes

webmcp

O WebMCP, e em que estado está.

Em vez de o agente adivinhar onde carregar, o site diz-lhe que ações tem. A 20 out 2026, é uma proposta e não uma norma.

O que é
Uma API do browser para um site registar ferramentas, com nome, descrição e um esquema JSON das entradas, que um agente chama em vez de adivinhar cliques. Há uma API em JavaScript (document.modelContext.registerTool) e uma declarativa, com anotações nos formulários HTML.W3C Web Machine Learning Community Group, WebMCP, Draft Community Group Report (16 out 2026) · Chrome for Developers, WebMCP
Estado da proposta
Draft Community Group Report de 16 de outubro de 2026, publicado pelo Web Machine Learning Community Group do W3C, com editores da Microsoft e da Google. O próprio documento diz que não é uma norma do W3C nem está no caminho para o ser.W3C Web Machine Learning Community Group, WebMCP, Draft Community Group Report (16 out 2026)
Chrome
Em origin trial a partir do Chrome 149, e com uma flag para testar em desenvolvimento. A Google avisa que o WebMCP está em desenvolvimento ativo e pode mudar.Chrome for Developers, WebMCP · web.dev, Build agent-friendly websites
Microsoft Edge
A implementação no Edge está pronta para testes, com exemplos e uma extensão para correr e depurar as ferramentas.Microsoft Edge Blog, New in Edge for developers: create better components and make your site agent-ready (21 set 2026)
ChatGPT
As "Site tools" são a implementação do ChatGPT: no browser integrado da app de desktop, o ChatGPT Work e o Codex descobrem e usam as ferramentas da página. Por agora só lê as registadas em JavaScript na página principal: as declarativas, em formulários HTML, e as que estão dentro de iframes não aparecem.ChatGPT Learn, Site tools (WebMCP)
Segurança
Uma ação sensível, como uma compra, pode pedir confirmação à pessoa. No ChatGPT, as definições e os resultados das ferramentas de um site contam como conteúdo não confiável, e cada chamada passa por uma revisão de segurança antes de correr.web.dev, Build agent-friendly websites · ChatGPT Learn, Site tools (WebMCP)

O WebMCP vive na página que está aberta. Para a empresa responder dentro do ChatGPT ou do Claude sem página nenhuma, o caminho é um servidor MCP: a sua empresa dentro do ChatGPT e do Claude.

o que a so-ma faz

Um trabalho, duas razões: a lei e os agentes.

A acessibilidade que a lei pede às lojas online é a mesma que os agentes leem. Fazemo-la em sites e lojas novos e nos que já existem.

  1. 01

    Medir

    O teste de acessibilidade e o verificador de prontidão para agentes, nas páginas que contam (inicial, listagem, produto ou serviço, carrinho, contacto e marcação), e a categoria Agentic Browsing da Lighthouse no Chrome.

  2. 02

    Corrigir a acessibilidade

    No tema, nos modelos e no conteúdo: HTML semântico, nomes nos ícones, etiquetas nos campos, ordem dos títulos, foco visível e contraste, contra as WCAG de nível AA. É o mesmo trabalho que a lei da acessibilidade pede às lojas online.

  3. 03

    Estabilizar a página

    Imagens com dimensões, nada a empurrar o conteúdo enquanto carrega, os botões principais sempre no mesmo sítio e sem camadas por cima.

  4. 04

    WebMCP nas ações principais

    Quando o site e o público o justificam, declaramos como ferramentas as ações que um agente mais faz: pesquisar, filtrar, pedir proposta, marcar. Em JavaScript, por cima da interface normal, porque é a forma que o ChatGPT lê hoje e porque a proposta ainda pode mudar. Nunca é a única forma de fazer a ação.

  5. 05

    Verificar outra vez

    As mesmas páginas, os mesmos testes e uma lista do que verificar quando o tema, as apps ou o conteúdo mudarem.

o que recebe

Um site que as pessoas e os agentes conseguem usar.

Cada falha com o critério, a página e a correção, e o site ou a loja corrigidos e medidos outra vez.

Numa loja nova ou refeita, isto entra no Commerce Build; num site novo, no Brand & Site. Num site ou numa loja que já existe, é um projeto fechado, com proposta própria.

Pedir proposta para a loja Pedir proposta para o site
  • O relatório: cada falha com o critério WCAG, a página, o impacto para as pessoas e para os agentes, e a correção
  • As correções feitas no tema, nos modelos e no conteúdo, com o registo do que mudou
  • As ações principais declaradas em WebMCP, quando fizer sentido, por cima da interface normal
  • Os mesmos testes outra vez, e a categoria Agentic Browsing da Lighthouse
  • A lista do que verificar quando o site ou a loja mudarem

perguntas frequentes

Perguntas sobre sites e agentes de IA.

Respondidas por inteiro. As que também estão em /respostas têm o mesmo texto nos dois sítios.

Como preparo o meu site para os agentes de IA?

Comece pela acessibilidade. Os agentes de IA que abrem e usam sites leem a página sobretudo pela árvore de acessibilidade, a mesma que os leitores de ecrã usam: a Google escreve, na documentação da Lighthouse, que é o seu modelo de dados principal. Na prática, HTML semântico, botões e links verdadeiros e com nome, cada campo com a sua etiqueta, nada tapado por camadas e um layout que não salta. Depois, quando fizer sentido, o WebMCP, para declarar as ações principais do site como ferramentas; a Google chama-lhe experimental.

Esta resposta em /respostas

Como é que um agente de IA lê um site?

De três formas, que os agentes atuais combinam: capturas de ecrã, o HTML e a árvore de acessibilidade, segundo a Google (web.dev). A árvore reduz a página aos papéis, nomes e estados dos elementos interativos, e a Google escreve que é o modelo de dados principal dos agentes. Por isso um botão sem nome ou um campo sem etiqueta pode impedir um agente de acabar a tarefa, como impede quem usa um leitor de ecrã.

Esta resposta em /respostas

O que é o WebMCP e já se pode usar?

O WebMCP é uma proposta para um site declarar as suas ações (pesquisar, filtrar, reservar, pagar) como ferramentas que um agente de IA chama, em vez de adivinhar onde carregar. A versão atual é um rascunho do Web Machine Learning Community Group do W3C, de 16 de outubro de 2026, e não é uma norma do W3C. Já se pode testar: o Chrome tem-no em origin trial desde a versão 149, o Edge tem uma implementação pronta para testes e o ChatGPT usa-o no browser da app de desktop, com o nome Site tools.

Esta resposta em /respostas

A acessibilidade do site ajuda os agentes de IA?

Sim, é o mesmo trabalho. A Google escreve que os agentes usam a árvore de acessibilidade como modelo de dados principal e que etiquetas em falta impedem pessoas com deficiência visual e agentes de acabar uma tarefa. No estudo de acessibilidade da SO-MA, medido a 19 de outubro de 2026, 170 de 373 lojas online portuguesas tinham campos de formulário sem etiqueta e 269 tinham links sem nome.

Esta resposta em /respostas

O ChatGPT Atlas ainda existe?

Não. O centro de ajuda da OpenAI diz que o ChatGPT Atlas foi retirado e já não recebe atualizações. O ChatGPT abre e usa sites com o Browser, no ChatGPT na web e na app de desktop, e é no browser integrado da app de desktop que usa o WebMCP, com o nome Site tools.

Preparar o site para os agentes é obrigatório?

O WebMCP não: é uma proposta experimental. A acessibilidade, que é a maior parte do trabalho, é: desde 28 de junho de 2025, o Decreto-Lei n.º 82/2022 aplica-se às lojas online que vendem a consumidores, salvo às microempresas.

Acessibilidade de sites e lojas online

Garantem que os agentes compram no meu site?

Não, e ninguém o pode garantir: um agente faz o que a pessoa lhe pediu, e cada assistente tem as suas regras. O que entregamos é verificável: as falhas de acessibilidade corrigidas e testadas outra vez, a categoria Agentic Browsing da Lighthouse e, quando faz sentido, ferramentas WebMCP que se conferem nas ferramentas de programador do Chrome.

Quanto custa preparar o site para os agentes na SO-MA?

Não há preço de tabela: depende do número de páginas e de modelos, da plataforma e do que está por corrigir. Depois de uma conversa de quinze minutos, cada projeto recebe uma proposta escrita, com âmbito, calendário e preço fechado. Os dois testes gratuitos mostram por onde começar.

para ler a seguir

fontes

Atualizado a 20 de outubro de 2026. Páginas oficiais lidas nesse dia:

sites para agentes de ia

Diga-nos que site ou que loja quer preparar.

O endereço, a plataforma e as ações que mais contam. O Lucas responde num dia útil e, depois de uma conversa de quinze minutos, envia uma proposta escrita, com âmbito, calendário e preço fechado.

Pedir proposta para a loja Pedir proposta para o site

lucas@so-ma.studio · Lisboa