Qu’est-ce que les balises meta ?.

Les balises meta HTML

Les balises meta HTML décrivent le contenu d’une page web et sont essentielles pour transmettre des informations précises aux robots des moteurs. Elles sont la base de l’optimisation SEO on-page et se trouvent dans la section <head> du site. Google peut utiliser ces informations pour créer des extraits enrichis ou ordonner les résultats de recherche.

Syntaxe des métadonnées

La syntaxe des métadonnées repose sur deux attributs : « name », qui indique le type d’information fournie par la balise, et « content », qui en décrit le contenu effectif.

<head>
  <meta name="type_d_information" content="contenu_effectif">
</head>

En plus de ces deux attributs, on peut en ajouter un troisième, « http-equiv », qui indique au navigateur qu’il s’agit de valeurs d’en-tête HTTP.

Trois caractéristiques des métadonnées méritent d’être soulignées :

• Unicité : chaque page du site devrait avoir des balises meta uniques, reflétant fidèlement son contenu. C’est particulièrement important pour la balise title et la meta description, qui sont les points de contact entre le site et le visiteur directement dans la SERP.
• La longueur est un autre facteur déterminant à toujours prendre en compte pour éviter les troncatures dans la SERP. Ce qui compte n’est pas le nombre de caractères mais les pixels : un « M » majuscule occupe plus de place qu’un « i » minuscule, et c’est encore plus important avec l’indexation mobile first. Pour t’y retrouver, utilise l’onglet « SERP Snippet » de Screaming Frog, qui affiche en temps réel l’aperçu de tes titles et descriptions sur desktop et mobile.
• Pertinence : les balises meta doivent être pertinentes par rapport au contenu et ne pas être une tentative de sur-optimisation SEO qui, vu les derniers algorithmes de Google, pourrait entraîner des pénalités.

Les balises meta

• Balise title : définit le titre de la page et est utilisée par les moteurs dans les extraits de la SERP. Elle contribue au classement et doit être optimisée en longueur et en pertinence, sinon l’algorithme de Google peut la réécrire ou la tronquer. Premier point de contact avec le visiteur, elle doit expliquer clairement le contenu de la page pour augmenter le CTR.

Une bonne pratique pour le title est d’inclure le mot-clé principal, de préférence en début de titre. Cela ne veut pas dire bourrer le titre de mots-clés, mais écrire un titre concis et pertinent par rapport au vrai objectif de tout SEO : l’intention de recherche du document !

• Meta description : un résumé du contenu de la page. En termes de marketing traditionnel, ce sont les « 10 premières secondes » où chaque site doit se présenter et faire bonne impression. Contrairement au title, elle ne contribue pas au classement mais aide à augmenter le CTR.
• Balises meta robots : des indications sur la façon dont Google et les autres moteurs doivent se comporter en analysant le site. Les plus utilisées :
  • noindex : demande au robot de ne pas afficher l’élément crawlé dans ses résultats.
  • nofollow : empêche le moteur de suivre les liens de la page. Utile aussi pour ne pas transmettre de link juice à la page liée. Pour bloquer un lien précis, n’utilise pas cet attribut dans le head mais directement dans le code du lien.
  • none : la fermeture maximale pour le robot, équivalente à noindex, nofollow.
  • noarchive : empêche Google d’afficher un lien « en cache » dans la SERP.
  • noimageindex : empêche l’indexation des images dans la SERP.

Les balises meta robots s’analysent très simplement avec Screaming Frog dans l’onglet 1Directives.

• Hreflang : attribut utilisé pour l’internationalisation d’un projet ; il présente au moteur les versions linguistiques, évite le contenu dupliqué et augmente les chances d’apparaître dans les SERP géolocalisées.
• Canonical : un attribut précieux qui déclare quel contenu est principal et lequel est secondaire (ou dupliqué). À ne pas confondre avec hreflang : ils se ressemblent mais ont des objectifs différents. Il est conseillé d’ajouter une canonical auto-référente sur toutes les pages (sauf si elles sont canonicalisées).
• Balise meta keywords : obsolète
• Balise viewport : dans un monde de plus en plus mobile, cet attribut contrôle l’affichage du contenu sur les appareils mobiles. Avec l’indexation mobile first, elle est cruciale pour le classement et pour une bonne expérience utilisateur.

<meta name="viewport" content="width=device-width, initial-scale=1.0">

La partie width=device-width règle la largeur de la page sur la largeur de l’écran de l’appareil (qui varie selon l’appareil).

La partie initial-scale=1.0 règle le niveau de zoom initial quand le navigateur charge la page pour la première fois.

• Balises Open Graph : définissent la façon dont le contenu apparaît sur les réseaux sociaux quand il est partagé.
• Meta charset : une balise très importante pour l’encodage des caractères d’une page, afin de ne pas dégrader l’expérience du visiteur ni augmenter le taux de rebond. Il existe des dizaines d’encodages, mais les plus courants sont :
  • UTF‑8 – encodage des caractères Unicode ;
  • ISO-8859–1 — encodage des caractères de l’alphabet latin.

<meta charset=UTF-8">

• Redirection meta refresh : demande au navigateur de rediriger vers une autre page après un délai donné. Cela dégrade l’expérience de navigation : il vaut mieux utiliser une redirection 301 (permanente) ou 302 (temporaire).

<meta http-equiv="refresh" content="3;url="https://example.com/">

Comme je déconseille les redirections meta refresh, tu peux les repérer facilement avec les filtres de l’onglet Response Codes de SEO Spider.