Technique

Pourquoi la structure HTML de base (<html>, <head>, <body>) compte

Trois balises simples que la plupart des gens ne voient jamais indiquent au navigateur comment lire tout le reste de la page.

Ce que c'est

Chaque page web, sous son apparence visuelle, est construite en HTML — un ensemble de sections étiquetées appelées "balises" qui indiquent au navigateur ce qu'est chaque partie de la page. Trois balises forment le squelette que toute page est censée avoir : <html> (marque tout le document comme une page web), <head> (contient des informations en coulisses comme le titre et la description de la page, dont rien n'est affiché directement sur la page) et <body> (contient tout ce qu'un visiteur voit et peut cliquer réellement).

Cette vérification de structure HTML de base confirme simplement que ces trois balises conteneurs sont présentes et bien utilisées, plutôt que le contenu de la page ayant été déversé sans aucune de ces fondations autour.

Pourquoi c'est important

Les navigateurs sont très tolérants et afficheront généralement quand même une page même si cette structure manque ou est cassée, ce qui explique justement pourquoi le problème peut passer inaperçu longtemps. Mais les moteurs de recherche, les lecteurs d'écran, les outils de traduction et les extensions de navigateur s'appuient tous sur cette structure pour repérer où commence le vrai contenu et où se trouvent les informations en coulisses — sans elle, ils doivent deviner, et parfois ils devinent mal.

Une page à laquelle il manque cette structure de base est aussi souvent le signe d'un problème en amont — un processus de build qui a échoué en cours de route, un modèle corrompu, ou un système de gestion de contenu qui produit un fragment au lieu d'une page complète.

Comment le corriger

  1. Regarde le code HTML brut de ta page (dans la plupart des navigateurs : clic droit sur la page puis "Afficher le code source de la page", ou Ctrl+U / Cmd+Option+U).
  2. Vérifie que la toute première balise est <html>, suivie d'une section <head>, elle-même suivie d'une section <body> qui englobe tout le contenu visible.
  3. Si tu utilises un créateur de site (Squarespace, Wix, Webflow, WordPress), cette structure est générée automatiquement pour toi — une structure manquante pointe généralement vers un bloc de code personnalisé ou un modèle qui interfère, donc vérifie les blocs HTML personnalisés que tu as ajoutés.
  4. Si tu gères ton propre modèle ou générateur de site statique, vérifie que le fichier de modèle de base englobe bien le contenu de chaque page dans ces trois balises et qu'il n'a pas été modifié par erreur.
  5. Relance ton analyse Launch Readiness ensuite pour confirmer que la structure est maintenant détectée correctement.

Vérifiez si votre propre site a ce problème

Launch Readiness analyse votre site pour détecter ce problème et ~50 autres avant le lancement, en quelques secondes — gratuit, sans inscription.

Lancer une analyse gratuite