Connexion
← Retour au lexique
⚙️ SEO Technique

Balise HTML

Une balise HTML est un élément de code qui structure le contenu web. Les balises SEO essentielles incluent title, meta, headings et canonical.

Définition

Une balise HTML (HTML tag) est un élément de code qui définit la structure et le type de contenu d’une page web. Les balises sont interprétées par les navigateurs pour afficher la page et par les moteurs de recherche pour comprendre le contenu.

Certaines balises ont un impact direct et significatif sur le SEO.

Structure d’une balise

Syntaxe de base

<balise attribut="valeur">Contenu</balise>

Balises auto-fermantes

<img src="image.jpg" alt="description" />
<meta name="description" content="..." />

Balises SEO essentielles

Title (balise titre)

<title>Titre de la page | Marque</title>
  • Facteur de ranking direct
  • Affiché dans les SERPs
  • 50-60 caractères recommandés

Meta description

<meta name="description" content="Description de 155 caractères..." />
  • Pas de facteur de ranking direct
  • Influence le CTR
  • Affichée sous le titre dans les SERPs

Meta robots

<meta name="robots" content="index, follow" />

Contrôle l’indexation et le suivi des liens.

Canonical

<link rel="canonical" href="https://exemple.com/page-originale" />

Indique la version principale en cas de contenu dupliqué.

Balises de structure

Headings (H1-H6)

<h1>Titre principal</h1>
<h2>Sous-titre</h2>
<h3>Section</h3>
  • Un seul H1 par page
  • Hiérarchie logique
  • Inclure les mots-clés naturellement

Paragraphes et listes

<p>Texte</p>
<ul><li>Élément</li></ul>
<ol><li>Élément numéroté</li></ol>

Structurent le contenu pour la lisibilité.

Balises de liens

Liens hypertextes

<a href="url" title="description">Ancre</a>

Attributs importants

<a href="url" rel="nofollow">Lien no-follow</a>
<a href="url" rel="sponsored">Lien sponsorisé</a>
<a href="url" rel="ugc">Contenu utilisateur</a>

Balises d’images

Image standard

<img src="image.jpg" alt="Description de l'image" width="800" height="600" />

Attributs SEO

  • alt : Description pour l’accessibilité et le SEO images
  • title : Info-bulle (optionnel)
  • width/height : Évite le CLS

Balises techniques

Hreflang

<link rel="alternate" hreflang="fr" href="https://exemple.com/fr/" />
<link rel="alternate" hreflang="en" href="https://exemple.com/en/" />

Pour les sites multilingues.

Viewport

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

Essentiel pour le mobile.

Charset

<meta charset="UTF-8" />

Encodage des caractères.

Balises de données structurées

JSON-LD (recommandé)

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "Titre"
}
</script>

Microdata

<div itemscope itemtype="https://schema.org/Product">
  <span itemprop="name">Produit</span>
</div>

Balises obsolètes ou à éviter

Pour le SEO

  • <meta name="keywords"> : Ignoré par Google
  • <font>, <center> : Obsolètes, utiliser CSS
  • <frames> : Problèmes d’indexation

Mauvaises pratiques

<!-- À éviter -->
<h1 style="display:none">Texte caché</h1>

Audit des balises

À vérifier

  • Title unique sur chaque page
  • Meta description présente et unique
  • H1 présent et unique
  • Alt text sur les images
  • Canonical correct
  • Données structurées valides

Outils

  • Screaming Frog
  • Google Search Console
  • Extension SEO Meta in 1 Click

Conclusion

Les balises HTML sont le fondement du SEO technique. Maîtriser les balises essentielles (title, meta, headings, canonical) et les implémenter correctement est la base de toute optimisation. Un audit régulier des balises permet d’identifier et corriger les problèmes qui impactent votre visibilité.

← Retour au lexique