Balise

Aussi appelé : Tag HTML

  • Concept
  • Intermédiaire
  • Transversal
  • Toujours utilisé

En bref

Une balise est un élément de code HTML qui structure et décrit le contenu d'une page web pour les navigateurs et les moteurs de recherche.

Définition complète

Une balise (ou tag HTML) est un élément de code qui délimite et décrit une partie du contenu d’une page web : un titre, un paragraphe, une image, un lien… Les navigateurs utilisent les balises pour afficher correctement une page, et les moteurs de recherche s’en servent pour comprendre la structure et l’importance de chaque partie du contenu.

Certaines balises ont une importance particulière en référencement naturel (SEO), comme la balise titre, qui définit le titre affiché dans l’onglet du navigateur et dans les résultats de recherche, ou les balises de titre de contenu, souvent appelées H1, H2, H3, qui organisent une page comme le ferait un sommaire.

Attention : une balise mal utilisée, par exemple plusieurs balises H1 sur une même page ou une hiérarchie de titres incohérente, peut rendre la structure d’une page confuse aussi bien pour un lecteur que pour un moteur de recherche.

À quoi ça sert

Bien utiliser les balises permet de rendre une page claire et compréhensible, à la fois pour les visiteurs qui la lisent en diagonale et pour les moteurs de recherche qui tentent d’en comprendre la structure.

Cette notion aide aussi à diagnostiquer des problèmes de référencement invisibles à l’œil nu : une page sans balise titre, un H1 manquant ou dupliqué, une hiérarchie de titres qui saute des niveaux.

Enfin, comprendre les balises permet de dialoguer plus facilement avec un développeur ou une agence web, en utilisant un vocabulaire commun pour décrire un problème ou une amélioration à apporter à une page.

Cas d'usage typiques

– Diagnostiquer : une page mal classée malgré un bon contenu ? / Vérifier que ses balises de titre sont présentes et cohérentes.
– Structurer : un long article est difficile à parcourir ? / Ajouter des balises de titre intermédiaires pour créer des sections claires.
– Corriger : un audit technique révèle plusieurs balises H1 sur une même page ? / N’en garder qu’une seule, la plus représentative du sujet.
– Expliquer : un client ne comprend pas pourquoi le titre affiché sur Google diffère du titre de la page ? / Montrer la différence entre la balise titre et le contenu visible.
– Former : une équipe rédactionnelle publie sans respecter de structure ? / Créer un modèle simple de balises à suivre pour chaque nouvel article.

Ce que tu sauras faire

Identifier les principales balises HTML utiles au référencement d'une page et corriger une hiérarchie de titres incohérente.

Mises en situation

Situation 1 : un blog avec des articles illisibles

Contexte : Un blog associatif publie de longs articles sans aucune structure visible, un seul bloc de texte du début à la fin.

Application : Le community manager ajoute des balises de titre intermédiaires pour découper chaque article en sections claires.

Résultat attendu : Les lecteurs parcourent plus facilement les articles, et les moteurs de recherche comprennent mieux la structure de chaque page.

Situation 2 : une boutique en ligne avec plusieurs titres H1

Contexte : Un audit technique révèle que les fiches produits d’une boutique en ligne contiennent chacune trois balises H1 différentes.

Application : L’équipe technique corrige le modèle de page pour ne garder qu’une seule balise H1, celle qui correspond au nom du produit.

Résultat attendu : La structure des pages devient cohérente, ce qui facilite leur compréhension par les moteurs de recherche.

Situation 3 : un cabinet médical avec un titre de page peu clair

Contexte : Le titre affiché dans les résultats de recherche pour la page d’un cabinet médical est simplement « Accueil », sans aucune information utile.

Application : Le prestataire web réécrit la balise titre pour y inclure le nom du cabinet, la spécialité et la ville.

Résultat attendu : Le titre affiché dans les résultats devient beaucoup plus informatif, ce qui améliore à la fois la compréhension et le taux de clic.

Application guidée : repérer une hiérarchie incohérente

Contexte : Une page utilise un titre principal en H1, puis passe directement à des sous-titres en H4 sans jamais utiliser de H2 ou de H3.

Question : Pourquoi cette hiérarchie pose-t-elle problème ?

Résultat attendu : On explique que sauter des niveaux rend la structure incohérente, un peu comme un sommaire qui passerait directement de la partie 1 à la sous-sous-partie 1.1.1 sans étape intermédiaire, ce qui complique la lecture pour un humain comme pour un moteur de recherche.

Application guidée : choisir le bon titre de page

Contexte : Une page propose deux titres possibles : l’un très générique, « Nos services », l’autre précis, « Services de comptabilité pour artisans à Lyon ».

Question : Lequel choisir pour la balise titre et pourquoi ?

Résultat attendu : On choisit le titre précis, car il informe clairement sur le contenu de la page et correspond davantage aux recherches réelles des internautes.

Pour bien le retenir

L'analogie

Les balises, ce sont les étiquettes et les intercalaires d’un classeur bien organisé. Grâce à elles, on retrouve immédiatement la bonne section sans devoir tout relire depuis le début, que l’on soit une personne pressée ou un moteur de recherche qui analyse la page en quelques secondes.

« Sans balises, une page est un classeur sans étiquette : tout s'y mélange. »

Pièges à éviter

À ne pas confondre avec

Une confusion fréquente consiste à penser que la balise titre, affichée dans les résultats de recherche, et la balise H1, le titre visible en haut de la page, sont obligatoirement identiques. Elles peuvent être différentes et remplir chacune un rôle propre.

Un autre piège est de croire qu'ajouter beaucoup de balises de titre partout dans une page améliore automatiquement son référencement. Ce qui compte, c'est une hiérarchie logique et cohérente, pas la simple multiplication des balises.

Évolution historique

Apparition : Depuis les années 1990

Quels changements depuis l’arrivée de l’IA ?

Les balises restent un langage technique propre au web, mais leur bon usage prend une importance nouvelle avec l’arrivée des assistants d’intelligence artificielle : une page bien structurée, avec des titres clairs et hiérarchisés, est plus facile à analyser et à résumer pour ces outils, qui doivent extraire rapidement l’information pertinente d’une page.

Évolution historique

Années 1990 : apparition du langage HTML et de ses premières balises, à l’origine de la construction de toutes les pages web.

Années 2000 : généralisation des bonnes pratiques de structuration, avec des titres, des paragraphes et des listes, à mesure que le web professionnel se développe.

Années 2010 : les moteurs de recherche accordent une attention croissante à la hiérarchie des titres pour comprendre la structure d’une page.

Années 2020 : une structure claire par balises devient aussi un atout pour être facilement analysé par les outils d’intelligence artificielle qui lisent le web.