Aula 8 · 18 min
Agentes já preenchem formulários e comparam produtos lendo a página como um leitor de tela lê. O que ajuda é o básico bem feito: HTML semântico, rótulos, dados de produto corretos. E nada disso vale sem rotina: um loop mensal com os painéis, a bateria, o log e a nota, sempre com data.
Começar a aula
Objetivo: deixar formulários e páginas de produto legíveis para agentes e montar o loop mensal de medição nas IAs com datas.
Clique em cada bloco.
O básico legível para agentes e uma rotina com data valem mais que qualquer atalho.
Clique em cada passo. Todos vêm do guia do web.dev para sites amigáveis a agentes.
Ação é botão, navegação é link. Se não der para usar o elemento certo, dê o papel (role) e o tabindex corretos.
Use cursor de mão (cursor: pointer) no que é clicável: é sinal forte de ação.
Todo campo com rótulo visível ligado pelo atributo for. E-mail, nome e telefone com autocomplete: ajuda quem preenche e ajuda o agente a saber o que é cada campo.
Sem camadas transparentes sobre botões; elementos de ação visíveis e com tamanho mínimo. Layout que não muda de lugar depois de carregar: agente que lê captura de tela se perde.
Feed do Merchant Center correto, política de devolução clara e Perfil da Empresa atualizado. Acompanhe os protocolos de comércio por agente sem implementar: as fontes ainda divergem sobre o estado deles.
O formulário é um modelo; a ficha do loop é para copiar todo mês.
<form action="/orcamento" method="post"> <label for="nome">Nome</label> <input id="nome" name="nome" autocomplete="name" required> <label for="email">E-mail</label> <input id="email" name="email" type="email" autocomplete="email" required> <label for="telefone">Telefone</label> <input id="telefone" name="telefone" type="tel" autocomplete="tel"> <button type="submit">Pedir orçamento</button> </form>
# Loop mensal de IA — <mês/ano> (rodado em dd/mm/aaaa) 1. Painéis: GSC impressões de IA <n> | Bing citações <n> | páginas citadas <n> 2. Bateria v1: aparição nas neutras por assistente: ChatGPT <x%> | Gemini <x%> | Perplexity <x%> | Copilot <x%> Fontes citadas no meu lugar (top 5): <...> 3. Marca: "o que é [marca]" certo em <n de 3> assistentes; "quem é [fundador]" atual em <n de 3> 4. Log: busca <n> | ação do usuário <n> | treino <n> | falsos <n> | 403 para robô de IA: <sim/não> 5. Nota de prontidão: <n> (ferramenta e versão) Decisão do mês (uma só): <...> Sem mudança há 3 meses? Fontes externas a trabalhar: <...>
O método AIV sugere: depois de 3 meses sem mudança na bateria, a alavanca deixa de ser conteúdo do seu site e passa a ser presença onde as IAs já buscam (as fontes que aparecem no seu lugar). Trate como hipótese a testar, com o loop medindo.
O E2 usa o gerador no fim da aula.
Escolha o formulário mais importante do site (contato, orçamento, pedido). Confira no DevTools do Chrome a árvore de acessibilidade: cada campo tem nome? o botão é botão? Corrija o que faltar.
Pronto quando: todo campo do formulário aparece com nome na árvore de acessibilidade, e-mail, nome e telefone têm autocomplete e o envio é um botão.
Gere o seu plano abaixo, baixe o .ics e marque no calendário o primeiro loop mensal. Copie a ficha do loop para a pasta do projeto.
Pronto quando: o calendário tem a data do primeiro loop mensal e a ficha loop-ia do mês existe com a data preenchida.
A explicação aparece depois da sua resposta.
Pergunta 1 de 4
O que um agente de navegador usa para entender um formulário?competência
Pergunta 2 de 4
O que fazer com os protocolos de comércio por agente numa pequena empresa, hoje?
Pergunta 3 de 4
A taxa de aparição na bateria ficou parada por 3 meses. Próximo passo?
Pergunta 4 de 4
Por que o loop tem data e uma decisão por mês?
Escolha uma alternativa. A explicação aparece depois da sua tentativa.
Quatro degraus e os exercícios de cada um. Clique num exercício para ver o "pronto quando".
fundamento × moda
2 exercícios
Triagem com fonte e os trechos que só você tem.
Ver a aulapainéis e bateria (aulas 2 e 3)
2 exercícios
Linha de base nos painéis e primeira rodada da bateria.
Ver a aulaentidade, log e nota (aulas 4 a 6)
2 exercícios
Identidade corrigida, robôs conferidos, nota com uma correção.
Ver a aulaagentes e loop (aulas 7 e 8)
2 exercícios
Página de teste WebMCP, formulário legível, loop agendado.
Ver a aulaAntes de medir, saber o que vale a pena fazer.
Requer a triagem. O mapa mostra os exercícios da aula 3; o plano abaixo lista todos.
Requer a medição: corrigir sem linha de base não mostra efeito.
Requer o resto. Daqui em diante, o loop mensal mede tudo.
Separar, medir, corrigir e preparar. Só suba de degrau quando o "pronto quando" do anterior for verdade.
Depois deste curso vem o 5: agentes no terminal fazendo o repetitivo, com portões.
Escolha a data de início e quanto tempo você tem por semana. O plano respeita os exercícios que pedem dias de espera.