Métadonnées de page valides : un head propre pour Google
Un élément head en HTML valide garantit que Google lit bien vos title, meta et balises canoniques. Découvrez les règles à respecter.
Les métadonnées d’une page (son title, ses balises meta, sa balise canonique) vivent dans l’élément du document HTML. C’est là que Google va chercher les informations qui décrivent la page : titre affiché dans les résultats, description, directives d’indexation, langue, URL canonique. Encore faut-il n’y placer que les balises meta acceptées par Google. Si cet élément est mal construit, ces informations risquent de ne jamais être prises en compte.
Google tente d’interpréter le HTML même imparfait, mais des erreurs de balisage peuvent perturber le traitement de vos métadonnées. Le point critique : dès que le moteur rencontre un élément non autorisé dans le , il considère que la section est fermée et cesse de lire ce qui suit. Un head propre est donc une condition de base pour que vos signaux SEO soient correctement transmis, surtout si vous générez le head dynamiquement via un CMS ou du JavaScript.
Le détail qui coûte cher, c’est que Google s’arrête au premier élément non valide rencontré dans la head : une balise interdite glissée trop haut, et tout ce qui suit, title ou canonique compris, peut passer à la trappe. En pratique, je commence par traquer ces intrus, souvent des scripts ou des balises mal placées injectés par un module, avant même de soigner le contenu des métadonnées.
Le principe : Google s'arrête au premier élément non valide
La règle est simple et sans appel. L’élément ne doit contenir que des éléments autorisés par la norme HTML. Dès que Google détecte un élément interdit, il suppose que le est terminé et ignore tous les éléments suivants, même s’ils sont valides. Concrètement, une balise mal placée en début de head peut faire disparaître votre balise canonique ou votre meta description placées juste après.
Les éléments autorisés dans le head
Conformément à la norme HTML, seuls certains éléments ont leur place dans le . Tout le reste est considéré comme non valide. Le tableau ci-dessous liste les éléments acceptés et leur rôle dans la description de la page.
| Élément | Rôle dans le head |
|---|---|
title |
Titre de la page, utilisé pour le lien de titre dans les résultats |
meta |
Métadonnées diverses : description, directives robots, charset, viewport |
link |
Liens de ressources et relations, notamment la balise canonique |
script |
Scripts JavaScript et données structurées |
style |
Styles CSS intégrés à la page |
base |
URL de base appliquée aux liens relatifs de la page |
noscript |
Contenu de repli si JavaScript est désactivé |
template |
Fragment de balisage réutilisable, non rendu directement |
Les éléments à bannir du head
Les deux fautifs les plus fréquents sont et . Insérés dans le , ils sont non valides et déclenchent la fermeture anticipée de la section aux yeux de Google. Le moteur cesse alors de lire les métadonnées placées après eux, par exemple une balise meta robots qui pilote l’indexation. La recommandation est claire : ne placez jamais ces éléments dans le head. Si une contrainte technique l’impose malgré tout, positionnez-les après toutes les métadonnées que vous voulez rendre visibles pour Google.
<!-- A FAIRE : head valide -->
<head>
<title>Titre de la page</title>
<meta name="description" content="Description de la page">
<link rel="canonical" href="https://exemple.com/page">
</head>
<!-- A EVITER : un img coupe la lecture -->
<head>
<title>Titre de la page</title>
<img src="logo.png">
<!-- Google ignore tout ce qui suit l'element img -->
<link rel="canonical" href="https://exemple.com/page">
</head>L’erreur la plus coûteuse est de placer un élément non valide, comme une img ou une iframe, AVANT votre balise canonique ou votre meta description. Google ferme alors le head à cet endroit et n’indexe jamais les métadonnées qui suivent. Si vous ne pouvez vraiment pas retirer l’élément fautif, reléguez-le tout en bas du head, après tout ce qui compte pour le SEO.
À faire
- limiter le head aux éléments autorisés
- vérifier le HTML généré par votre CMS
- placer en premier les métadonnées importantes
- tester le rendu réel de votre head
À éviter
- insérer une img ou une iframe dans le head
- supposer que Google corrigera un balisage cassé
- placer un élément non valide avant la balise canonique
- négliger le head généré dynamiquement
Points clés à retenir
- Limitez le head aux éléments autorisés par la norme HTML.
- Bannissez les éléments img et iframe de cette section.
- Placez les métadonnées importantes avant tout le reste.
- Sachez que Google s'arrête au premier élément non valide.
- Contrôlez le head produit par votre CMS et votre JavaScript.
Un head en HTML valide conditionne la bonne lecture de vos métadonnées.
Quiz : testez vos connaissances
Quiz : testez vos connaissances
-
Que fait Google lorsqu'il rencontre un élément non valide dans le head ?
- Il corrige automatiquement le balisage cassé
- Il considère le head comme terminé et ignore tous les éléments suivants
- Il continue à lire toutes les métadonnées comme si de rien n'était
Dès que Google détecte un élément interdit, il suppose que le head est terminé et ignore tous les éléments suivants, même s’ils sont valides.
-
Quels éléments la norme HTML autorise-t-elle dans le head ?
- title, meta, link, script, style, base, noscript et template
- Tous les éléments HTML, y compris img et iframe
- Uniquement title et meta keywords
La norme HTML n’accepte que
title,meta,link,script,style,base,noscriptettemplate. Tout autre élément est considéré comme non valide. -
Pourquoi placer une image avant la balise canonique dans le head pose-t-il problème ?
- Google ferme le head sur cet élément non valide et ignore la canonique placée après
- Google déplace automatiquement la balise canonique en début de head
- L'image ralentit le chargement mais reste sans effet sur les métadonnées
L’erreur la plus coûteuse est de placer un élément non valide comme une
imgavant votre balise canonique. Google ferme alors le head et ignore les métadonnées suivantes.
À propos de l'auteur
Besoin d'un accompagnement SEO ?
Un head mal construit peut faire disparaître vos métadonnées les plus stratégiques des résultats Google.