Auditoría web para React
Scanverra carga tu aplicación React del mismo modo que lo hace un navegador y comprueba qué hay realmente en la página antes y después de que se ejecute JavaScript - porque en una SPA renderizada en cliente, esa brecha es donde viven la mayoría de los problemas de SEO.
Qué comprobamos en React
Cinco comprobaciones específicas sobre cómo las aplicaciones de página única renderizan y entregan contenido.
Contenido visible antes de que se ejecute JavaScript
Si la respuesta HTML inicial es un <div id="root"></div> vacío y una etiqueta script, o tiene contenido real que un rastreador sin motor JS aún puede leer.
Tamaño del bundle y división de código
Un único bundle de JavaScript grande enviado en cada ruta frente a la división basada en rutas - un JS de primera carga innecesariamente pesado retrasa el momento en que la página se vuelve interactiva.
Metaetiquetas que solo se actualizan en el cliente
El título y la descripción establecidos mediante document.title o un gestor de head del lado del cliente después del montaje son invisibles para cualquier cosa que no ejecute primero tu JavaScript.
Errores de consola y límites de error
Errores de renderizado no gestionados que tumban toda una vista en lugar de ser capturados y contenidos por un límite (error boundary) alrededor de la sección que falló.
Estabilidad del diseño en la navegación del lado del cliente
Cambios de ruta que sustituyen el contenido sin reservar espacio para él, provocando un cambio de diseño después de que la página ya parecía estable.
How it works
Tres pasos desde la URL hasta correcciones específicas para SPA.
Pega la URL de tu aplicación
Cualquier aplicación React pública - un build de Vite, Create React App o una configuración hecha a mano funcionan todos igual.
Comparamos el HTML crudo con la página renderizada
La respuesta inicial se compara con lo que se ve en pantalla después de que React se monta, que es exactamente donde viven los problemas de SEO específicos de las SPA.
Obtén correcciones específicas para SPA
Sugerencias escritas para una aplicación renderizada en cliente - no consejos genéricos que asumen que un servidor está haciendo el renderizado por ti.
Frequently asked questions
Mi aplicación React es una SPA puramente renderizada en cliente sin framework de servidor - ¿puede Scanverra auditarla igualmente?
Sí. La auditoría carga la página en un entorno de navegador real y deja que tu JavaScript se ejecute antes de puntuarla, del mismo modo que lo experimentaría un visitante - no necesita renderizado en servidor para funcionar.
¿Señala un <div id="root"> vacío como un problema?
Si no hay nada significativo presente en el HTML antes de que se ejecute JavaScript, eso aparece como un problema de visibilidad de contenido y de SEO - no porque un div raíz vacío sea intrínsecamente incorrecto, sino porque cualquier cosa que no pueda o no vaya a ejecutar tu JS no ve nada allí.
¿Puede Scanverra saber si uso Create React App o Vite?
Detecta React mismo a través de un amplio conjunto de señales - el punto de montaje id="root", patrones de nombres de archivo de bundle conocidos y hooks de herramientas de desarrollo - independientemente de qué herramienta de build los produjo. No reporta una etiqueta específica de la cadena de herramientas en tus resultados.
¿La auditoría realmente ejecuta mi JavaScript, o solo obtiene el HTML?
Ejecuta un renderizado completo en navegador, no una simple obtención de HTML estático, así que ve tu página completamente montada e hidratada - y por separado comprueba qué existía antes de que se ejecutara ese JavaScript.
¿Las advertencias o errores de consola de React afectarán mi puntuación?
Sí. Los errores de consola forman parte de la puntuación de Buenas prácticas, y un error de renderizado no capturado en un componente sin límite de error es una de las formas más habituales en que aparecen.
Otras auditorías por tecnología
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.
Auditoría web
Todas las comprobaciones, para cualquier stack tecnológico.
Descubre qué falta antes de que se ejecute tu JS
Peso del bundle, metaetiquetas, límites de error y estabilidad del diseño - puntuado tal como un rastreador realmente ve tu aplicación.
Run free audit