Fontia › Artigos › Sintomas e problemas

Site bonito, mas invisível para a IA: o problema dos sites em JavaScript

Por Rodrigo Lopes · Fontia · atualizado em 17/10/2026
Resposta rápidaMuitos sites modernos montam o conteúdo no navegador, via JavaScript, e entregam aos robôs uma página quase vazia. Vários rastreadores usados por ferramentas de IA leem principalmente esse HTML inicial, então podem não enxergar seus serviços, preços e diferenciais, e por isso não citam sua empresa. A correção passa por entregar o conteúdo já pronto no HTML (renderização no servidor ou pré-renderização) e por medir se as IAs passaram a mencionar sua marca.

Os sintomas de um site invisível para a IA

O site ficou caro, rápido e elegante. A agência entregou animações, filtros e um visual moderno. Mesmo assim, quando alguém pergunta ao ChatGPT ou ao Gemini por uma empresa como a sua, o nome dela não aparece.

Esse problema raramente chega com nome técnico. Ele aparece como sensação de que algo não fecha. Veja se você reconhece algum destes sinais:

Nenhum desses sintomas, sozinho, prova que o culpado é o JavaScript. Mas, se o seu site foi feito como aplicação moderna, ele é um dos primeiros suspeitos a investigar.

Por que um site em JavaScript pode sumir para a IA

Existem duas formas principais de entregar uma página. Na primeira, o servidor envia o HTML já com todo o texto. Na segunda, o servidor envia uma estrutura quase vazia e um arquivo de JavaScript que monta o conteúdo dentro do navegador do visitante.

Para uma pessoa, as duas formas parecem iguais. O navegador executa o código em frações de segundo e mostra a página completa. Para um robô, a diferença pode ser enorme.

O Google renderiza JavaScript, mas esse processo pode acontecer depois do rastreamento inicial e nem sempre captura tudo. Já muitos rastreadores ligados a ferramentas de IA, pelo que se observa na prática, leem principalmente o HTML que o servidor entrega e não executam o JavaScript como um navegador faria. Se o texto só existe depois da execução, esse robô encontra uma casca.

Memória do treino e busca na web: duas portas fechadas

As IAs respondem de dois jeitos. Sem busca, elas usam o que aprenderam no treinamento, a partir de páginas coletadas da web. Com busca, consultam resultados em tempo real e citam as páginas de onde tiraram a informação.

Um site que entrega HTML vazio pode ficar mal representado nas duas situações. Ele contribui pouco para o que o modelo aprende e oferece pouco texto para ser usado como fonte na hora da resposta. No caso do AI Overviews e do Modo IA do Google, que se apoiam no índice do Google, a renderização tende a ajudar, mas atrasos e conteúdo carregado só após cliques ainda podem deixar partes importantes de fora.

Teste em 10 minutos: seu site entrega texto ou casca?

Você não precisa ser desenvolvedor para fazer uma verificação inicial. Escolha três páginas: a home, a página do seu principal serviço ou produto e uma página de contato ou unidade.

  1. Veja o código-fonte. No computador, abra a página e use a opção de exibir código-fonte (Ctrl+U no Chrome). Procure com Ctrl+F uma frase que aparece na tela, como o nome do seu serviço principal. Se ela não estiver lá, o texto está sendo montado por JavaScript.
  2. Desative o JavaScript. Nas configurações do navegador, bloqueie JavaScript para o seu site e recarregue. Se a página ficar em branco ou só com o menu, esse é um retrato aproximado do que muitos robôs veem.
  3. Use a inspeção de URL do Google Search Console. O teste da versão publicada mostra o HTML renderizado e uma captura de tela. Compare com o que o visitante vê.
  4. Confira o robots.txt. Acesse seudominio.com.br/robots.txt e veja se há bloqueios a robôs de IA, como GPTBot, ClaudeBot ou Google-Extended. Às vezes o problema não é técnico de renderização, e sim uma regra esquecida.
  5. Verifique conteúdo escondido. Textos dentro de abas, acordeões que carregam ao clicar, imagens com texto e PDFs costumam ser lidos com mais dificuldade.

Se o teste 1 ou o teste 2 falharem nas páginas que mais importam, você encontrou um problema concreto. Leve o resultado à equipe técnica ou à agência que mantém o site.

Sintoma, causa provável e o que fazer

Use a tabela para organizar a conversa com quem cuida do site. Ela ajuda a separar o que é renderização do que é conteúdo ou reputação.

SintomaCausa provávelAção
Código-fonte não tem o texto da páginaRenderização só no navegadorAdotar renderização no servidor ou pré-renderização nas páginas principais
Página em branco com JavaScript desativadoAplicação de página única sem fallbackGerar versões estáticas das páginas de serviço, produto e contato
Preços ou unidades não aparecem para robôsDados carregados por chamada de API após o carregamentoIncluir as informações essenciais no HTML inicial
Título e descrição iguais em todas as páginasMetadados definidos por scriptGerar title e meta description únicos no servidor
Robôs de IA bloqueadosRegra no robots.txt ou no firewallRevisar quais robôs você quer permitir
Site lido corretamente, mas sem menções na IAFalta de conteúdo claro e de citações em outros sitesTrabalhar conteúdo, presença em terceiros e reputação

A última linha é importante. Corrigir a renderização remove um bloqueio, mas não garante citação. Se o seu caso é esse, vale ler sobre por que a IA pode ignorar um site com SEO bom.

Como corrigir sem jogar o site fora

A boa notícia: quase nunca é preciso refazer o projeto do zero. As soluções mais comuns mantêm o visual e mudam a forma como o HTML é entregue.

Renderização no servidor (SSR)

O servidor monta a página completa antes de enviar. O visitante continua tendo a experiência interativa, e o robô recebe o texto pronto. Frameworks populares, como Next.js e Nuxt, oferecem esse modo.

Geração estática (SSG)

As páginas são geradas como arquivos HTML no momento da publicação. Funciona muito bem para páginas que mudam pouco, como serviços, sobre a empresa e artigos.

Pré-renderização

Uma camada intermediária gera versões em HTML das páginas e as entrega aos robôs. É uma saída útil quando a mudança de arquitetura é cara, mas exige cuidado para que robôs e pessoas vejam o mesmo conteúdo.

Por onde começar

Priorize pelo impacto no negócio, não pela facilidade técnica:

HTML limpo não basta: o que a IA precisa encontrar

Depois que o texto chega ao robô, ele precisa ser útil. Uma página técnica perfeita com frases genéricas como soluções inovadoras para o seu negócio continua difícil de citar.

Pense nas perguntas que seus clientes fazem às IAs. Imagine, como exemplo, uma clínica de fisioterapia em Curitiba. Os pacientes perguntam coisas como:

Para ter chance de aparecer nessas respostas, o HTML da clínica precisa dizer, em texto claro, quais tratamentos oferece, em que bairro fica, quais convênios aceita e como funciona o atendimento. Dados estruturados ajudam a reforçar essas informações; veja quais importam no guia de schema markup para IA.

Um bom checklist para cada página importante:

Meça antes e depois da correção

Aqui está o erro mais comum: corrigir o site e nunca verificar se algo mudou nas respostas. Sem medição, você não sabe se o problema era mesmo o JavaScript, se era conteúdo ou se era reputação.

O caminho é registrar um ponto de partida. Quais perguntas importam para o seu negócio, se a sua marca aparece nelas, em que posição, com que tom e quais sites a IA usa como fonte. Depois da correção, você repete as mesmas perguntas e compara. As métricas que fazem sentido acompanhar estão em como medir a visibilidade da sua marca em IA.

Fazer isso manualmente é possível, mas trabalhoso, porque as respostas variam entre ChatGPT, Gemini, Claude e a busca com IA, e mudam conforme a IA usa ou não a web. A Fontia faz essa leitura de forma sistemática: roda as perguntas que seus clientes fazem, com e sem busca na web, e mostra menções, posição, sentimento e citações, lado a lado com concorrentes.

Isso ajuda a responder uma dúvida prática. Se, depois da correção técnica, seu site passa a aparecer como fonte nas respostas com busca, a renderização era parte do problema. Se continua ausente, o próximo passo é conteúdo e presença em outros sites. Os resultados tendem a vir de forma gradual, e acompanhar ao longo do tempo é o que mostra a tendência.

Próximos passos

Faça hoje o teste do código-fonte nas suas três páginas principais. Se o texto não aparecer, você tem um bloqueio técnico claro para levar à sua equipe ou agência.

Em paralelo, descubra onde a sua marca está agora nas respostas das IAs. O diagnóstico gratuito da Fontia mostra se você é mencionado, quais concorrentes aparecem no seu lugar e quais sites a IA usa como fonte, sem cadastro e sem cartão. Para entender o que o relatório traz, veja o que é o diagnóstico de visibilidade em IA.

Com esse ponto de partida, cada correção no site deixa de ser aposta e passa a ser algo que você consegue medir.

Descubra se a IA enxerga o seu site

O diagnóstico gratuito da Fontia mostra se ChatGPT, Gemini e Claude mencionam sua marca e quais sites usam como fonte no seu lugar. Sem cadastro e sem cartão, para você saber o ponto de partida antes de mexer no site.

Perguntas frequentes

Por que meu site não aparece no ChatGPT se ele está no Google?

O Google renderiza JavaScript, mas muitos rastreadores de IA leem principalmente o HTML inicial. Se o seu conteúdo é montado no navegador, esses robôs podem ver uma página quase vazia. Também pode haver falta de conteúdo claro ou de menções em outros sites.

Como sei se meu site é feito em JavaScript que esconde o conteúdo?

Abra o código-fonte da página (Ctrl+U) e procure uma frase que aparece na tela. Se ela não estiver no código, o texto é montado por JavaScript. Outra forma é desativar o JavaScript no navegador e ver se a página fica em branco.

Preciso refazer meu site para a IA conseguir ler?

Na maioria dos casos, não. Renderização no servidor, geração estática ou pré-renderização mantêm o visual e passam a entregar o texto pronto no HTML. Comece pelas páginas que mais geram receita.

Bloquear robôs de IA no robots.txt atrapalha minha visibilidade?

Pode atrapalhar, porque impede que esses robôs leiam suas páginas. Algumas empresas bloqueiam por engano ou por regra padrão de hospedagem. Revise o arquivo e decida conscientemente quais robôs quer permitir.

Corrigir o JavaScript garante que a IA vai recomendar minha empresa?

Não. A correção remove um bloqueio técnico, mas a recomendação depende também de conteúdo claro, reputação e citações em outros sites. O ideal é medir antes e depois para saber o efeito real.

Como acompanho se a IA passou a citar meu site depois da correção?

Defina as perguntas que seus clientes fazem às IAs e registre as respostas antes da mudança. Depois, repita as mesmas perguntas e compare menções, posição e fontes citadas. Um diagnóstico de visibilidade em IA faz essa comparação de forma organizada, inclusive com concorrentes.

Continue lendo