Meta description différente en HTML brut et après JavaScript

En bref

La meta description de votre HTML brut n'est pas celle rendue après le JavaScript : Google se base sur la version brute pour le snippet et les IA ne lisent qu'elle. Il faut rendre la meta description côté serveur pour qu'elle soit correcte dès le HTML brut.

AvertissementP3 — Qualité

De quoi s'agit-il ?

La meta description du HTML brut diffère de celle rendue par le JavaScript.

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

Google se base souvent sur la version brute pour le snippet des résultats ; les IA ne lisent que celle-là. La description que vous avez optimisée n’est probablement jamais vue par les machines.

Quand ce n'est PAS un problème

  • La meta description brute est déjà correcte et le JavaScript ne fait que la reproduire : aucun écart utile à corriger.
  • La page n'est pas destinée à la recherche (écran applicatif, page technique) : le snippet importe peu.
  • L'écart tient à une ponctuation ou un espace près, sans changer le sens : cosmétique.
Avant
<!-- HTML brut renvoyé par le serveur -->
<meta name="description" content="">
<!-- après JavaScript -->
<meta name="description" content="Notre sélection de chaussures de trail testées sur le terrain.">
Après
<!-- HTML brut renvoyé par le serveur -->
<meta name="description" content="Notre sélection de chaussures de trail testées sur le terrain.">

À gauche, le HTML brut a une description vide et Google fabrique un snippet au hasard. À droite, la description voulue est présente dès la réponse serveur.

Comment corriger

  1. Affichez le code source réel de la page (Ctrl+U) et lisez la balise meta description telle qu'elle arrive du serveur.
  2. Identifiez le script client qui injecte ou remplace la description après le chargement.
  3. Déplacez la définition de la meta description dans le rendu serveur (head SSR).
  4. Recrawlez la page pour confirmer que la description brute est désormais la bonne.

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 ?

La description que Google lit est-elle celle que vous avez rédigée ? Entrez une URL : Seogard compare la meta description du HTML brut et celle rendue par le JavaScript. 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

La description lue par Google et les IA est bien celle que vous avez rédigée, pas un texte fantôme (Google reste libre de réécrire le snippet affiché selon la requête).

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

Questions fréquentes

Google réécrit parfois le snippet de toute façon, est-ce vraiment utile ?

Google reste libre de réécrire le snippet selon la requête, mais il part de votre meta brute : une description vide ou fantôme lui donne moins de matière et les IA n'ont, elles, que cette version.

Quelle version de la description Google utilise-t-il ?

Il se base d'abord sur la meta présente dans le HTML brut ; celle injectée plus tard en JavaScript peut ne jamais être prise en compte.

Règles sœurs

Hiérarchie des titres casséeSaut de niveau dans les titres (ex : H1 → H3 sans H2). Micro-impact accessibilité ; effet quasi nul sur le ranking. Attribut lang suppriméL'attribut lang du HTML a disparu. Google peut mal identifier la langue de la page. Attribut lang modifiéL'attribut lang a changé (ex : fr → en). Peut casser le ciblage linguistique si c'est accidentel.

Mis à jour le 10 juillet 2026