Die Charset-Deklaration fehlt oder tritt zu spät im HTML-Code auf.

Server und Browser kommunizieren miteinander, indem sie Daten in Byte über den Internet. Wenn der Server nicht vorgibt, welches Zeichencodierungsformat verwendet wird, wenn er eine HTML-Datei sendet, weiß der Browser nicht, für welches Zeichen die einzelnen Byte stehen. Die Deklaration der Zeichencodierung Spezifikation dieses Problems gelöst.

So scheitert die Lighthouse-Prüfung charset

Leuchtturm kennzeichnet Seiten, für die keine Zeichencodierung angegeben ist:

Die Prüfung der Zeichencodierung schlägt fehl.

In Lighthouse gilt die zu deklarierende Zeichencodierung, wenn Folgendes erkannt wird:

  • Ein <meta charset>-Element im <head> des Dokuments, das vollständig ist in den ersten 1.024 Byte des Dokuments enthalten
  • Ein Content-Type-HTTP-Antwortheader mit einer charset-Anweisung, die einem gültiger IANA-Name
  • Eine Bytereihenfolgemarkierung (BOM)

So bestehen Sie die Prüfung „charset“

<meta charset>-Element zum HTML-Code hinzufügen

Fügen Sie innerhalb der ersten 1.024 Byte Ihres HTML-Dokuments ein <meta charset>-Element hinzu. Das Element muss vollständig in den ersten 1.024 Byte enthalten sein. Es empfiehlt sich, das <meta charset>-Element als erstes Element im <head> Ihres Dokuments.

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    …

Content-Type-HTTP-Antwortheader hinzufügen

Server konfigurieren, um Content-Type hinzuzufügen HTTP-Antwortheader, der eine charset-Anweisung enthält.

Content-Type: text/html; charset=UTF-8

Ressourcen