Technik·Windsurf
TechnikWindsurf

lang-Attribut auf <html> setzen — Windsurf

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

rocket_launch

In Windsurf fixen

Codeium agentische AI-IDE mit Cascade

Windsurf Cascade kann das ganze Projekt durchlaufen und Multi-File-Edits in einem Rutsch anwenden. Prompt unten in deinen Windsurf-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 Windsurf

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

Using Windsurf Cascade, apply these edits across the project in one pass:

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 Windsurf

  1. 1. Dein Windsurf-Projekt öffnen.
  2. 2. Prompt oben mit Copy-Button kopieren.
  3. 3. In Windsurf-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 Windsurf-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 Windsurf-Prompts

Technik

Viewport-Meta-Tag setzen — Windsurf

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

Technik

UTF-8-Charset deklarieren — Windsurf

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

Technik

Gzip- oder Brotli-Kompression aktivieren — Windsurf

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

Technik

Hochauflösenden Favicon setzen — Windsurf

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

Mehr im Glossar erfahrenarrow_forward