Como fazer o robô da IA enxergar sua página e sua busca
Este guia é para quem vende produtos com tamanho, cor ou modelo variados, como uma loja de tênis de corrida. Você vai entender por que a IA às vezes lê a página do seu produto vazia, mesmo com preço e estoque certos na tela.
Alexandre Caramaschi
Founder da Brasil GEO, ex-CMO da Semantix (Nasdaq), cofundador da AI Brasil
Cenário: uma loja de tênis de corrida faz um teste simples. Desliga os efeitos de tela do navegador (o JavaScript) numa página de produto e recarrega. O preço some, o tamanho some, a disponibilidade some. É exatamente essa página vazia que a maioria dos assistentes de IA enxerga, não a versão bonita que o cliente vê depois.
O teste do JavaScript desligado
- Pegue uma PDP da sua lojaDe preferência uma de maior receita.
- Desligue o JavaScript no navegador e recarregueSem render no cliente.
- Veja o que sumiuO preço, as variantes e a disponibilidade que desapareceram.
- Essa é a página que o crawler vêA versão crua que o agente usa para decidir se você entra na resposta.
Isso não tem nada a ver com preço nem com palavra-chave de busca. O robô que lê o site para a IA (o crawler) lê só o texto que chega pronto. Ele não espera os efeitos que montam o resto da página depois. Mais de 60% das buscas hoje terminam sem nenhum clique, e a resposta pronta da IA já aparece em 14% das buscas de compra. A página do produto virou fonte que a IA cita ou ignora.
Por que a IA às vezes vê sua página vazia?
É porque o robô da IA lê o texto que chega pronto e, na maioria das vezes, não espera os efeitos de tela carregarem o resto. O que só aparece depois que o navegador termina de montar a página não existe para esse robô.
Servir a página pronta desde o início (chamado de renderização no servidor) garante que o essencial já vem junto: nome do produto, descrição, preço, tamanho disponível e avaliação. Sites que montam tudo depois, no navegador do cliente, entregam uma página quase vazia no começo. Para a pessoa funciona, porque o navegador espera. Para o robô da IA, o conteúdo não estava lá na hora de ler.
Isso não é detalhe técnico, é a diferença entre aparecer ou não na resposta da IA. Se um assistente recomenda três tênis de corrida e o seu fica de fora, pode não ser por preço nem por qualidade. Pode ser porque o robô não conseguiu ler o preço e o tamanho. Perdeu porque a página escondeu a informação.
O que precisa aparecer assim que a página carrega?
É tudo que o cliente usaria para decidir e tudo que a IA precisa para comparar. Preço com a moeda escrita, lista de tamanhos com o que está disponível, característica técnica, resumo da política de troca e as avaliações. Se algum desses dados só aparece depois de um clique, ele corre o risco de nunca ser lido.
O que precisa estar no HTML inicial
A consequência é dura para muitas lojas: o costume de carregar avaliação, pergunta e característica só quando a pessoa clica numa aba precisa mudar. Não porque a aba seja ruim para quem compra, mas porque o conteúdo que só chega com o clique fica fora do alcance do robô da IA.
Teste: desligar o JavaScript na PDP
- SePreço, variantes e disponibilidade somem ao desligar o JavaScriptentãoÉ exatamente a página crua que o crawler de IA usa para decidir, e você perde a citação por arquitetura.
- SeO conteúdo essencial permanece no HTML inicialentãoO agente lê preço e estoque e a sua oferta pode entrar na resposta gerada.
Por que informação escondida numa aba pode sumir para a IA?
Ela some quando só é carregada depois que a pessoa clica. Ela continua visível quando já está no texto da página, só escondida por estilo visual. Essa diferença técnica decide tudo.
Existe uma confusão comum aqui. Esconder visualmente um texto que já está na página costuma ser lido pelo robô da IA sem problema. O que atrapalha é quando o conteúdo nem existe no texto até a pessoa clicar. Como o robô não clica em nada, esse conteúdo nunca chega a ser lido.
Oculto por CSS ou injetado ao clique
Carregado ao clique
- O conteúdo nem está no documento até o usuário clicar
- Uma requisição busca o texto e o injeta
- O agente não clica: o conteúdo nunca entra na leitura
Presente no HTML
- Texto no documento, escondido visualmente com CSS
- O crawler costuma ler
- A aba vira recurso visual de organização
A regra prática é simples: se a sua aba precisa de uma nova busca na internet para mostrar a informação técnica, essa informação não existe para a IA. Coloque o essencial no texto que já carrega com a página, e use a aba só para organizar visualmente.
Isso vale ainda mais para o que decide a compra: tabela de medidas, compatibilidade, ingrediente, voltagem, prazo de entrega. Esconder esses dados atrás de um clique é abrir mão de ser citado quando o cliente perguntar isso para a IA.
Como escrever títulos que a IA gosta de citar?
Escreva o título da seção como uma pergunta, com a resposta direta logo abaixo. A IA copia trechos que respondem perguntas diretas, e uma página que já antecipa a dúvida do comprador entrega o formato que ela mais reaproveita.
Em vez de um genérico "Especificações", escreva "Esse tênis serve para correr no asfalto?" e responda em uma ou duas frases. Em vez de "Informações", use "Quanto tempo dura a bateria?". A página passa a falar a língua da pergunta, a mesma que o cliente usa ao perguntar para o assistente de IA.
Como ajudar a IA a não confundir os dados do produto?
A resposta é um código técnico chamado JSON-LD, que entrega a informação já organizada e sem ambiguidade. Ele reduz o risco de a IA ler o dado errado, como confundir o valor da parcela com o preço à vista.
O texto legível resolve a maior parte, mas esse código elimina qualquer dúvida. Um bloco chamado Product com Offer traz preço, moeda e disponibilidade, e evita que a IA confunda parcela com valor total. Outro bloco, o AggregateRating, mostra a nota e o número de avaliações sem ambiguidade. Um terceiro, o FAQPage, marca as perguntas e respostas que você já escreveu.
Três blocos de JSON-LD que desambiguam
| Tipo de schema | O que comunica | Erro comum que ele evita |
|---|---|---|
| Product | Identidade, marca e categoria do item | Produto confundido com variante ou kit |
| Offer | Preço, moeda e disponibilidade | Parcela lida como preço total |
| AggregateRating | Nota média e número de avaliações | Reputação ignorada na comparação |
| FAQPage | Perguntas e respostas do produto | Dúvida real não associada à fonte |
A regra que não se negocia: esse código precisa dizer a mesma coisa que a tela. Um código dizendo "em estoque" enquanto a tela diz "esgotado" é pior do que não ter código nenhum, porque quebra a confiança da IA na sua página inteira. Ser coerente é o que constrói essa confiança.
Vale a pena caprichar na avaliação do cliente?
Vale, e muito. Avaliação solta diz pouco. Avaliação com nota por característica, tamanho comprado, tipo de uso e foto alimenta tanto a comparação que a IA faz quanto a busca dentro do seu site. Quanto mais detalhe, mais a IA consegue dizer "esse modelo é elogiado por quem tem pé largo", que é o tipo de resposta que vende.
A busca dentro do seu site ainda importa?
Importa mais do que antes. Quem chega vindo de uma IA já sabe o que quer, e uma busca fraca dentro do site desperdiça essa vontade em segundos. A busca virou a continuação da conversa que começou no assistente de IA.
O cliente descobriu o produto fora do seu site, na resposta da IA. Mas quando ele clica, já está procurando algo específico. Se a sua busca só acha a palavra exata, ela falha bem na hora em que o cliente usa as próprias palavras, soltas e humanas. Uma busca que entende o sentido da frase, aceita foto e aceita voz resolve isso.
Onde entra o assistente de chat dentro do site?
Ele entra no fechamento da venda. Depois que a IA trouxe o cliente e a busca ajudou a achar o produto, entra o assistente de chat do próprio site. Ele tira dúvida de compatibilidade, sugere o tamanho certo e remove a última dúvida antes da compra, usando o mesmo conteúdo organizado da página do produto.
A loja que trata a página do produto e a busca como parte da estrutura da venda aparece mais nas respostas de IA. Ela vende mais para quem chega por elas. As outras continuam investindo em telas bonitas que a IA nunca consegue ler.
O que precisa estar no HTML inicial
- 1Título e descrição do produtoServidos no primeiro byte, sem depender de render.
- 2Preço com moeda explícita e variantesLista de variações com seus estados de estoque.
- 3Atributos técnicos e políticasFrete e devolução resumidos em texto recuperável.
- 4Avaliações e JSON-LDProduct com Offer desambigua preço, moeda e disponibilidade.
O que fazer hoje
Volte à loja de tênis do início: o teste do JavaScript desligado mostrou o que a IA não vê. Faça esse teste nas dez páginas de produto que mais vendem na sua loja. Liste o que sumiu e mova cada informação para o texto que já carrega com a página.
Depois, reescreva os títulos das seções como perguntas e confira se o código técnico da página bate com o que aparece na tela. A IA não perdoa a página que ela não consegue ler.
Perguntas frequentes
Por que servir a página pronta desde o início ajuda a IA?
Porque a maioria dos robôs de IA lê o texto como ele chega e não espera os efeitos de tela carregarem o resto. Se o conteúdo só aparece depois que o navegador termina de montar a página, a IA não vê.
Conteúdo escondido numa aba atrapalha a IA?
Atrapalha quando esse conteúdo só é criado depois que a pessoa clica. Se ele já está no texto da página, mesmo escondido visualmente, o robô da IA costuma ler sem problema. O problema é só carregar sob demanda.
Qual código técnico não pode faltar na página do produto?
O bloco Product com Offer (preço, moeda e disponibilidade), o AggregateRating quando há avaliação, e o FAQPage para as dúvidas mais comuns do produto. Tudo precisa bater com o que aparece na tela.
A busca dentro do site ainda importa se o cliente já veio de uma IA?
Importa mais. Quem chega de uma IA já sabe o que quer, e uma busca que entende o sentido da frase é o que evita que ele saia sem comprar.
Por que a descoberta saiu do site
Para levar deste guia
-
A loja de tênis do início deste guia descobriu no teste que a página que a IA vê é diferente da que o cliente vê. Servir a página pronta desde o início resolve isso.
-
Preço, tamanho, estoque e característica precisam estar no texto que já carrega com a página, nunca escondidos atrás de aba que só abre com clique.
-
Título de seção em forma de pergunta, com a resposta logo abaixo, aumenta a chance de a IA citar a sua página.
-
Quem chega de uma IA já sabe o que quer. Uma busca dentro do site que entende o sentido da frase aproveita essa vontade antes que o cliente desista.
Cursos para aprofundar
Formações gratuitas do portal de educação de Alexandre Caramaschi, fundador da Brasil GEO.
SEO para IAs (GEO (Generative Engine Optimization))
Curso de 25 módulos com o framework completo para a sua marca ser citada por ChatGPT, Gemini e outros motores de resposta.
Curso gratuitoGEO Intent Mapping
Mapeie prompts reais e vácuos de citação para descobrir onde a demanda descrita neste guia ainda não tem dono nas IAs.
Leve a decisão para o seu contexto
Este guia mostra o caminho; os números da sua loja mostram o tamanho do problema. As calculadoras do portal fazem essa conta com os seus dados, e a Onclick mostra como um backoffice integrado sustenta essa rotina no dia a dia.