← Todos os Posts

Projetando para superfícies de agentes de IA

Meu site atende hoje cerca de 13.100 requisições por dia de agentes de IA (média de sete dias) e cerca de 325 visitas humanas diárias (média de 28 dias), direto dos meus próprios logs de edge — algo em torno de uma proporção de 40 para 1, quase tudo recuperação ao vivo: o ChatGPT-User buscando uma página neste exato momento porque alguém acabou de perguntar algo ao assistente. Esse leitor ignora todas as decisões de design que me ensinaram a tomar. Ele não vê tipografia, nem escala de espaçamento, nem movimento. E, ainda assim, não é indiferente ao design — é implacavelmente sensível a outro conjunto de decisões de design, um que as conversas sobre ofício quase nunca mencionam. Este post é o guia de ofício da superfície que eu de fato atendo mais. {.answer-block}

TL;DR

  • Neste site, a superfície dos agentes é a superfície majoritária: 40 para 1. O volume é dominado pela recuperação ao vivo disparada por um usuário: o ChatGPT-User fez cerca de 6.700 requisições ontem, contra 4 do GPTBot, o crawler de treinamento da OpenAI. Se o seu site atende desenvolvedores ou publica conteúdo de referência, seus logs provavelmente pendem para o mesmo lado — mas meça antes de supor.
  • Os agentes leem páginas diferentes das que os humanos clicam. Meus logs de edge mostram posts comparativos e páginas técnicas de nicho puxando muito tráfego de agentes enquanto ficam bem abaixo do meu top 15 humano — o assistente as lê pelo humano que nunca chega.
  • Projete para a extração, não para a imersão: uma resposta de um parágrafo no topo, títulos em forma de pergunta, seções autossuficientes, tabelas para tudo o que for enumerável e datas em cada afirmação.
  • A camada visual e a camada dos agentes não são rivais. A mesma estrutura que as máquinas extraem sem ruído é a que os humanos leem em diagonal: responder primeiro é bom design para os dois leitores.
  • Verifique o que os agentes realmente consomem — sirva markup limpo, mantenha o conteúdo fora da renderização no lado do cliente e acompanhe seus logs, porque a audiência de agentes é mensurável de um jeito que a “impressão de marca” nunca foi.

O leitor que não renderiza nada

O ofício do design pressupõe um olho. Tipografia, espaçamento, movimento — a disciplina inteira conduz a atenção por um campo visual. O leitor-agente não tem campo visual. Ele recebe seu HTML como texto, gasta nele um orçamento rígido de tokens, extrai o que responde à pergunta do usuário e cita ou parafraseia você para alguém que talvez nunca veja sua página.

Isso não é uma leitura degradada — é outro meio, com variáveis de ofício próprias:

  • A posição substitui a hierarquia visual. Em pipelines de busca única, o que aparece cedo é o que é lido antes de o orçamento de tokens truncar o resto; a recuperação em fragmentos pode salvar uma seção profunda que combine com a consulta, mas você não escolhe qual pipeline te lê, então uma conclusão enterrada a 80% da página só existe às vezes.
  • A estrutura substitui o layout. Títulos, listas e tabelas são interpretados como semântica, não estilizados como decoração. Uma <table> de versões e datas é legível por máquina de um jeito que os mesmos fatos espalhados por parágrafos nunca serão.
  • A autossuficiência substitui o fluxo. A prosa humana se constrói ao longo das seções; a extração pega cada seção isolada. Um parágrafo que começa com “como mencionado acima” é exportado como uma referência solta.
  • A explicitação substitui o contexto. “Última atualização: agosto de 2026” viaja junto com a afirmação citada. O frescor sugerido pelo resto da página, não.

O que os agentes realmente leem

A parte disso que a teoria não me deixaria adivinhar: os agentes têm gosto próprio para páginas. Meus últimos sete dias de logs de edge, as páginas com mais requisições de agentes:

Página Requisições de agentes (7 d)
/guides/hermes 2.591
/guides/suno 2.268
/guides/codex 2.042
/guides/claude-code 1.730
/guides/midjourney 1.548
um post comparativo (codex vs. claude code) 1.510
um post de nicho comparando frameworks 1.284

Os guias de referência lideram — o esperado, e eles também encabeçam o ranking humano. As linhas reveladoras são as comparações: páginas bem no fim do meu ranking humano que os assistentes puxam o tempo todo, porque “qual eu devo usar” é o que as pessoas perguntam aos assistentes. O assistente lê a comparação por elas e responde no chat. O humano nunca visita; o conteúdo mesmo assim fez seu trabalho.

A composição também importa. Pouco menos da metade do volume de agentes de ontem foi só do ChatGPT-User — 6.718 requisições, contra 4 do GPTBot, o crawler de treinamento da OpenAI. As varreduras de treinamento não sumiram (Bytespider e ClaudeBot somaram juntos cerca de 28% do dia), mas o maior leitor isolado, de longe, não é um scraper abastecendo um corpus. É o assistente de uma pessoa, buscando uma página porque alguém acabou de perguntar.

As regras de ofício

O que eu hoje cobro das páginas voltadas a agentes — ou seja, de todas elas:

1. Resposta primeiro, com força total. O parágrafo de abertura enuncia a resposta completa que o leitor veio buscar — não uma chamada, a resposta. Neste site, é um bloco de resposta estilizado; estruturalmente, é o resumo que a extração cita. Se um assistente ler só suas primeiras 200 palavras, ele deve sair de lá com sua conclusão, não com o seu pigarro.

2. Títulos são perguntas ou afirmações, não etiquetas. “Como o orçamento é truncado” ganha de “Contexto”. Títulos em forma de pergunta batem com a consulta que o assistente está respondendo, e cada seção sob um deles deveria resolvê-la sem se apoiar nas vizinhas. (Páginas de referência recebem a versão estrita dessa regra; ensaios — este incluído — trocam parte dela por voz, uma escolha deliberada sobre público, não um descuido.)

3. Fatos enumeráveis vão em tabelas. Versões, datas, compatibilidade, preços, comparações — qualquer coisa com linhas. Uma tabela sobrevive intacta à extração; os mesmos fatos em prosa voltam parafraseados, e a paráfrase é por onde os erros entram.

4. Date o que é perecível. Toda afirmação que pode apodrecer carrega a data no próprio texto — “em agosto de 2026” — porque o trecho citado viaja sem o contexto da sua página. A alternativa são seus números de dois anos atrás apresentados por um assistente como atuais, sob o seu nome.

5. Mantenha a substância fora da renderização no lado do cliente. A maioria dos agentes de recuperação lê o HTML servido. Conteúdo que se materializa via JavaScript é invisível para alguns dos seus maiores leitores — confira o que o curl enxerga, porque isso está mais perto da visão do agente do que o seu navegador.

6. Deixe a estrutura servir aos dois leitores. Nada disso briga com o design visual. Responder primeiro é como os humanos apressados leem em diagonal; títulos-pergunta são fáceis de varrer; tabelas ganham da prosa para as pessoas também. As disciplinas convergem, e essa é a parte tranquilizadora: o ofício que serve à extração é, quase todo ele, o ofício que respeita o tempo do leitor.

Medindo um público que você não consegue ver

O presente estranho da audiência de agentes é que ela é mais mensurável que a humana, não menos. Cada recuperação é uma requisição registrada com um user agent. Eu acompanho três coisas: o volume total de agentes por família (quem me lê), o ranking de páginas lidas por agentes contra o ranking humano (o que eles leem que os humanos não leem) e a tendência da proporção. Esses números mudaram minha estratégia de conteúdo mais do que qualquer gráfico de pageviews — são a razão de páginas comparativas e estrutura de referência receberem aqui um investimento que o “tempo na página” nunca justificaria.

O corolário desconfortável: nada dessa audiência de agentes aparece em analytics feitos para humanos. Se sua estratégia roda em cima de sessões e taxa de rejeição, a superfície de 40 para 1 é invisível, e você está otimizando o canal minoritário com o orçamento da maioria.

Perguntas frequentes

O que é uma superfície de agentes de IA?

É a versão do seu site consumida pelos assistentes de IA e seus agentes de recuperação — ChatGPT, Claude, Perplexity e seus robôs de busca —, que leem o HTML que você serve como texto estruturado, extraem respostas sob orçamentos de tokens e as repassam a usuários que muitas vezes nunca visitam a página. Em sites que medem isso, essa superfície pode ofuscar o tráfego humano; o meu roda em torno de 40 requisições de agentes por visita humana.

Como projetar conteúdo para agentes de IA?

Com aberturas que já entregam a conclusão completa, títulos em forma de pergunta com seções autossuficientes, tabelas para quaisquer fatos enumeráveis, datas no próprio texto nas afirmações perecíveis e a substância no HTML servido em vez da renderização no lado do cliente. A mesma estrutura serve aos humanos que leem em diagonal — os dois públicos recompensam a mesma disciplina.

Os agentes de IA leem páginas diferentes das que os visitantes humanos leem?

Sim, e dá para medir. Nos meus logs de edge, guias de referência e páginas comparativas atraem milhares de requisições de agentes por semana enquanto algumas mal registram visitas humanas — os assistentes puxam conteúdo do tipo “X vs. Y” para responder a perguntas de decisão no chat, então a página faz seu trabalho sem receber a visita. Comparar seu ranking de páginas lidas por agentes com o ranking humano mostra onde os dois públicos divergem.

Projetar para agentes prejudica a experiência humana?

Não — as exigências convergem. Estrutura com resposta primeiro, títulos honestos, tabelas e afirmações datadas já são a cara de um design respeitoso com humanos apressados. A camada visual (tipografia, espaçamento, movimento) continua sendo território inteiramente humano; a superfície dos agentes apenas torna mensurável a qualidade da camada estrutural.

Artigos relacionados

Gramática do movimento: quando a animação merece seus quadros

A animação de interface é uma linguagem com uma gramática enxuta: quatro faixas de duração, duas regras de easing e um t…

7 min de leitura

O cânone dos formulários: todo campo é uma pergunta

O design de formulários tem um cânone: uma coluna, rótulos visíveis, campos tolerantes, erros que ensinam e nunca perder…

10 min de leitura

Filosofia de design: Fumito Ueda, o design por subtração

Fumito Ueda fez três jogos em vinte anos, removendo tudo o que não servia a uma única emoção. O design por subtração, do…

8 min de leitura