Chatbot com IA no site: quanto pesa e o que muda no Google

Um chatbot para site é aquele balão no canto da tela que abre uma conversa com o visitante e responde sozinho, sem uma pessoa do outro lado. Até pouco tempo, quase todo chatbot seguia um roteiro fixo de botões. Hoje as principais plataformas também oferecem a versão com IA, que lê as páginas, os PDFs ou o catálogo da empresa e escreve a resposta na hora.

Os textos que aparecem primeiro nessa busca são, quase todos, de quem vende o chatbot, e falam de atendimento 24 horas e de captar contatos. Aqui o assunto é o outro lado: o que o chat faz com o seu site. Ele não melhora a posição das páginas no Google, pesa no carregamento, pode atrapalhar quem navega pelo celular e recebe dados pessoais. Nada disso impede de ter um. Só muda o jeito de instalar.

Que tipos de chatbot de site existem hoje?

São três, e muitas empresas usam dois ao mesmo tempo, com o robô na primeira linha e uma pessoa assumindo quando ele não sabe a resposta.

O chatbot com IA é tão bom quanto o material que ele lê. Se a página de trocas está desatualizada, o robô repete o erro com educação, para cada cliente que perguntar.

Como colocar um chatbot no site?

Há três caminhos, do mais comum ao mais leve.

1. Plataforma de atendimento. Você cria a conta, alimenta o robô com o endereço do site ou com documentos e cola um trecho de código no rodapé (ou instala o plugin, no WordPress). O balão passa a vir do servidor da plataforma.
2. Chat do próprio construtor de sites. No Wix, o Wix Smart Chat entra pelo App Market e tem um modo com IA que responde usando o conteúdo do site; o antigo Chat de Site com IA deixou de ser instalado em sites novos em março de 2026. Na Shopify, o Shopify Inbox tem um agente opcional que responde com base no catálogo, nas políticas e nas páginas publicadas da loja.
3. WhatsApp como canal. Um link no formato https://wa.me/55DDDNUMERO abre a conversa direto no aplicativo, sem nenhum script na página. A ajuda do WhatsApp pede o número completo, com o código do país e sem zeros, parênteses ou traços, e aceita uma mensagem pronta no parâmetro ?text=. Se houver robô, ele roda dentro do WhatsApp, fora do site.

Antes de colar qualquer código, decida para que o chat serve (vender, tirar dúvida ou fazer triagem), separe o material que ele vai ler e teste com 20 perguntas que os clientes já fizeram por e-mail ou telefone. Escreva nas regras do robô que responder "não sei" e chamar uma pessoa é permitido, porque um robô com IA às vezes inventa uma resposta convincente. E não ligue o bot a nenhum sistema que ele não precise acessar, já que um visitante mal-intencionado pode tentar convencê-lo a sair das regras.

Quanto ao preço, os valores mudam rápido. Consultadas em 29/10/2026, as páginas oficiais mostravam isto: a Tidio tem plano grátis com 50 conversas por mês; o JivoChat tem plano grátis para até 5 atendentes, mas o agente de IA é cobrado à parte, por R$ 343 mensais; o Chatbase não tem plano grátis e começa em US$ 32 por mês na cobrança anual.

O chatbot ajuda o site a aparecer no Google?

Não. Segundo o guia do Google para desenvolvedores, a Busca não interage com a página: o robô não clica, não rola e não digita. Toda resposta do chatbot nasce de uma pergunta digitada numa conversa que o Google nunca abre, então nada do que o robô explica entra no índice. O mesmo vale para os robôs que buscam páginas para as respostas das IAs: eles leem o HTML que o servidor entrega, e a conversa não está nele.

Na prática, isso leva a duas regras:

• Informação importante mora numa página. Preço, horário, endereço, prazo de entrega e política de troca precisam estar escritos no texto da página, não só na conversa. Para conferir, veja o texto e os títulos que um robô sem JavaScript recebe da sua página.
• O histórico do chat é uma lista de pautas. As conversas mostram as dúvidas com as palavras do cliente, não com as da empresa. Pergunta que aparece toda semana merece resposta numa página de serviço ou numa seção de perguntas frequentes. Se o seu bot lê o próprio site, a mesma página melhora as respostas dele e a chance de aparecer na busca. Para escolher quais dúvidas viram texto, use o método para descobrir o que o público digita sem pagar ferramenta.

Para ser citado nas respostas das IAs, o caminho é o mesmo de qualquer página: estar no índice e ter o texto à vista. O passo a passo está no post sobre os ajustes para o site entrar nas respostas com link do ChatGPT.

Quanto o widget de chat pesa na página?

Widget é o nome do componente pronto que você embute na página, como o balão do chat. Ele é um script de terceiro: um arquivo de JavaScript que vem do servidor de outra empresa e, quase sempre, carrega em toda página do site, inclusive nos posts do blog em que ninguém vai abrir conversa. Segundo o web.dev, do Google, embeds de terceiros costumam trazer mais de 100 KB de JavaScript e às vezes chegam a 2 MB.

O web.dev dá três orientações para esse tipo de arquivo:

• Remova o que não traz valor claro. Se o chat recebe três conversas por mês, talvez um link para o WhatsApp resolva.
• Use async ou defer sempre que o script não for necessário para desenhar a página. Com eles, o navegador baixa o arquivo sem parar a exibição.
• Não confie só nisso. O próprio web.dev avisa que async não resolve tudo: o script continua rodando depois e ocupa o processador do celular.

É esse processador ocupado que atrasa a resposta ao toque, medida pelo INP, enquanto o arquivo baixado no começo disputa espaço com a imagem principal, medida pelo LCP. O diagnóstico completo, com os limites de cada métrica, está no guia sobre os tempos de carregamento e de resposta ao toque.

Carregar o chat só no clique

A técnica que o Google descreve para isso se chama fachada (facade, em inglês). No lugar do widget, a página mostra um botão leve, com a mesma cara do balão. Quando o mouse passa por cima, o navegador já abre conexão com o servidor do chat. Só no clique o botão é trocado pelo chat de verdade. A documentação do Chrome cita Intercom, Drift, Help Scout e Messenger como exemplos e aponta uma biblioteca aberta que faz isso, a React Live Chat Loader.

Há um custo: a fachada não faz tudo o que o widget faz. A documentação cita o aviso de mensagem nova, que só aparece depois que o chat real carrega. A verificação automática que sugeria fachadas saiu do Lighthouse na versão 13, mas a técnica continua valendo.

Se a sua plataforma não oferece algo parecido nas configurações, há dois atalhos sem programar: mostrar o chat só nas páginas em que ele faz sentido (contato, preços, carrinho) e deixar o blog sem ele.

O que o código-fonte de 10 sites com chat mostrou?

Em 29/10/2026, a gente leu o HTML sem executar JavaScript de duas páginas (a inicial e uma de serviço) de 10 empresas brasileiras de hospedagem e de contabilidade online que anunciam atendimento por chat. É uma amostra pequena, escolhida por busca pública, e mostra só o que vem no código, não o que o navegador baixa depois.

• Em 3 dos 10, o código do chat estava no HTML, e nas duas páginas lidas. Ou seja, ele vai para o site inteiro.
• Nesses 3, o chat não travava a exibição: um vinha com async, outro com defer e o terceiro só carregava depois que o site montava a tela. Mas esse terceiro também pedia ao navegador, com preload, que baixasse o widget logo no início, em toda página, para quem abre a conversa e para quem nunca vai abrir.
• Nos outros 7, nenhum código de chat aparecia no HTML. No total, 7 dos 10 traziam o Gerenciador de Tags do Google, que pode adicionar chat, pixels e outros scripts depois que a página abre. Isso tira esses arquivos do caminho da primeira exibição, mas esconde o peso de quem só olha o código-fonte.
• 5 dos 10 tinham link direto para o WhatsApp na página inicial, a forma mais leve de oferecer conversa.
• O vilão nem sempre era o chat. Num dos sites, eram 12 scripts do próprio site no topo da página, sem async nem defer.

A lição prática: para saber quanto o chat custa, não basta abrir o código. É preciso medir a página com ele ligado e desligado.

O balão do chat atrapalha quem navega?

Pode atrapalhar, principalmente no celular, onde o balão ocupa um canto de uma tela que já é pequena. As diretrizes de acessibilidade do W3C (WCAG 2.2) têm três critérios que pegam o chat de frente:

• Nada pode esconder por inteiro o item em que a pessoa está. O critério 2.4.11 diz que um elemento que recebe o foco do teclado não pode ficar totalmente coberto por conteúdo do site. A explicação do W3C cita banners de cookies e rodapés fixos como causas comuns e dá o exemplo de um chat que se fecha com a tecla Esc.
• Alvo de pelo menos 24 por 24 pixels. É o mínimo do critério 2.5.8 para botões, incluindo o de fechar o chat.
• Tela de 320 pixels de largura. O critério 1.4.10 pede que o conteúdo caiba nessa largura sem rolagem para o lado, o que equivale a uma tela de computador com zoom de 400%.

Na prática, confira se o balão não cobre o botão de aceitar cookies, o botão do WhatsApp ou o "Comprar" na versão de celular, e se a janela não abre sozinha por cima do texto. Teste também sem mouse: a tecla Tab precisa chegar ao balão e a Esc precisa fechá-lo.

Que dados pessoais passam pela conversa?

Tudo o que o visitante digita e identifica alguém, como nome, telefone, e-mail ou CPF, é dado pessoal pela LGPD (Lei 13.709/2018). Pela lei, a sua empresa é a controladora, quem decide o que fazer com esses dados. A plataforma de chat é a operadora, que trata os dados em seu nome e deve seguir as suas instruções (artigos 5º e 39).

Quatro pontos da lei pesam no chat:

• Necessidade (art. 6º, III): colete o mínimo para a finalidade. Para responder sobre prazo de entrega, o robô não precisa do CPF.
• Transparência (art. 6º, VI, e art. 9º): a política de privacidade deve dizer que as conversas ficam guardadas, por qual empresa e para quê.
• Dado sensível (art. 5º, II): saúde, religião e biometria têm regras mais rígidas. Uma clínica não deveria deixar o robô perguntar sintomas.
• Segurança (art. 46): quem guarda as conversas precisa protegê-las de acesso indevido. Pergunte ao fornecedor onde ficam os registros e por quanto tempo.

Se o widget grava cookies no navegador do visitante, ele também entra na política e no banner de cookies. A ANPD, autoridade de proteção de dados, publicou em 18/10/2022 um guia orientativo sobre cookies com recomendações para esses dois instrumentos.

Como medir o chat do seu site nesta semana?

1. Passe a página inicial pela análise gratuita. Ela aponta quantos domínios de terceiros entregam JavaScript, os arquivos que travam a primeira exibição e o peso total da página.
2. Rode o PageSpeed Insights duas vezes: uma com o chat ligado e outra com ele desligado no painel da plataforma. A diferença é o custo do chat.
3. Abra a página no celular e procure o que o balão cobre. Depois, navegue só com Tab e Esc.
4. Exporte as perguntas do último mês e marque quais já têm resposta escrita numa página. As que não têm são o próximo texto do site.
5. Leia a política de privacidade e confira se ela cita o chat e a empresa que guarda as conversas.