Audit de site React
Scanverra charge votre application React comme le fait un navigateur, et vérifie ce qui se trouve réellement dans la page avant et après l'exécution de JavaScript - car pour une SPA rendue côté client, c'est précisément là que se cachent la plupart des problèmes de SEO.
Ce que nous vérifions pour React
Cinq vérifications propres à la façon dont les applications monopage rendent et livrent le contenu.
Contenu visible avant l'exécution de JavaScript
Si la réponse HTML initiale est un simple <div id="root"></div> avec une balise script, ou si elle contient du contenu réel qu'un crawler sans moteur JS peut quand même lire.
Taille du bundle et découpage du code
Un unique gros bundle JavaScript livré sur chaque route, plutôt qu'un découpage par route - un poids JS de premier chargement inutilement élevé retarde le moment où la page devient interactive.
Balises meta mises à jour uniquement côté client
Un title et une description définis via document.title ou un gestionnaire de head côté client après le montage sont invisibles pour tout ce qui n'exécute pas d'abord votre JavaScript.
Erreurs console et limites d'erreur (error boundaries)
Des erreurs de rendu non gérées qui font tomber toute une vue au lieu d'être interceptées et contenues par une limite (error boundary) autour de la section défaillante.
Stabilité de la mise en page lors de la navigation côté client
Des changements de route qui remplacent le contenu sans réserver l'espace nécessaire, provoquant un décalage de mise en page après que la page semblait déjà stabilisée.
How it works
Trois étapes de l'URL aux corrections spécifiques aux SPA.
Collez l'URL de votre application
N'importe quelle application React publique - un build Vite, Create React App, ou une configuration maison fonctionnent tous de la même façon.
Nous comparons le HTML brut à la page rendue
La réponse initiale est comparée à ce qui s'affiche à l'écran une fois React monté, exactement là où se logent les problèmes SEO propres aux SPA.
Obtenez des corrections spécifiques aux SPA
Des suggestions rédigées pour une application rendue côté client - pas des conseils génériques qui supposent qu'un serveur fait le rendu à votre place.
Frequently asked questions
Mon application React est une SPA purement rendue côté client, sans framework serveur - Scanverra peut-il quand même l'auditer ?
Oui. L'audit charge la page dans un véritable environnement de navigateur et laisse votre JavaScript s'exécuter avant de la noter, exactement comme le vivrait un visiteur - il n'a pas besoin de rendu serveur pour fonctionner.
Signale-t-il un <div id="root"> vide comme un problème ?
Si rien de significatif n'est présent dans le HTML avant l'exécution de JavaScript, cela apparaît comme un problème de visibilité de contenu et de SEO - non pas parce qu'un div racine vide est intrinsèquement fautif, mais parce que tout ce qui ne peut pas ou ne veut pas exécuter votre JS n'y voit rien.
Scanverra peut-il détecter si j'utilise Create React App ou Vite ?
Il détecte React lui-même via un large éventail de signaux - le point de montage id="root", des motifs de noms de fichiers de bundle connus, et des hooks d'outillage de développement - quel que soit l'outil de build à l'origine. Il n'indique pas de nom précis d'outillage dans vos résultats.
L'audit exécute-t-il réellement mon JavaScript, ou se contente-t-il de récupérer le HTML ?
Il effectue un rendu complet en navigateur, pas une simple récupération de HTML statique, il voit donc votre page pleinement montée et hydratée - puis vérifie séparément ce qui existait avant l'exécution de ce JavaScript.
Les avertissements ou erreurs console de React affecteront-ils mon score ?
Oui. Les erreurs console font partie du score Bonnes pratiques, et une erreur de rendu non interceptée dans un composant sans limite d'erreur (error boundary) est l'une des façons les plus courantes dont elles se manifestent.
Autres audits par technologie
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.
Audit de site
Toutes les vérifications, pour n'importe quelle stack technique.
Découvrez ce qui manque avant l'exécution de votre JS
Poids du bundle, balises meta, limites d'erreur et stabilité de la mise en page - noté comme un crawler voit réellement votre application.
Run free audit