UTF-8-Charset deklarieren — Cursor

Ohne expliziten Charset rendern Umlaute, Emojis und Non-ASCII in manchen Browsern/Crawlern als Gibberish.

rocket_launch

In Cursor fixen

Agentischer AI-Code-Editor auf VSCode-Basis

In Cursor editierst du echte Dateien — der Fix landet per direkten Diff statt neu generiertem Projekt. Prompt unten in deinen Cursor-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 Cursor

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

Apply these changes to my codebase. Edit the files directly and keep existing formatting:

Add charset declaration

1. Add <meta charset="utf-8"> as the first element in <head>.

Warum das wichtig ist

UTF-8 ist der Charset den alle unterstützen. Explizit deklarieren verhindert Browser-Rätselraten — und das Raten ist manchmal falsch, besonders bei Legacy-Setups.

AI-generierte HTML-Templates inkludieren das per Default, aber Micro-Edits können es droppen. Ein Quick-Check verhindert die "�"-Symbole überall.

So nutzt du diesen Prompt in Cursor

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

Typische Fehler vermeiden

error_outlineCharset-Meta nach dem Title — Browser re-parsen eventuell den Head, bremst Paint.
error_outline`iso-8859-1` auf modernen Sites — obsolet, bricht Emojis und Non-Latin.
error_outlineNur auf HTTP-Header verlassen — In-HTML-Deklaration als Safety-Net.

Wie du prüfst ob der Fix geklappt hat

check_circleQuelltext — `<meta charset="utf-8">` ist erstes Element im <head>.
check_circleLighthouse → SEO → "Document has a meta charset" besteht.
check_circleContent mit Umlauten, Akzenten, Emojis prüfen — alles rendert korrekt.

Häufige Fragen

UTF-8 gross oder klein?expand_more

Beides OK. Klein geschrieben ist Konvention.

Reicht HTTP-Charset-Header?expand_more

Meist ja, aber In-HTML-Meta ist Safety-Net wenn Header gestripped werden (z.B. lokales Viewing).

Alle 34 Prompts passend zu deiner Cursor-Site?

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

Site scannen

UTF-8-Charset deklarieren — Cursor

Der Prompt für Cursor

Warum das wichtig ist

So nutzt du diesen Prompt in Cursor

Typische Fehler vermeiden

Wie du prüfst ob der Fix geklappt hat

Häufige Fragen

Alle 34 Prompts passend zu deiner Cursor-Site?

Ähnliche Cursor-Prompts

lang-Attribut auf <html> setzen — Cursor

Viewport-Meta-Tag setzen — Cursor

Gzip- oder Brotli-Kompression aktivieren — Cursor

Hochauflösenden Favicon setzen — Cursor