Bases du SEO · 8 min · Mis à jour le

Balises HTML SEO : celles qui comptent, et celles que Google ignore.

Title, meta description, titres H1 à H6, alt, canonical, données structurées. Ce que chacune fait vraiment, et un testeur pour vérifier les vôtres.

Écrit et vérifié par Damien Hernandez

Les balises abordées, dans le code d'une page
<head>
  <title>…</title>
  <meta name="description" …>
  <link rel="canonical" …>
</head>
<body>
  <h1> <h2> <h3>…
  <img alt="…">
</body>

CE QUE FAIT CHAQUE BALISE

<title>classement + clic
Le titre cliquable dans les résultats et dans l’onglet. Google peut le réécrire.
meta descriptionclic seul
Aucun effet direct sur le classement. Elle sert à faire cliquer, quand Google la reprend.
<h1> à <h6>compréhension
La structure de la page, pour les lecteurs, les moteurs et les IA qui découpent en passages.
altimages + accessibilité
Décrit l’image aux lecteurs d’écran et à Google Images.
canonicalconsolidation
Désigne la version de référence parmi des URL proches. Une indication, pas un ordre.
JSON-LDaffichage enrichi
Décrit la page en données structurées. Peut ouvrir un résultat enrichi, jamais garanti.

OUTIL · TESTEUR DE BALISES

Collez votre HTML, lisez le verdict.

Le code source d’une page (Ctrl+U dans le navigateur). Le testeur relève title, description, canonique, structure des titres et images sans alt. L’analyse se fait dans votre navigateur.

Rien n’est envoyé : le code collé ne quitte pas votre navigateur et n’est jamais affiché comme du HTML. La saisie demande JavaScript ; sans lui, le testeur montre le verdict de l’exemple à corriger.

1 / 7 contrôles passés

  • À corriger : title« Accueil - Mon entreprise » · 24 car. Trop court ou générique.
  • À corriger : descriptionAbsente : Google prélèvera un extrait de la page.
  • À corriger : canonicalAbsente : utile si la page existe sous plusieurs URL.
  • À corriger : h12 H1 : acceptable pour Google, mais la hiérarchie devient floue.
  • À corriger : hiérarchieNiveau sauté (h1 → h4).
  • À corriger : alt1 image(s) sans attribut alt sur 2.
  • Réussi : langLangue déclarée.

PLAN DES TITRES

  1. h1 Bienvenue
  2. h1 Plombier Paris
  3. h4 Fuite d’eau ← saut

Repères indicatifs, pas des règles de Google : title entre 30 et 65 caractères, description entre 70 et 170 (Google tronque en pixels, et réécrit souvent l’un comme l’autre). Le testeur lit le HTML collé tel quel, sans exécuter de JavaScript : il ne voit pas ce que la page ajoute après son chargement.

Avant de plonger dans l’optimisation des balises HTML pour booster votre référencement naturel, il est essentiel de maîtriser les fondamentaux du SEO. Pour mieux comprendre les bases du référencement, consultez cet article détaillé sur les bases du SEO.

Qu’est-ce que les balises HTML et pourquoi sont-elles importantes ?

Les balises HTML sont des éléments de code qui structurent et décrivent le contenu de vos pages web. Elles servent de guide aux moteurs de recherche pour interpréter et classer votre contenu dans leurs résultats.

Chaque balise remplit une fonction spécifique : la balise title définit le titre de votre page, la meta description résume son contenu, tandis que les balises H1 à H6 organisent votre structure éditoriale. Cette hiérarchie permet à Google de saisir l’architecture de votre information et d’évaluer sa pertinence pour les requêtes des utilisateurs.

L’optimisation de ces balises est un levier réel, mais toutes ne pèsent pas pareil : le tableau « Ce que fait chaque balise » distingue celles qui jouent sur le classement, celles qui servent surtout à faire cliquer et celles qui aident à structurer la page. Une structure de titres cohérente améliore l’expérience utilisateur et renforce votre autorité thématique.

La balise title : la première impression

La balise title est l’élément le plus visible de votre page dans les résultats de recherche : c’est le titre cliquable, repris aussi dans l’onglet du navigateur. Google le reprend le plus souvent, mais le réécrit s’il le juge trop long, trompeur ou générique.

Pour optimiser votre balise title, respectez ces règles fondamentales :

  • Unicité : un title unique pour chaque page, et descriptif du service réel
  • Mot-clé principal : le sujet principal en tête, la marque en fin
  • Longueur : autour de 50 à 60 caractères : Google tronque en pixels, pas en caractères
  • Attractivité : rédigez un titre qui donne envie de cliquer

Exemple d’optimisation :

Accueil - Mon entreprise
→ Plombier Paris 15 : dépannage, installation et entretien

Cette approche intègre naturellement vos mots-clés tout en précisant votre valeur ajoutée.

Meta description : un argumentaire, pas un signal

La meta description n’influence pas le classement. Elle sert à convaincre de cliquer, quand Google choisit de l’afficher, ce qu’il ne fait pas systématiquement : elle joue donc un rôle dans le taux de clic, pas dans la position.

Une meta description performante doit :

  • Présenter un bénéfice concret pour la personne qui cherche
  • Inclure votre mot-clé principal de manière naturelle, sans le répéter
  • Inciter à l’action avec un verbe d’action
  • Rester concise : Google tronque en pixels, pas en caractères, et réécrit souvent la description
  • Être unique : une seule description par page, jamais copiée d’une autre

Rédigez chaque meta description comme un mini-argumentaire commercial. Posez-vous la question : « Pourquoi un internaute devrait-il choisir ma page plutôt qu’une autre ? » La réponse doit transparaître dans votre description.

Les balises Open Graph (og:title, og:description, og:image) pilotent l’aperçu d’une page quand elle est partagée sur un réseau social, pas son classement. Elles se règlent à part : voir l’article sur les balises Open Graph.

Les titres H1 à H6 : la structure

Le H1 annonce le sujet, les H2 découpent les sections, les H3 les précisent. Cette hiérarchie sert les lecteurs et les moteurs, y compris les IA qui découpent une page en passages.

  • Un seul H1 par page, par clarté plutôt que par obligation
  • Ne pas sauter de niveau : d’un H2 vers un H3, pas vers un H4
  • Des titres qui décrivent la section, pas des slogans
<h1>Plombier Paris 15</h1>
  <h2>Dépannage en urgence</h2>
    <h3>Fuite d’eau</h3>
    <h3>WC bouché</h3>
  <h2>Installation</h2>

La balise H1 : votre titre principal

Le H1 représente le titre principal de votre page. Il doit contenir votre mot-clé principal et résumer clairement le sujet traité. Un seul H1 par page reste la règle la plus claire pour maintenir une hiérarchie lisible, même si Google n’en fait pas une exigence.

Votre H1 peut différer légèrement de votre balise title. Le title s’affiche dans les résultats de recherche, dans l’onglet et dans les partages ; le H1 s’adresse directement aux visiteurs de votre page.

Les balises H2 à H6 : structurer vos sections

Les balises H2 délimitent vos sections principales, les H3 vos sous-sections, et ainsi de suite. Cette hiérarchie logique facilite la lecture et permet aux moteurs de recherche de comprendre l’organisation de votre contenu.

Respectez l’ordre hiérarchique : ne passez pas directement d’un H2 à un H4. Intégrez vos mots-clés secondaires dans ces titres de manière naturelle, sans forcer leur insertion.

Exemple complet :

<body>
  <main>
    <h1>Plombier Paris 15 : dépannage, installation & entretien</h1>

    <section>
      <h2>Dépannage en urgence</h2>

      <h3>Fuite d’eau</h3>
      <h4>Robinet / siphon</h4>
      <h4>Arrivée d’eau / PER</h4>

      <h3>WC / évier bouché</h3>
      <h4>Débouchage mécanique</h4>
    </section>

    <section>
      <h2>Installation & rénovation</h2>

      <h3>Chauffe-eau</h3>
      <h4>Électrique 50 à 300 L</h4>
      <h4>Thermodynamique</h4>

      <h3>Salle de bain</h3>
      <h4>Douche à l’italienne</h4>
    </section>

    <section>
      <h2>Entretien et maintenance</h2>

      <h3>Détartrage chauffe-eau</h3>
      <h3>Contrat annuel</h3>
      <h4>Visite & vérifications</h4>
      <h5>Rapport PDF</h5>
      <!-- H6 possible pour une précision très fine si nécessaire -->
      <!-- <h6>Note interne</h6> -->
    </section>
  </main>
</body>

Les balises sémantiques HTML5

Les balises sémantiques décrivent le rôle d’une zone de la page, là où un div ne dit rien de son contenu. Les principales : header pour l’introduction d’une page ou d’une section, nav pour un bloc de liens de navigation, main pour le contenu principal, article pour un contenu autonome, aside pour un contenu annexe et footer pour le pied d’une page ou d’une section.

Placez le texte de la page dans main et la navigation dans nav : les lecteurs d’écran, les robots et les outils d’extraction isolent ainsi plus facilement le contenu principal du reste. Un document ne doit contenir qu’un seul main visible (documentation MDN). Google ne publie pas de pondération pour ces balises : voyez-y une hygiène de code et d’accessibilité, pas un levier de position.

Même logique pour la mise en gras : strong marque une importance dans le sens du texte, b une simple mise en forme. Aucune des deux ne remplace un bon intertitre.

Alt, canonical et données structurées

Trois balises techniques qui ne se voient pas à l’écran mais pèsent sur l’indexation.

  • Alt : décrire ce que montre l’image, un alt vide pour une image décorative
  • Canonical : pointer vers l’URL propre, sans paramètre, qui répond 200
  • JSON-LD : décrire la page (fil d’Ariane, article, entreprise), sans promettre de résultat enrichi

Attribut alt des images

L’attribut alt, ou texte alternatif, décrit le contenu de vos images aux moteurs de recherche et aux utilisateurs malvoyants. Rédigez des descriptions précises et intégrez vos mots-clés quand c’est pertinent.

<img src="/img/reparation-fuite-siphon.jpg"
     alt="Réparation d’une fuite sur le siphon d’évier à Paris 15">

Balises de données structurées

Les données structurées (Schema.org) aident Google à comprendre le contexte de votre contenu. Elles peuvent ouvrir des résultats enrichis (rich snippets), sans que ce soit jamais garanti.

Exemple pour le fil d’Ariane :

<script type="application/ld+json">
{
  "@context":"https://schema.org",
  "@type":"BreadcrumbList",
  "itemListElement":[
    {"@type":"ListItem","position":1,
     "name":"Accueil","item":"https://www.dupont-plomberie.fr/"},
    {"@type":"ListItem","position":2,
     "name":"Dépannage","item":"https://www.dupont-plomberie.fr/depannage/"},
    {"@type":"ListItem","position":3,
     "name":"Fuite d’eau","item":"https://www.dupont-plomberie.fr/depannage/fuite-eau/"}
  ]
}
</script>

Balises canonical

La balise canonical indique aux moteurs de recherche quelle version d’une page considérer comme référence en cas de contenu dupliqué ou d’URL proches. C’est une indication, pas un ordre : Google peut en retenir une autre.

<head>
  <link rel="canonical" href="https://www.dupont-plomberie.fr/depannage/fuite-eau/">
</head>

Meta robots : noindex et nofollow

La balise meta name="robots" donne des consignes aux robots page par page. noindex demande à Google de ne pas afficher la page dans ses résultats, nofollow de ne pas suivre les liens de la page (documentation Google).

Ne la confondez pas avec le fichier robots.txt, qui gère l’exploration et non l’indexation. Les deux se contredisent facilement : si une page est bloquée dans le fichier robots.txt, Google ne lira jamais son noindex. Pour le détail, voir la fiche du lexique sur noindex.

Erreurs courantes sur les balises

Les cas qui reviennent le plus souvent lors d’un audit, et que le testeur ci-dessus détecte pour la plupart :

  • Le même title sur plusieurs pages, ou un title vide laissé par le thème.
  • Une meta description copiée d’une page à l’autre.
  • Plusieurs H1 sans hiérarchie derrière, ou des niveaux de titres sautés.
  • Un alt rempli de mots-clés au lieu de décrire l’image.
  • Une canonical qui pointe vers une page en redirection ou en erreur.
  • Un noindex oublié après une mise en ligne, ou posé sur une page bloquée dans le robots.txt.

Outils pour optimiser vos balises HTML

Plusieurs outils facilitent l’optimisation de vos balises et détectent vite les doublons, les balises vides ou les niveaux de titres sautés :

  • Google Search Console : identifie les problèmes de balises et leur impact sur votre référencement, accéder à la search console
  • Yoast SEO, Rank Math : plugins WordPress qui guident l’optimisation de vos balises
  • Screaming Frog : crawler qui analyse toutes vos balises en une seule fois
  • SEMrush ou Ahrefs : analysent vos balises et celles de vos concurrents

Ces outils vous permettent de surveiller la performance de vos optimisations et d’ajuster votre stratégie en fonction des résultats obtenus. Un audit régulier de vos balises permet d’identifier et de corriger ces problèmes rapidement.

Mesurer l’effet des corrections

Relevez avant de modifier : sans point de départ, aucun effet ne se démontre. L’optimisation des balises HTML doit s’accompagner d’un suivi rigoureux des performances. Surveillez ces indicateurs clés :

  • Le taux de clic et la position, page par page, dans la Search Console
  • Les titles réécrits par Google : comparez ce que vous écrivez à ce qui s’affiche
  • Un crawl complet pour les doublons et les balises vides
  • Le comportement sur la page (temps passé, pages vues par session) dans Google Analytics

Analysez l’évolution de ces métriques après chaque modification pour mesurer l’efficacité de vos optimisations.

L’optimisation des balises HTML représente un investissement rentable pour votre référencement naturel. Ces ajustements techniques, bien que parfois invisibles pour vos visiteurs, constituent les fondations d’une stratégie SEO performante.

Commencez par auditer vos balises existantes, corrigez les erreurs identifiées, puis optimisez progressivement chaque page selon les bonnes pratiques présentées.

À FAIRE

  • Un title et une description uniques par page.
  • Une hiérarchie H1 > H2 > H3 sans saut.
  • Un alt descriptif sur chaque image porteuse de sens.
  • Une canonique vers l’URL propre de la page.

À ÉVITER

  • Des titles identiques sur toute une section.
  • Le bourrage de mots-clés dans les titres.
  • Des balises vides laissées par le thème.
  • Une canonique vers une page qui redirige ou répond 404.

Questions fréquentes

La meta description améliore-t-elle le classement ?

Non. Google l’a confirmé : elle ne sert pas au classement. Elle peut améliorer le taux de clic quand elle est reprise dans les résultats.

Peut-on avoir plusieurs H1 sur une page ?

Google indique que ce n’est pas un problème. Un seul H1 reste la règle la plus claire pour les lecteurs et pour structurer la page.

Pourquoi Google réécrit-il ma balise title ?

Parce qu’il la juge trop longue, trop générique, bourrée de mots-clés ou éloignée du contenu. Il s’appuie alors sur le H1 ou d’autres éléments de la page.

Faut-il mettre un mot-clé dans l’attribut alt ?

Seulement s’il décrit réellement l’image. L’alt sert d’abord aux personnes qui ne voient pas l’image.

C’est quoi une balise SEO ?

Une balise HTML qui renseigne les moteurs et les lecteurs sur une page : title, meta description, titres H1 à H6, alt, canonical, meta robots. Certaines pèsent sur le classement, les autres servent à faire cliquer ou à structurer la page.

Quelle différence entre noindex et robots.txt ?

Le robots.txt gère l’exploration : il indique aux robots les URL qu’ils peuvent demander. Le noindex gère l’indexation : il demande de ne pas afficher la page dans les résultats. Si une page est bloquée dans le robots.txt, Google ne lit pas son noindex.

Vos balises, sur tout le site.

Le testeur lit une page. L’audit lit toutes les pages : titles en double, H1 manquants, canoniques contradictoires, et l’ordre dans lequel les corriger.

Demander un audit technique →