Balises HTML pour le SEO : lesquelles comptent, avec exemples

Les moteurs de recherche et les assistants d'IA lisent votre page sous forme de code avant que quiconque la voie à l'écran. Une poignée de balises HTML pour le SEO décident de la façon dont ce code est compris : quelle URL est indexée, quel titre apparaît dans les résultats, de quoi parle la page et à quoi elle ressemble quand on la partage. Google liste les balises meta et les attributs qu'il prend en charge sur une seule page de sa documentation Search Central, et tout ce qui sort de cette liste n'a aucun effet dans la recherche Google. Ce guide présente chaque balise utile avec un exemple, les erreurs à éviter et les balises que vous pouvez oublier.

Quelles balises HTML comptent pour le SEO ?

Le tableau ci-dessous sert de référence. Les balises de l'en-tête (head) décrivent la page aux machines ; celles du corps (body) structurent ce que les gens lisent.

Quelles balises de l'en-tête contrôlent l'affichage dans Google ?

La balise title

La balise title est la plus importante de la page. Google indique qu'il n'existe aucune limite de longueur pour l'élément title, mais le lien de titre est tronqué pour tenir dans la largeur de l'écran, soit environ 50 à 60 caractères sur ordinateur. Google peut aussi le réécrire : sa documentation liste les sources qu'il utilise, de l'élément title et du titre principal visible jusqu'aux titres H1, à la balise og:title et au texte d'ancrage des liens qui pointent vers la page. Un title cohérent avec le H1 et le contenu est celui que Google conserve. Rédigez un title unique pour chaque page, avec le mot-clé principal au début et la marque à la fin.

La meta description

La meta description ne change pas le classement, mais elle fournit souvent l'extrait affiché sous le titre et influence donc les clics. Google peut la remplacer par un passage de la page plus proche de la requête. Rédigez-la comme une réponse courte suivie d'un bénéfice, entre 120 et 160 caractères, et ne réutilisez jamais la même description sur plusieurs pages.

La balise meta robots

La balise meta robots indique aux robots ce qu'ils peuvent faire de la page. La valeur la plus utilisée est noindex, qui garde une page hors des résultats ; d'autres existent, comme nofollow, nosnippet et max-snippet, qui limite la longueur de l'extrait. Pour les fichiers sans en-tête, comme les PDF, les mêmes directives passent par l'en-tête HTTP X-Robots-Tag. Un noindex oublié sur un gabarit en ligne est l'une des causes les plus fréquentes de perte de trafic : vérifiez-le après chaque mise en production.

Viewport et charset

Google précise dans sa documentation que la présence de la balise viewport indique une page adaptée au mobile. Comme Google indexe la version mobile des sites, cette balise doit figurer sur chaque page. La déclaration du jeu de caractères (UTF-8, recommandé par Google) évite les caractères cassés dans les titres et les extraits, ce qui compte sur les sites multilingues.

Quelles balises indiquent à Google l'URL à indexer ?

Deux balises link de l'en-tête gèrent les doublons et les langues. La balise canonique désigne la version préférée quand un même contenu est accessible par plusieurs URL (filtres, paramètres de suivi, HTTP et HTTPS). Google la traite comme une indication forte, au même titre que les redirections et les liens internes : elle fonctionne mieux quand tous les signaux désignent la même URL. Utilisez une URL absolue, une seule balise canonique par page, et ne la faites jamais pointer vers une page bloquée ou en noindex.

L'attribut hreflang indique à Google quelle page montrer à quelle langue ou région. Selon le guide de Google sur les versions localisées, chaque version doit se citer elle-même et citer toutes les autres, et une valeur x-default peut désigner la page destinée aux utilisateurs dont la langue n'est pas couverte. Les liens de retour manquants sont l'erreur hreflang la plus fréquente : si la page A pointe vers la page B, la page B doit pointer vers la page A.

Quelles balises du corps aident les moteurs à comprendre le contenu ?

Les titres de H1 à H6

Les titres donnent le plan de la page. Utilisez un H1 qui annonce le sujet, des H2 pour les grandes sections et des H3 pour les étapes ou les éléments d'une section, sans sauter de niveau pour un effet visuel. Google a indiqué que plusieurs H1 n'entraînent pas de pénalité, mais un seul H1 clair reste la structure la plus simple pour les lecteurs et les technologies d'assistance. Des H2 formulés en questions (« Comment fonctionne X ? ») correspondent aussi à la façon dont les gens formulent leurs recherches et leurs requêtes aux IA.

Le texte alternatif des images

Google explique dans ses consignes sur le référencement des images qu'il utilise le texte alternatif avec la vision par ordinateur et le contenu de la page pour comprendre une image, et que remplir les attributs alt de mots-clés peut faire passer un site pour du spam. Décrivez ce que montre l'image en une courte phrase. Google précise aussi qu'il n'indexe pas les images d'arrière-plan CSS : toute image qui doit se positionner a besoin d'un vrai élément img.

Les liens et leurs attributs rel

L'élément a est le moyen par lequel les robots découvrent les pages : les liens internes doivent être de vrais liens avec un href, pas des boutons gérés en JavaScript. L'attribut rel qualifie les liens sortants : sponsored pour les emplacements payants, ugc pour les commentaires et les messages de forum, nofollow pour les liens que vous ne souhaitez pas cautionner. Google traite ces valeurs comme des indications depuis 2020. Un texte d'ancrage descriptif aide à la fois les lecteurs et les moteurs.

Les éléments sémantiques HTML5

Des éléments comme main, article, nav, header, footer et section indiquent aux machines quelle partie de la page est le contenu principal et quelles parties se répètent sur chaque page. Ils n'améliorent pas le classement à eux seuls, mais ils facilitent l'isolement du contenu principal, pour les moteurs, les lecteurs d'écran comme pour les outils d'IA. Notre guide du HTML sémantique détaille chaque élément. Dans le texte, strong et em marquent l'emphase : réservez-les aux termes clés, pas à des paragraphes entiers.

Quelles balises façonnent les aperçus sociaux et les résultats enrichis ?

Le protocole Open Graph, créé par Facebook et lu aujourd'hui par la plupart des réseaux sociaux et des messageries, définit les balises og:title, og:description, og:image et og:url qui construisent la carte d'aperçu quand une page est partagée. Sans elles, les plateformes devinent, souvent avec la mauvaise image. Testez le rendu avec un outil d'aperçu Open Graph avant de publier.

Les données structurées au format JSON-LD, placées dans une balise script, décrivent la page avec le vocabulaire Schema.org : article, produit, organisation, fil d'Ariane, FAQ. Google s'en sert pour les résultats enrichis, et elles donnent aux IA des faits explicites sur l'entité derrière la page. Le balisage doit décrire ce qui est visible sur la page. Nous détaillons son rôle dans les réponses des IA dans notre guide sur les données structurées et la recherche par IA.

Quelles balises HTML Google ignore-t-il ?

La liste des balises prises en charge par Google indique aussi ce que vous pouvez cesser d'entretenir :

• Meta keywords : Google déclare que la balise meta keywords n'est pas utilisée par la recherche Google et n'a aucun effet sur l'indexation ni sur le classement.
• Balises meta inconnues : Google ignore les balises meta qu'il ne prend pas en charge, comme meta author ou meta revisit-after.
• L'attribut lang : Google détecte la langue d'une page à partir de son texte, pas de l'attribut lang. Gardez l'attribut pour l'accessibilité et les autres outils, et utilisez hreflang pour relier les versions linguistiques.
• La meta refresh comme redirection : elle fonctionne, mais Google recommande plutôt une redirection 301 côté serveur.

Les balises HTML comptent-elles pour les réponses des IA ?

Oui, pour une raison simple : ChatGPT, Claude, Gemini et Perplexity extraient des passages des pages, et un HTML propre rend ces passages faciles à trouver. Plusieurs robots d'IA récupèrent le HTML brut sans exécuter le JavaScript : un title, une balise canonique ou un bloc de texte injectés par des scripts peuvent ne jamais leur parvenir. Une hiérarchie de titres claire découpe la page en réponses autonomes, les listes et les tableaux gardent les faits groupés, et les données structurées énoncent les faits sans ambiguïté. C'est le volet technique de l'optimisation pour les moteurs génératifs : les balises qui aident Google aident aussi les assistants d'IA à vous citer correctement.

Comment vérifier les balises HTML d'une page ?

1. Lisez le code source brut. Ouvrez le code source (Ctrl+U) et cherchez les balises title, meta description, robots, canonical et hreflang. Si une balise n'apparaît que dans la page rendue, elle dépend du JavaScript.
2. Comparez avec la vue de Google. L'outil d'inspection d'URL de Google Search Console montre le HTML rendu par Google et l'URL canonique qu'il a retenue.
3. Contrôlez page par page. L'extension Chrome gratuite de Sorank liste les balises manquantes ou en double et les corrections pour la page que vous consultez.
4. Contrôlez tout le site. Un robot d'exploration repère les titles en double, les textes alternatifs manquants et les balises canoniques erronées sur des milliers d'URL ; notre sélection d'outils de SEO technique compare les options.
5. Revérifiez après chaque mise en production. C'est lors des changements de gabarit qu'apparaissent les noindex, les balises canoniques cassées et les titles vides.

Maîtriser la douzaine de balises ci-dessus couvre presque tout ce que le HTML peut faire pour le SEO ; le reste du travail tient au contenu et aux liens. Si vous voulez des pages livrées avec des titles, des titres, des liens internes et un contenu structuré déjà propres, le générateur d'articles de Sorank les rédige et les publie en autopilote, à partir de 49€ par mois en formule annuelle (voir les tarifs).