Balises main, header, footer injectées par JavaScript : un HTML brut sans structure

En bref

Vos balises sémantiques (main, header, footer) n'apparaissent qu'après exécution du JavaScript : le HTML brut, lu par les IA et au premier passage de Google, n'a aucune structure. L'impact est léger mais c'est le symptôme d'un layout entièrement client-side. Rendez la structure du layout côté serveur.

InfoRecommandations

De quoi s'agit-il ?

Les balises sémantiques (main, header, footer) n’apparaissent qu’après exécution du JavaScript.

Pourquoi c'est un problème pour le SEO et les IA

Le HTML brut — celui que lisent les IA et le premier passage de Google — n’a aucune structure. Impact léger, mais symptomatique d’un layout entièrement client-side.

Quand ce n'est PAS un problème

  • La structure sémantique principale (au moins un main autour du contenu) est déjà dans le HTML brut et seuls des blocs secondaires sont ajoutés en JS.
  • La page utilise un balisage correct mais non sémantique (des div bien organisées) : l'impact réel est très faible.
  • Il s'agit d'une interface applicative interne, non destinée au crawl ni à l'indexation.
Avant
<!-- HTML brut : aucune structure -->
<div id="app"></div>
<!-- main, header, footer ajoutés par le JS -->
Après
<!-- HTML brut : structure présente -->
<header>...</header>
<main>
  <h1>Chaussures de trail</h1>
</main>
<footer>...</footer>

Un HTML brut structuré aide Google et les lecteurs d'écran à séparer le contenu principal de l'habillage dès le premier octet.

Comment corriger

  1. Affichez le code source brut (Ctrl+U) : si vous n'y voyez qu'un conteneur vide, la structure est montée côté client.
  2. Rendez le squelette du layout (header, main, footer) côté serveur (SSR/SSG).
  3. Utilisez les vraies balises HTML5 sémantiques plutôt que des div génériques.
  4. Recrawlez pour confirmer que la structure figure dans le HTML brut.

Ce scan vérifie ce qui manque dans le HTML brut mais apparaît au rendu JavaScript

Ce défaut est-il sur votre site ?

Votre page a-t-elle une structure dans le code source, ou seulement après le JavaScript ? Entrez une URL : Seogard compare le HTML brut et le rendu et vous montre ce que les machines voient en premier. Gratuit, sans carte bancaire.

En cliquant sur Analyser, je certifie être propriétaire du site ou disposer d'une autorisation pour le crawler.

  • Sans carte bancaire
  • Résultat en ~30 s

Ce que vous récupérez

Une page structurée pour toutes les machines dès le premier octet.

Seogard détecte cette régression automatiquement — via le scanner SSR.

Questions fréquentes

Les balises sémantiques changent-elles mon classement ?

Directement, très peu. Elles aident les moteurs et les lecteurs d'écran à comprendre la structure de la page ; c'est de l'hygiène structurelle, pas un levier de ranking majeur.

Pourquoi le signaler si l'impact est léger ?

Parce qu'une structure absente du HTML brut trahit souvent un layout entièrement client-side, qui peut cacher des problèmes plus lourds sur le contenu et les liens.

Règles sœurs

Images sans altDes images n'ont pas d'attribut alt. Important pour l'accessibilité et le référencement des images. Warning si 10+ images concernées. Longueur du titleLe meta title est trop court (< 15 caractères) ou trop long (> 60 caractères). Google risque de le tronquer ou de le réécrire. Longueur de la descriptionLa meta description est trop courte (< 50 caractères) ou trop longue (> 160 caractères). Idéalement entre 120 et 155 caractères.

Mis à jour le 10 juillet 2026