Headerhierarchie Titelbild

WP-KI-Anwendung: Header Hierarchie korrigieren

tl;dr: Eine korrekte Header-Hierarchie auf einer Seite ist für SEO und Accessibility wichtig. Oft kommt es aber während der Erstellung vor, dass Titel gelöscht, geändert oder verschoben werden – kurz: die Hierarchie stimmt nicht mehr. Im Blogeditor gibt es in der Listenansicht > Struktur eine schnelle Möglichkeit, Fehler zu erkennen. Elementor hat keinen Outliner, ausserdem geraten Aussehen und Hierarchie oft durcheinander. Also: warum nicht die AI anweisen, die Fehler anzuzeigen und auch zu korrigieren?

Das Setting

Dringende Empfehlung: Wir verwenden Novamira Pro als MCP, damit die AI auch alle Abilities hat um den Aufbau der Site mit Elementor Pro zu verstehen und ggf. zu manipulieren. Alle Manipulationen mit KI in WordPress sind potentiell gefährlich, was die Funktion und das Design der Website angeht. Daher sind diese Dinge ausschliesslich in Staging-Umgebungen durchzuführen. Genauere Hinweise findest du in den Beiträgen WordPress lokal installieren und KI in WordPress mit Novamira in diesem Blog.

Die Aufgabe: eine Website soll auf eine korrekte Header-Hierarchie überprüft werden. Fehler sollen behoben werden, wobei Änderungen durch den User zu bestätigen sind.

Die Aufgabe prompten

Die AI hatte Novamira Pro einfach nicht verwendet und damit die Elementor-Seiten auch nicht "verstanden". Nachdem das geklärt wurde kann ein ordentliches Audit beginnen. Das Ergebnis nach einem erneuten "go" kann dann zum Beispiel für eine Seite so aussehen:

verwedest du die novamira Elementor abilities für die Inhaltsprüfung?

…
Der kritischste Fix:
Die drei Landing Pages (für KMU, für Agenturen, für Grafiker) haben:

Keine H1
Nur leere H2s (das deuten auf fehlenden Text in der Title-Kontrolle hin)

Das ist deine Homepage-Navigation — Suchmaschinen können nicht verstehen, worum es geht.

Nächste Frage: Sind diese leeren H2s absichtlich leer (sprich: der Text sitzt anderswo im HTML), oder ist das ein Elementor-Widget-Bug, der den Title nicht rendert?
…

Ich interessiere mich für Fehler in der Header Struktur. Wie gehen wir vor das zu überprüfen?

Wie so oft war ich ungenau, die AI vermutet richtig, dass es sich um eine Semantische Prüfung handeln soll. Also ein wenig nachbessern:
"Header Struktur" ist mehrdeutig. Meinst du:

• Semantische Heading-Hierarchie (H1, H2, H3 — die SEO und Accessibility auswirken)?
• Navigation/Menü-Struktur im Header?
• HTTP-Response-Header (eher nicht relevant hier)?

Ich gehe davon aus, du meinst Heading-Hierarchie-Fehler (z.B. fehlende H1, mehrere H1s, H3 vor H2).

Der Weg:
1. tool_search für Novamira-Abilities aufrufen → sehen, ob eine Audit/Header-Scanning-Fähigkeit existiert
2. Falls ja: die direkt nutzen
3. Falls nein: über novamira/elementor-get-content mit full_dump: true auf einer Test-Seite den HTML-Baum auslesen und die Heading-Hierarchie analysieren
4. Optional: ein PHP-Skript via execute-php schreiben, das ALL Pages scannt (nicht nur eine)

Welche Seiten/Posts konkret verdächtigen dich denn? Oder wollen wir einen Full-Site-Scan?
Nochmalige Präzisierung und zwar doppelt: einerseits gebe ich die URL der lokalen Site an, andererseits den Namen des MCPs (hier novamira-werkform-lokal). Ich habe die Erweiterung Claude in Chrome installiert, die auch unter Vivaldi zufriedenstellend arbeitet. Damit kann Claude die Website "sehen" und es geht manchmal schneller.

Aber leider war ich noch immer nicht präzise genug, nach erneutem "go" folgendes:

wir verwenden https://werkform.local, also den MCP novamira-werkform-local. Ich meine die semantische Header Hierarchie

Mein Fehler war, nicht ausdrücklich genug gewesen zu sein:
…
Post 25100 (für KMU) hat massive Hierarchie-Fehler:
H1 vorhanden
H2, H2, H2, H2 (korrekt)
H2 → H4 Sprung bei "Alles aus einer Hand" (H3 fehlt)
H2 → H4 noch einmal
H4 → H5 am Ende
…
…
— das war ein Fehler. Ich bin direkt auf die Post-Meta _elementor_data gegangen statt novamira/elementor-get-content zu nutzen.

Der richtige Weg: novamira/elementor-get-content mit full_dump: true für jede Page aufrufen. Das gibt mir den strukturierten Widget-Baum mit allen Settings — nicht die rohe JSON.

Sollen wir das neu machen?
Ich würde dann:

• Für jede Published Page novamira/elementor-get-content (full_dump: true) aufrufen
• Die Heading-Widgets aus dem Baum extrahieren
• Denselben Audit laufen lassen, aber auf strukturierten Daten. Das ist zuverlässiger und gibt mir auch die Widget-IDs, falls wir später Fixes brauchen.
…

Jetzt funktioniert das. Wir haben mit Novamira Pro ein Tool, dass die Verbindung zwischen der KI und WordPress mit Elementor so herstellt, dass die logischen Fehler, die ich bei der Erstellung der Seiten begangen habe, auflistet. Das ist schon mal gut.

Die Reparatur starten

Fehler in der Hierarchie der Überschriften
Der gefundene Fehler: der H2 folgen in den Boxen 4 Überschriften der Ebene H4 nach. Das ist schlecht für SEO und Accessibility.

Wir sehen hier die Schlamperei bei der Umsetzung, die erkannt wurde: weil es schneller geht einen H-Level zu ändern wurden die Überschriften in den Boxen aus Designgründen auf H4 statt auf H3 eingestellt. Das wollen wir ändern:

Ausgabe nach der Reparatur
Das Reparaturprotokoll. Wir sehen in der Textausgabe das selbe wie im Bild: die angesprochenen Fehler wurden behoben.

Eine schnelle Behebung ohne den Kontext zu beachten wäre nicht zielführend, aber man sieht schon ganz gut, dass man strukturell eingebaute Fehler in der Überschriften-Hierarchie mit nur wenigen gezielten Prompts beheben kann.

Das Ergebnis rechts zeigt es: 6 Vorkommen eines H2-H4 Sprunges wurden korrigiert, indem die H4 auf eine H3 geändert wurde.

Nicht korrigiert wurde der 2. angezeigte Fehler: H3-H5 am Ende. Der Fehler liegt in der falschen Erstellung des CTA am Fuss der Seite: Diese Überschriften H4/H5 Überschreiben nichts, die wurden aus Bequemlichkeit verwendet um eine bestimmte Gestaltung zu erreichen.

Hier muss die Lösung sein, die Überschriften durch normale Absätze zu ersetzen. Da das CTA jedoch ein Modul ist, das mehrfach auf der Site auftaucht wird das nicht hier auf der Seite sondern zentral zu ändern sein.

Screenshot Korrektur h-Struktur

Wir starten mit der Reparatur nur im Post 25100. Entferne zuerst die H2->H4 Sprünge, indem du die H4 in H3 änderst.

Ich beschränke mich vorerst auf eine Seite, dazu gebe ich der KI die ID (geht schneller) und lasse nur die Sprünge H2-H4 ändern.

Nach erfolgter Änderung protokolliert die KI die Arbeit. Wir sehen die Zeile "Jetzt verifiziere ich die Struktur im Browser", dh die KI ruft in diesem Fall Vivaldi auf um sich das Ergebnis auch selbst anzusehen.

Fazit

Es gelingt auf dieser Elementor Site die Fehler in der Hierarchie aufzuspüren. Das ist schon mal sehr hilfreich. Durch die Abilities von Novamira Pro ist es aber auch möglich eine Korrektur durchführen zu lassen.
Was die KI nicht kann ist den Kontext zu erkennen, wo der Fehler aufgetreten ist (oder besser gesagt eingebaut wurde). Es hilft also nicht, einfach "repariere" an die KI zu schicken, wenn man die Probleme nicht richtig erkennt. Hat man aber genug Know-How kann man mit den hier eingesetzten Tools eine rasche und einfache Lösung erreichen.

Veröffentlicht am: 29. Juni 2026
Letztes Update am: 12. August 2026

Hinterlasse den ersten Kommentar