Design & Inhaltsintegrität

Überwachung visueller Regression — Layout-Änderungen Pixel für Pixel erkennen.

Relvato erstellt Screenshots deiner Schlüsselseiten — Desktop und Mobil — und vergleicht sie Pixel für Pixel mit einer freigegebenen Referenz, damit eine überraschende Layout-Verschiebung durch ein Plugin- oder Theme-Update nie ungesehen bei deinen Besuchern ankommt.

Kostenlos starten Läuft auf jeder Website →

Eine erkannte Abweichung — Referenz, Aktuell und das hervorgehobene Diff nebeneinander, wie in Relvato.

Was es prüft

✓Schlüsselseiten als Screenshot auf Desktop und Mobil
✓Pixel-Vergleich mit einer freigegebenen Referenz
✓Gerendert in echtem Chrome, Firefox und Safari
✓Einstellbare Empfindlichkeit — lege fest, wie viel Änderung als Regression zählt
✓Masken für dynamische Bereiche (Karussells, Werbung, Zeitstempel)
✓Der exakt veränderte Bereich wird hervorgehoben

Warum es zählt

Eine CSS-Regression wirft keinen Fehler — die Seite lädt weiterhin, sie sieht nur kaputt aus: ein überlappender Header, ein zusammengebrochenes Raster, ein Button außerhalb des Bildschirms. Du fändest es nur, indem du nach jeder Änderung jede Seite ansiehst. Relvato tut genau das und zeigt dir den Unterschied.

Funktioniert auf jeder Website — von WordPress bis zu KI-erstellten Sites.

So funktioniert es

Erstellt bei jeder Änderung Screenshots deiner Schlüsselseiten in einem echten Browser, Desktop und Mobil.
Vergleicht jeden Screenshot Pixel für Pixel mit einer von dir freigegebenen Referenz und ignoriert maskierte Bereiche wie Karussells oder Werbung.
Markiert den exakt veränderten Bereich, sodass du auf einen Blick echte Fehler von einem gewollten Redesign unterscheidest.

Fragen, beantwortet

Wird nicht jede gewollte Änderung gemeldet?

Du gibst mit einem Klick eine neue Referenz frei, wenn eine Änderung gewollt ist, sodass nur nicht freigegebene Unterschiede alarmieren.

Brauche ich ein Plugin oder ein Code-Snippet auf meiner Website?

Nein. Visuelle Regression läuft vollständig von außen — Relvato erstellt Screenshots deiner öffentlichen Seiten in einem echten Browser, es gibt also nichts zu installieren und kein Skript hinzuzufügen. Der einzige Schritt ist eine einmalige Domain-Inhaberschaftsprüfung (ein Meta-Tag oder DNS-Eintrag) auf Nicht-WordPress-Seiten.

Kann ich bestimmte Bereiche einer Seite ignorieren lassen?

Ja. Du kannst dynamische Bereiche maskieren — Karussells, Anzeigen, Live-Zähler, Zeitstempel — sodass sie vom Pixelvergleich ausgeschlossen werden und nie einen Fehlalarm auslösen. Alles außerhalb der Masken wird weiterhin geprüft.

Verwandte Prüfungen

Struktur-Drift

Verschwundene Buttons, Felder und Abschnitte, gemeldet.

Defekte Links & Bilder

Keine 404s oder fehlenden Bilder auf deinen Schlüsselseiten.

Core Web Vitals

LCP, INP und CLS innerhalb der Google-Schwellen.

Visuelle Regression