React-Website-Audit
Scanverra lädt deine React-App genau wie ein Browser und prüft, was vor und nach dem Ausführen von JavaScript tatsächlich auf der Seite steht - denn bei einer client-gerenderten SPA steckt genau in dieser Lücke der Großteil der SEO-Probleme.
Was wir für React prüfen
Fünf Prüfungen speziell dafür, wie Single-Page-Apps rendern und Inhalte ausliefern.
Sichtbarer Inhalt, bevor JavaScript läuft
Ob die anfängliche HTML-Antwort nur ein leeres <div id="root"></div> mit einem Script-Tag ist, oder echten Inhalt enthält, den ein Crawler ohne JS-Engine noch lesen kann.
Bundle-Größe und Code-Splitting
Ein einzelnes großes JavaScript-Bundle, das auf jeder Route ausgeliefert wird, im Vergleich zu routenbasiertem Splitting - unnötig schweres First-Load-JS verzögert den Zeitpunkt, ab dem die Seite interaktiv wird.
Meta-Tags, die nur client-seitig aktualisiert werden
Title und Description, die via document.title oder einem client-seitigen Head-Manager nach dem Mount gesetzt werden, sind für alles unsichtbar, was dein JavaScript nicht vorher ausführt.
Konsolenfehler und Error Boundaries
Unbehandelte Render-Fehler, die eine ganze Ansicht lahmlegen, statt von einer Boundary rund um den fehlgeschlagenen Abschnitt abgefangen und eingedämmt zu werden.
Layout-Stabilität bei client-seitiger Navigation
Routenwechsel, die Inhalte austauschen, ohne Platz dafür zu reservieren, was zu Layout-Shift führt, nachdem die Seite bereits stabil wirkte.
How it works
Drei Schritte von der URL zu SPA-spezifischen Fixes.
URL deiner App einfügen
Jede öffentliche React-App - ein Vite-Build, Create React App oder ein selbst gebautes Setup funktionieren alle gleich.
Wir vergleichen rohes HTML mit der gerenderten Seite
Die anfängliche Antwort wird mit dem verglichen, was nach dem Mounten von React auf dem Bildschirm zu sehen ist - genau dort stecken SPA-spezifische SEO-Probleme.
SPA-spezifische Fixes erhalten
Vorschläge, geschrieben für eine client-gerenderte App - keine allgemeinen Ratschläge, die davon ausgehen, dass ein Server das Rendering für dich übernimmt.
Frequently asked questions
Meine React-App ist eine reine client-gerenderte SPA ohne Server-Framework - kann Scanverra sie trotzdem prüfen?
Ja. Das Audit lädt die Seite in einer echten Browser-Umgebung und lässt dein JavaScript laufen, bevor es bewertet wird - genau so, wie es ein Besucher erleben würde. Es benötigt kein Server-Rendering, um zu funktionieren.
Wird ein leeres <div id="root"> als Problem markiert?
Wenn im HTML vor der Ausführung von JavaScript nichts Sinnvolles vorhanden ist, erscheint das als Content-Visibility- und SEO-Problem - nicht weil ein leeres Root-Div grundsätzlich falsch ist, sondern weil alles, was dein JS nicht ausführen kann oder will, dort nichts sieht.
Kann Scanverra erkennen, ob ich Create React App oder Vite nutze?
Es erkennt React selbst anhand einer Vielzahl von Signalen - dem id="root"-Mount-Point, bekannten Bundle-Dateinamensmustern und Dev-Tooling-Hooks -, unabhängig davon, welches Build-Tool sie erzeugt hat. Es meldet kein konkretes Toolchain-Label in deinen Ergebnissen.
Führt das Audit tatsächlich mein JavaScript aus, oder holt es nur das HTML ab?
Es führt ein vollständiges Browser-Rendering durch, keinen statischen HTML-Abruf, sieht also deine vollständig gemountete und hydratisierte Seite - und prüft separat, was vor der Ausführung dieses JavaScripts vorhanden war.
Wirken sich React-Konsolenwarnungen oder -fehler auf meinen Score aus?
Ja. Konsolenfehler sind Teil des Best-Practices-Scores, und ein unbehandelter Render-Fehler in einer Komponente ohne Error Boundary ist eine der häufigeren Arten, wie sie auftreten.
Weitere Technologie-Audits
Finde heraus, was fehlt, bevor dein JS läuft
Bundle-Gewicht, Meta-Tags, Error Boundaries und Layout-Stabilität - bewertet so, wie ein Crawler deine App tatsächlich sieht.
Run free audit