ForHosting KIT · Monitorar sites

Site em JavaScript não aparece no Google?

O prerender do KIT carrega sua página em um navegador real, executa o JavaScript e devolve o HTML completo, do jeito que o visitante vê. É a saída para sites em React, Vue ou Angular cujo conteúdo não aparece para o Google, para robôs de redes sociais ou para outros sistemas.

● Estávelpor URLUS$ 0,040

Executar — US$ 0,040 + US$ 0,001/URL Ver a API

Use pelo WebAPIE-mailApp em breveTelegram em breve

Rode online

Rode nos nossos servidores com a sua conta. As ferramentas grátis rodam no seu navegador; esta aqui é descontada do seu saldo do KIT pelo preço acima.

O sintoma: página no ar, Google vendo um vazio

Sites feitos em React, Vue, Angular ou outro framework montam o conteúdo no navegador, via JavaScript. O visitante vê tudo; um robô que não executa JavaScript recebe um HTML quase vazio — uma div e uma lista de scripts. O Google até renderiza JavaScript, mas em fila própria e sem prazo garantido; robôs de redes sociais e a maioria dos outros crawlers nem tentam. O resultado você conhece: produto que não indexa, prévia de link em branco no WhatsApp e conteúdo invisível justamente para quem importa.

O que a chamada devolve

Você envia a URL e recebe de volta o HTML final, com o JavaScript já executado — o mesmo documento que o visitante veria, agora em texto estático. O navegador espera o carregamento da página, com tempo limite de 30 segundos por URL, e o processamento roda como tarefa assíncrona: você consulta o resultado pelo task_id e guarda o HTML onde quiser — no seu servidor, num bucket, num cache.

Como servir o HTML pronto aos robôs

O caminho clássico: seu servidor identifica pelo user-agent quando a visita é de um robô (Googlebot, bots de redes sociais) e entrega o HTML pré-renderizado; visitantes de carne e osso continuam recebendo o site normal. Gere o HTML das páginas importantes, guarde em cache e renove quando publicar conteúdo novo — não a cada visita. E uma regra inegociável: o conteúdo servido ao robô deve ser o mesmo que o usuário vê. É isso que separa o prerender legítimo de truque de cloaking.

Conta de padaria: quanto custa manter o cache quente

Cada chamada custa US$ 0,040, mais US$ 0,001 por URL. Re-gerar o HTML de 25 páginas sai por US$ 0,065 a rodada; fazendo isso duas vezes por semana, o mês fecha em torno de US$ 0,52 — sem mensalidade nem contrato. Compare com reescrever o site inteiro para renderização no servidor: semanas de projeto contra uma chamada de API. O prerender não substitui uma boa arquitetura para sempre, mas resolve o problema de indexação hoje, enquanto o site evolui no seu ritmo.

Casos de uso

O cliente cobrou: “meu site não aparece no Google”

A TecnoSul Soluções Digitais ME entregou um site institucional em React e, um mês depois, veio a reclamação: nenhuma página interna indexada. Em vez de reescrever o projeto, a equipe passou a servir o HTML pré-renderizado ao Googlebot. As páginas entraram no índice sem mexer no código do site.

Prévia de link decente no WhatsApp

Um catálogo em JavaScript compartilhado no WhatsApp mostrava prévia em branco — sem foto, sem título. Com o HTML pré-renderizado, as meta tags de imagem e descrição passam a existir para o robô que monta a prévia, e o link compartilhado exibe o produto com foto e preço.

Classificados com milhares de anúncios

Um portal de imóveis de Belo Horizonte publica anúncios que nascem e morrem toda semana, tudo montado em JavaScript. Pré-renderizando as páginas novas assim que entram no ar, cada anúncio chega ao Google com o conteúdo completo — endereço, preço, fotos — em vez de esperar a fila de renderização.

Solução-ponte durante a migração

Márcia Regina Oliveira herdou uma loja em Angular com SEO fraco e orçamento curto. Enquanto planeja a migração para renderização no servidor, mantém o prerender das 30 páginas que mais vendem. O tráfego orgânico não fica refém do cronograma do projeto.

Perguntas frequentes

Isso não é cloaking? O Google não penaliza?

Cloaking é mostrar ao robô um conteúdo diferente do que o usuário vê. O prerender entrega o mesmo conteúdo, só que já montado. Servir HTML pré-renderizado a robôs — o chamado dynamic rendering — é uma técnica que o próprio Google documenta como solução de transição para sites em JavaScript. A regra de ouro: nunca sirva ao robô nada que o visitante não veria.

Meu site em Next.js com SSR precisa de prerender?

Provavelmente não: se o seu servidor já entrega HTML completo, o problema que o prerender resolve não existe aí. Ele serve para sites que renderizam só no navegador — React sem SSR, Vue, Angular, apps mais antigos — e para quem não pode migrar de arquitetura agora.

De quanto em quanto tempo eu preciso re-gerar o HTML?

Depende de quanto a página muda. Conteúdo institucional aguenta semanas com o mesmo cache; página de produto com preço e estoque pede renovação diária ou a cada alteração. Uma boa prática: dispare a re-geração no seu fluxo de publicação, junto com o conteúdo novo.

Quanto sai por mês para um site pequeno?

O preço é por uso, em dólar: US$ 0,040 por chamada e US$ 0,001 por URL. Um site de 15 páginas re-gerado toda semana fica em cerca de US$ 0,22 por mês. Não tem plano, franquia nem cobrança escondida — a conta é essa e acabou.

Como funciona o pagamento? Vocês emitem nota fiscal?

O pagamento é via PayPal, que aceita os principais cartões — Pix ainda não entra, e preferimos avisar logo. Nota fiscal brasileira não faz parte do fluxo, porque o serviço não é prestado por empresa brasileira: o que você recebe é o comprovante do PayPal com o valor em dólar. Leve ao seu contador, que ele sabe lançar despesa do exterior.

O que vocês fazem com o HTML das minhas páginas?

Ele existe para você: fica disponível como resultado da sua tarefa, e é você quem decide onde armazenar e como servir. Não reaproveitamos nem analisamos o conteúdo renderizado para nenhuma outra finalidade.

Dá para pré-renderizar o site inteiro de uma vez?

A ferramenta trabalha por URL, com lotes de até 25 páginas por tarefa. Para um site maior, divida em lotes — categorias primeiro, produtos depois — e priorize as páginas que trazem tráfego. Não vale a pena pagar para re-gerar página que ninguém busca.

Para desenvolvedores — acesso via API

Tudo nesta página está disponível via API. Esta seção é para equipes que querem integrar a ferramenta aos próprios sistemas; quem não precisa disso pode simplesmente usar a ferramenta acima.

Endpoint

POSThttps://api.kit.forhosting.com/web/prerender

Autenticação por token Bearer. Um único POST coloca a tarefa na fila; o resultado chega por webhook ou link assinado.

Chame do seu código

curl -X POST https://api.kit.forhosting.com/web/prerender \
  -H "Authorization: Bearer $KIT_KEY" \
  -H "Content-Type: application/json" \
  -d &#39;{"url":"https://ejemplo.com"}'

const res = await fetch("https://api.kit.forhosting.com/web/prerender", {
  method: "POST",
  headers: {
    "Authorization": `Bearer ${process.env.KIT_KEY}`,
    "Content-Type": "application/json"
  },
  body: JSON.stringify({
    "url": "https://ejemplo.com"
  })
});
const { task_id } = await res.json();

import os, requests

res = requests.post(
    "https://api.kit.forhosting.com/web/prerender",
    headers={"Authorization": f"Bearer {os.environ[&#39;KIT_KEY']}"},
    json={
    "url": "https://ejemplo.com"
},
)
task_id = res.json()["task_id"]

<?php
$res = file_get_contents("https://api.kit.forhosting.com/web/prerender", false, stream_context_create([
  "http" => [
    "method"  => "POST",
    "header"  => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
    "content" => &#39;{"url":"https://ejemplo.com"}',
  ],
]));
$task = json_decode($res, true);

body := bytes.NewBufferString(`{"url":"https://ejemplo.com"}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/web/prerender", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)

Exemplo de requisição

{
  "url": "https://ejemplo.com"
}

Exemplo de resposta

{
  "task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
  "type": "web.prerender",
  "status": "queued",
  "_links": {
    "result": "/tasks/tsk_…/result"
  }
}

A API é assíncrona: cada chamada devolve um task_id na hora. Se preferir polling, consulte o status a até 1 requisição por segundo.

Preço

por chamadaUS$ 0,040

por URLUS$ 0,001

Preço publicado, sem tokens nem créditos escondidos. Tarefa que falha não é cobrada.

Limites

`timeout_sec`	30
`max_crawl_pages`	25

Erros

HTTP	Código	O que significa
`401`	`unauthorized`	Token ausente ou inválido. Confira o header Authorization.
`402`	`insufficient_balance`	Saldo insuficiente para esta tarefa. Faça uma recarga e tente de novo.
`404`	`unknown_type`	Esse tipo de tarefa não existe. Confira o campo type no catálogo.
`429`	`rate_limited`	Muitas requisições em pouco tempo. Espere um instante e tente de novo.
`422`	`task_failed`	A tarefa falhou do nosso lado. Você não paga nada por ela.

Ver a documentação completa do KIT →