Auditoria de site React
O Scanverra carrega seu app React da mesma forma que um navegador carrega e verifica o que está realmente na página antes e depois do JavaScript rodar - porque, para uma SPA renderizada no cliente, é nessa lacuna que vivem a maioria dos problemas de SEO.
O que verificamos para React
Cinco verificações específicas para a forma como aplicativos de página única renderizam e entregam conteúdo.
Conteúdo visível antes do JavaScript rodar
Se a resposta HTML inicial é uma <div id="root"></div> vazia e uma tag de script, ou tem conteúdo real que um rastreador sem um motor de JS ainda consegue ler.
Tamanho do bundle e code splitting
Um único bundle JavaScript grande entregue em toda rota, versus divisão por rota - JS de primeiro carregamento desnecessariamente pesado atrasa o momento em que a página se torna interativa.
Meta tags que só se atualizam no lado do cliente
Título e description definidos via document.title ou um gerenciador de head no lado do cliente após a montagem são invisíveis para qualquer coisa que não execute seu JavaScript primeiro.
Erros de console e error boundaries
Erros de renderização não tratados que derrubam uma visualização inteira, em vez de serem capturados e contidos por uma boundary ao redor da seção que falhou.
Estabilidade de layout na navegação do lado do cliente
Trocas de rota que substituem conteúdo sem reservar espaço para ele, causando uma mudança de layout depois que a página já parecia estável.
How it works
Três passos, da URL a correções específicas para SPA.
Cole a URL do seu app
Qualquer app React público - um build Vite, Create React App ou uma configuração feita à mão, todos funcionam da mesma forma.
Comparamos o HTML bruto com a página renderizada
A resposta inicial é comparada com o que aparece na tela depois que o React monta, que é exatamente onde vivem os problemas de SEO específicos de SPA.
Receba correções específicas para SPA
Sugestões escritas para um app renderizado no cliente - não conselhos genéricos que assumem que um servidor está fazendo a renderização por você.
Frequently asked questions
Meu app React é uma SPA puramente renderizada no cliente, sem framework de servidor - o Scanverra ainda consegue auditá-lo?
Sim. A auditoria carrega a página em um ambiente de navegador real e deixa seu JavaScript rodar antes de pontuá-la, da mesma forma que um visitante experimentaria - não precisa de renderização no servidor para funcionar.
Sinaliza uma <div id="root"> vazia como um problema?
Se nada relevante está presente no HTML antes do JavaScript ser executado, isso aparece como um problema de visibilidade de conteúdo e de SEO - não porque uma div root vazia seja algo inerentemente errado, mas porque qualquer coisa que não consiga ou não vá executar seu JS não vê nada ali.
O Scanverra consegue saber se estou usando Create React App ou Vite?
Ele detecta o React em si por meio de um amplo conjunto de sinais - o ponto de montagem id="root", padrões conhecidos de nomes de arquivos de bundle e hooks de ferramentas de desenvolvimento - independentemente de qual ferramenta de build os produziu. Ele não reporta um rótulo específico de toolchain nos seus resultados.
A auditoria realmente executa meu JavaScript, ou só busca o HTML?
Ela executa uma renderização completa em navegador, não uma busca estática de HTML, então vê sua página totalmente montada e hidratada - depois verifica separadamente o que existia antes desse JavaScript rodar.
Avisos ou erros de console do React vão afetar minha pontuação?
Sim. Erros de console fazem parte da pontuação de Boas Práticas, e um erro de renderização não capturado em um componente sem error boundary é uma das formas mais comuns pelas quais eles aparecem.
Outras auditorias por tecnologia
Next.js
App Router rendering, next/image, metadata API, and Core Web Vitals.
WordPress
Plugin bloat, render-blocking assets, version disclosure, and wp-json exposure.
Shopify
Liquid theme performance, app-script bloat, and storefront Core Web Vitals.
Auditoria de Site
Todas as verificações, para qualquer stack de tecnologia.
Descubra o que está faltando antes do seu JS rodar
Peso do bundle, meta tags, error boundaries e estabilidade de layout - avaliados da forma como um rastreador realmente vê seu app.
Run free audit