HTML Umlaute kaputt: warum ä, ö und ü falsch angezeigt werden

Lesedauer: ca. 3 Minuten

Kaputte Umlaute gehören zu den Klassikern im Web. Statt ä, ö oder ü sieht man kryptische Zeichen oder Fragezeichen. Besonders ärgerlich ist, dass es manchmal lokal funktioniert und online plötzlich nicht mehr. In fast allen Fällen hat das nichts mit HTML selbst zu tun, sondern mit Zeichensätzen und Encodings.

Der wichtigste Begriff: Zeichensatz

Ein Zeichensatz legt fest, wie Buchstaben, Sonderzeichen und Symbole gespeichert werden. Wenn Browser, Server und Datei nicht den gleichen Zeichensatz verwenden, kommt es zu Darstellungsfehlern. Moderne Webseiten arbeiten praktisch immer mit UTF-8.

Das Problem entsteht, wenn eine Datei in einem anderen Encoding gespeichert ist oder der Browser ein falsches Encoding annimmt. Dann werden die Bytes falsch interpretiert, und aus Umlauten werden Sonderzeichen.

Der häufigste Fehler: meta charset fehlt oder ist falsch

In HTML gehört der Zeichensatz ganz nach oben in den Head-Bereich. Fehlt diese Angabe oder steht sie zu spät, rät der Browser. Das funktioniert manchmal, aber nicht zuverlässig.

Wenn du Umlaute siehst, die plötzlich kaputt sind, prüfe zuerst, ob ein korrektes meta charset gesetzt ist und ob es wirklich UTF-8 ist.

Zweiter Klassiker: Datei ist nicht als UTF-8 gespeichert

Selbst wenn im HTML UTF-8 steht, kann die Datei intern anders gespeichert sein. Viele Editoren erlauben verschiedene Encodings. Wird eine Datei z.B. als ISO-8859-1 gespeichert, aber als UTF-8 ausgeliefert, sind Umlaute garantiert kaputt.

Das passiert oft beim Kopieren alter Dateien oder beim Wechsel zwischen Editoren. Besonders tückisch: Der Code sieht völlig normal aus, nur die Darstellung im Browser ist falsch.

Server und Header nicht vergessen

Auch der Server kann Einfluss haben. Wenn der Webserver einen anderen Zeichensatz im HTTP-Header setzt als im HTML angegeben, gewinnt oft der Header. Dann ignoriert der Browser das meta charset.

Deshalb ist es wichtig, dass Server und HTML sich nicht widersprechen. Einheitlichkeit ist hier entscheidend.

Typische Symptome bei kaputten Umlauten

• ä wird zu ä
• ö wird zu ö
• ü wird zu ü
• ß erscheint als merkwürdiges Symbol
• Texte sehen lokal anders aus als online

Warum es manchmal nur einzelne Seiten betrifft

In größeren Projekten haben nicht immer alle Dateien das gleiche Encoding. Eine Seite funktioniert, die nächste nicht. Oft ist eine einzelne Datei in einem alten Zeichensatz gespeichert oder wurde aus einer anderen Quelle kopiert.

Auch Templates können eine Rolle spielen. Wenn ein Template korrekt ist, aber der eigentliche Content falsch gespeichert wurde, tauchen die Probleme nur an bestimmten Stellen auf.