Technik·Claude Code
TechnikClaude Code

lang-Attribut auf <html> setzen — Claude Code

Fehlendes lang-Attribut: Screen Reader nutzen falsche Aussprache und Google servert falsches Sprach-Markt.

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:

LovableCursorBoltv0ReplitWindsurfClaude CodeBase44

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:

Add lang attribute to HTML

1. Add lang="en" (or the correct language) to the <html> tag.

Warum das wichtig ist

Das lang-Attribut sagt Browsern, Screen Readern und Suchmaschinen welche Sprache. Ohne nutzen Screen Reader OS-Default (oft falsch), und Google identifiziert den Zielmarkt möglicherweise falsch.

Bei mehrsprachigen Sites: lang korrekt pro Locale setzen und hreflang-Tags für Alternates. So entscheidet Google welche Version er deutschsprachigen vs. englischsprachigen Usern servert.

So nutzt du diesen Prompt in Claude Code

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

Typische Fehler vermeiden

  • error_outlineDefault `lang="en"` auf deutscher Site lassen — Google servert englische User.
  • error_outlinelang vergessen zu updaten beim i18n-Support hinzufügen.
  • error_outline`lang="en-US"` für globale englische Site — en-US ist OK, aber `en` reicht.

Wie du prüfst ob der Fix geklappt hat

  • check_circleQuelltext — `<html lang="...">` passt zur Content-Sprache.
  • check_circleLighthouse Accessibility → "HTML has a lang attribute" besteht.
  • check_circleGoogle Search Console → International Targeting Report — passt zur Absicht.

Häufige Fragen

en oder en-US?expand_more
Beides OK. en-US für US-spezifisch; en allgemein. Beide bestehen A11y.
Wie gehe ich mit mehrsprachigen Seiten um?expand_more
Ein `lang` pro Seite passend zum Content. hreflang-Tags im Head für Sprachverlinkung.

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

Ähnliche Claude Code-Prompts

Technik

Viewport-Meta-Tag setzen — Claude Code

Prompt um den mobile-friendly Viewport-Meta-Tag zu setzen — Pflicht für Googles Mobile-First-Indexing.

Technik

UTF-8-Charset deklarieren — Claude Code

Prompt um <meta charset="utf-8"> am <head>-Anfang zu setzen — gegen kaputte Zeichen.

Technik

Gzip- oder Brotli-Kompression aktivieren — Claude Code

Prompt um Kompression am Hosting zu aktivieren damit HTML, CSS, JS 5-10x schneller übertragen.

Technik

Hochauflösenden Favicon setzen — Claude Code

Stack-spezifischer Prompt für einen Favicon der in Browser-Tabs und Google-Ergebnissen korrekt erscheint.

Mehr im Glossar erfahrenarrow_forward