La déclaration du jeu de caractères est manquante ou apparaît trop tard dans le code HTML.

Les serveurs et les navigateurs communiquent entre eux en envoyant des octets de données via le à Internet. Si le serveur ne spécifie pas le format d'encodage des caractères utiliser lorsqu'il envoie un fichier HTML, le navigateur ne saura pas quel caractère représente chaque octet. La déclaration d'encodage des caractères permet de résoudre ce problème.

Échec de l'audit charset de Lighthouse

Phare signale les pages qui ne spécifient pas leur encodage de caractères:

Échec de l'audit d'encodage des caractères.

Lighthouse considère que l'encodage des caractères est déclaré s'il trouve l'un des éléments suivants:

  • Un élément <meta charset> dans le <head> du document qui est entièrement contenus dans les 1 024 premiers octets du document
  • Un en-tête de réponse HTTP Content-Type avec une instruction charset correspondant à une nom IANA valide
  • Un indicateur d'ordre des octets (BOM)

Réussir l'audit charset

Ajouter un élément <meta charset> à votre code HTML

Ajoutez un élément <meta charset> dans les 1 024 premiers octets de votre document HTML. L'élément doit être entièrement contenu dans les 1 024 premiers octets. Une bonne pratique consiste à faire de l'élément <meta charset> le premier élément de la <head> de votre document.

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

Ajouter un en-tête de réponse HTTP Content-Type

Configurez votre serveur pour ajouter un Content-Type En-tête de réponse HTTP incluant une instruction charset.

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

Ressources