H1-Tag fixen — genau eine pro Seite — Claude Code

Mehrere H1s verwirren Crawler über das Thema. Null H1s zwingt Google aus schwächeren Signalen zu raten. Beides schadet dem Ranking — und beides ist typisch in AI-generierten Apps.

rocket_launch

In Claude Code fixen

Anthropics offizieller Terminal-Coding-Agent

Claude Code kann zuerst den ganzen Codebase greppen, die Änderung planen, dann jede betroffene Datei editieren. Prompt unten in deinen Claude Code-Chat einfügen und der Fix rollt in einem Rutsch über das ganze Projekt aus.

Anderes Tool? Wähle deinen Stack:

Lovable Cursor Bolt v0 Replit Windsurf Claude Code Base44

Der Prompt für Claude Code

Diesen Text exakt so in deinen Claude Code-Chat kopieren und einfügen.

Run Claude Code in the project root and make these exact changes, scanning the whole codebase first:

Fix the H1 tag

1. Make sure every page has exactly one <h1> tag.
2. Put the main keyword inside the H1.
3. Use <h2>/<h3> for subsections instead of multiple H1s.

Warum das wichtig ist

Die H1 ist für Crawler und Screen Reader der strukturelle Titel der Seite. Eine saubere Heading-Hierarchie (eine H1, darunter H2s, darunter H3s) ist wie Google versteht worum es geht und zu welcher Query die Seite passt.

AI-Code-Generatoren produzieren häufig Seiten mit einem gestylten div das wie Heading aussieht aber keins ist — oder zwei H1s weil Hero und Section-Titel gleich markiert wurden. Einzeln keine Katastrophe, aber in Kombi mit anderen Mini-Issues deckelt es dein Ranking-Potenzial.

H1 fixen ist der billigste On-Page-SEO-Win überhaupt. Unter eine Minute pro Seite, direkter Nutzen für Ranking und Accessibility.

So nutzt du diesen Prompt in Claude Code

1. Dein Claude Code-Projekt öffnen.
2. Prompt oben mit Copy-Button kopieren.
3. In Claude Code-Chat einfügen und senden.
4. Diff reviewen, Änderungen akzeptieren, neu deployen.
5. Fix mit der Checkliste unten verifizieren.

Typische Fehler vermeiden

error_outlineZwei H1s weil Logo und Seitentitel beide <h1> sind.
error_outlineH1 zum Stylen (grosser Text) nutzen statt für Struktur, dann ist keine echte H1 da.
error_outlineH1 generisch wie "Welcome" oder "Home" statt beschreibender Phrase.
error_outlineVon H1 direkt zu H3 springen ohne H2 dazwischen.

Wie du prüfst ob der Fix geklappt hat

check_circleRechtsklick → Untersuchen, `document.querySelectorAll("h1").length` in Console — muss auf jeder Seite 1 sein.
check_circleQuelltext anzeigen und prüfen dass H1 dein Hauptkeyword enthält.
check_circleLighthouse → Accessibility — "Heading order" muss bestehen.
check_circleScreaming-Frog-Crawl → H1-Tab → keine fehlenden, keine doppelten, keine mehrfachen.

Häufige Fragen

Mehrere H1s auf modernem HTML5 erlaubt?expand_more

HTML5-Spec erlaubt mehrere H1s in Sectioning-Elementen technisch, aber Google, Screen Reader und SEO-Tools erwarten weiter eine H1 pro Seite. Bei einer bleiben.

Sollte H1 zum Title-Tag passen?expand_more

Ähnlich, nicht identisch. Der Title ist fürs SERP, die H1 für den On-Page-Leser. Leichte Variation ist natürlich.

Darf das Logo die H1 sein?expand_more

Nur auf der Homepage und nur wenn das Logo den Brand als Text enthält. Auch dann bevorzugen die meisten SEOs eine beschreibende H1 unter dem Logo.

Alle 34 Prompts passend zu deiner Claude Code-Site?

Pantra scannt deine Site in 10 Sekunden, erkennt den Stack und generiert genau die Prompts die passen — nur die du brauchst.

Site scannen

H1-Tag fixen — genau eine pro Seite — Claude Code

Der Prompt für Claude Code

Warum das wichtig ist

So nutzt du diesen Prompt in Claude Code

Typische Fehler vermeiden

Wie du prüfst ob der Fix geklappt hat

Häufige Fragen

Alle 34 Prompts passend zu deiner Claude Code-Site?

Ähnliche Claude Code-Prompts

Einen einzigartigen <title>-Tag pro Seite setzen — Claude Code

Einzigartige Meta-Descriptions auf jede Seite — Claude Code

Sitemap.xml generieren die alle Routen abdeckt — Claude Code

Robots.txt einrichten die Such- und AI-Crawler erlaubt — Claude Code