UTF-8-Charset deklarieren — Bolt

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

rocket_launch

In Bolt fixen

StackBlitz In-Browser AI-App-Builder mit WebContainers

Bolt-Projekte laufen in einem Browser-Container — File-Pfade sind echt, aber Deploy-Target variiert. Prompt unten in deinen Bolt-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 Bolt

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

In Bolt, please update my project with these exact changes:

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 Bolt

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

Der Prompt für Bolt

Warum das wichtig ist

So nutzt du diesen Prompt in Bolt

Typische Fehler vermeiden

Wie du prüfst ob der Fix geklappt hat

Häufige Fragen

Alle 34 Prompts passend zu deiner Bolt-Site?

Ähnliche Bolt-Prompts

lang-Attribut auf <html> setzen — Bolt

Viewport-Meta-Tag setzen — Bolt

Gzip- oder Brotli-Kompression aktivieren — Bolt

Hochauflösenden Favicon setzen — Bolt