O Google e a pesquisa por IA conseguem ler uma página de preços exclusiva em JavaScript?
O Google consegue ler páginas de preços exclusivamente em JavaScript, mas você ainda deve colocar os nomes dos planos, preços e limites principais no HTML inicial da página. A renderização do Google pode ser adiada ou incompleta, e o Google alerta que nem todos os robôs conseguem executar JavaScript.
O risco não é o fato de o Google não conseguir executar JavaScript
O Google usa uma versão moderna do Chromium para renderizar JavaScript. No entanto, ele processa as páginas em estágios: primeiro busca a página, depois a renderiza e, em seguida, usa o conteúdo renderizado para indexação. O Google afirma que uma página pode aguardar na fila de renderização por segundos ou mais. Se um script ou recurso da página for bloqueado — ou se o script falhar ao carregar os detalhes de preços —, o Google pode não ver o conteúdo que você vê no seu navegador. O guia de SEO para JavaScript do Google e o guia de solução de problemas de JavaScript explicam esses limites. (developers.google.com)
Isso cria um risco comercial: sua página de preços pode parecer completa para um visitante, mas entregar um shell vazio ou detalhes de planos incompletos a um rastreador. Se um preço ou limite de uso estiver faltando na versão renderizada pelo Google, o Google afirma que não pode indexar esse conteúdo ausente. Os recursos de IA do Google também dependem das mesmas bases essenciais de SEO, incluindo ter uma página indexada e conteúdo importante disponível como texto. (developers.google.com)
A pesquisa por IA adiciona mais um motivo para não depender de uma única configuração de renderização. O Google diz que alguns robôs não conseguem executar JavaScript, enquanto a OpenAI identifica o OAI-SearchBot como o rastreador usado para exibir sites na Pesquisa do ChatGPT. Não assuma que todos os sistemas de pesquisa veem uma página da mesma forma que o navegador de um cliente. Guia de SEO para JavaScript do Google Documentação de rastreadores da OpenAI. (developers.google.com)
Priorize as correções: o HTML inicial vence
- Melhor opção: coloque os nomes dos planos, preços, termos de faturamento e principais limites no HTML inicial. A página deve enviar esses fatos antes que o navegador execute o JavaScript.
- Em seguida: use JavaScript para interações. Deixe-o lidar com coisas como um alternador mensal/anual ou um botão de cadastro.
- Não confie apenas em uma verificação no navegador. Ver os preços no seu laptop prova que o seu navegador os carregou. Isso não mostra o que o Google ou outro rastreador recebeu.
Esta abordagem é uma correção pequena e focada para muitos sites de SaaS. Você não precisa reconstruir todas as páginas ou adicionar marcações especiais de "IA". O Google afirma que seus recursos de IA não têm requisitos técnicos extras nem schema especial; sua orientação é seguir os mesmos fundamentos básicos de SEO e disponibilizar o conteúdo importante como texto. Orientações sobre os recursos de IA do Google. (developers.google.com)
Uma página de três planos: o risco em dólares e horas
Imagine que um SaaS de três pessoas tenha um site de marketing de 30 páginas. Sua página de preços recebe 120 cliques orgânicos por mês, de acordo com o Search Console. A página exibe três planos apenas após a execução do JavaScript:
| Plano | Preço | Limite principal |
|---|---|---|
| Solo | $19/mês | 1 usuário, 3 projetos |
| Team | $49/mês | 5 usuários, 20 projetos |
| Scale | $99/mês | 15 usuários, projetos ilimitados |
Estes são exemplos de preços e limites; use a sua oferta real. O ponto principal é que a página precisa expor esses detalhes em formato de texto — e não apenas desenhá-los após a execução de um script. Se um rastreador perder o plano Team de $49 ou seu limite de 5 usuários, ele poderá não entender a oferta o suficiente para corresponder a página a pesquisas sobre esse preço ou limite. Isso é um risco de descobribilidade, e não uma afirmação de que a ausência de um preço garante a perda de posições no ranking.
Aqui está uma verificação simples de custos. Se um cliente que teria escolhido o plano de $49 não o encontrar ou não o entender, isso representa $588 em receita de assinatura ao longo de 12 meses. Isso é matemática, não uma previsão. Para um orçamento de implementação de exemplo, reserve 30 minutos para o fundador confirmar o texto exato do plano e duas horas de desenvolvedor para a alteração e verificação da página. Considerando um custo interno estimado de desenvolvedor de $100 por hora, isso representa $200 em tempo.
A correção se aplica a uma página de preços, e não a todas as 30 páginas. Para este exemplo, é um investimento razoável: coloque a oferta real na primeira resposta e, em seguida, permita que o JavaScript adicione as partes interativas.
A instrução de uma frase para o desenvolvedor
Por favor, faça com que o servidor envie os nomes dos planos, preços, termos de faturamento e limites principais na primeira resposta da página, para que estejam presentes antes que o navegador execute o JavaScript.
Mantenha os mesmos fatos na página visível e no HTML inicial, para que clientes e rastreadores não recebam preços conflitantes.
Verifique a página renderizada no Google Search Console
Esta semana, inspecione a URL de preços no Search Console:
- Cole a URL completa da página de preços na barra de pesquisa do Search Console.
- Clique em Testar URL ao vivo.
- Clique em Ver página testada.
- Abra a aba HTML e pesquise por cada nome de plano, preço, período de faturamento e limite principal.
O guia de Ajuda do Google confirma que Ver página testada exibe o HTML renderizado; o teste ao vivo também pode mostrar uma captura de tela da página renderizada. Instruções do Google para visualizar o código-fonte renderizado. (support.google.com)
Se a captura de tela mostrar os cards, mas o HTML estiver sem o texto, a página precisa da correção de HTML inicial. Se o HTML renderizado contiver todos os três planos e seus termos, o Google poderá ver esses detalhes nesse teste. Isso verifica a renderização do Google; não indica como cada rastreador de IA lidará com a página.
Quem deve pular a publicação de preços exatos: um SaaS que intencionalmente vende apenas planos corporativos com preços personalizados. Em vez disso, coloque "Preços personalizados" e um caminho claro de contato de vendas no HTML inicial.
**Sua próxima ação esta semana: execute a Inspeção de URL na sua página de preços e pesquise no HTML renderizado por todos os três nomes de planos, preços e limites.
Auto