Beispiel: Ein visuelles Modul erzeugt eine falsche Überschriftenhierarchie
Ein Page-Builder kann jede groß dargestellte Modulüberschrift als H1 ausgeben. Auf der Seite erscheinen dadurch mehrere gleichrangige Hauptüberschriften, obwohl die Redaktion eine logische Unterteilung erwartet. Ein ähnlicher Effekt entsteht, wenn versteckte Desktop- und Mobilvarianten zugleich im Dokument bleiben.
Die auslösende Stelle finden
Öffnen Sie die Überschriftenliste im gerenderten Dokument und ordnen Sie jeden Eintrag dem sichtbaren Modul zu. Prüfen Sie die Konfiguration des HTML-Tags getrennt von Schriftgröße und Gestaltung. Vergleichen Sie die Ausgabe bei verschiedenen Bildschirmbreiten und mit dynamisch geöffneten Bereichen.
Einen begrenzten Fix prüfen
Trennen Sie im Modul die semantische Ebene von der visuellen Größe. Die eigentliche Seitenüberschrift erhält ihre klare Rolle; Abschnittsüberschriften passen sich dem Inhaltsaufbau an. Entfernen Sie doppelte Varianten nur dann, wenn dadurch keine benötigte mobile oder zugängliche Darstellung verloren geht.
Prüfen Sie die korrigierte Komponente auf mehreren Seiten, auf denen sie eingesetzt wird. Ein Modul, das auf einer Landingpage als H2 funktioniert, kann in einer tieferen Artikelstruktur H3 benötigen. Die gewählte Lösung sollte diese Einbettung erlauben, statt erneut eine starre globale Ebene festzuschreiben.
Symptome im Audit
- wichtige Inhalte erscheinen erst nach JavaScript
- Überschriftenstruktur ist inkonsistent
- Bilder oder Links fehlen im gerenderten HTML
So prüfen Sie die Ursache
- 1. gerendertes HTML mit Quellcode vergleichen
- 2. Builder-Komponenten einzeln testen
- 3. Template für mobile und Desktop prüfen
Fix-Route
- kritische Inhalte serverseitig ausgeben
- Heading- und Bild-Komponenten standardisieren
- Builder-spezifische SEO-Felder pflegen