← Académie · Général

HTML sémantique

Utilisation de balises HTML qui décrivent le sens du contenu plutôt que sa présentation.

Le HTML sémantique consiste à utiliser des balises HTML qui décrivent le sens du contenu (<article>, <nav>, <main>, <header>, <footer>) plutôt que des balises génériques (<div>) qui ne portent aucune information sémantique.

Pourquoi c'est important pour les IA

Les IA cherchent à isoler le contenu principal d'une page (l'article) de la navigation, des publicités, des commentaires. Le HTML sémantique leur indique explicitement où est quoi.

Balises sémantiques essentielles

  • <article> : contenu principal autonome (article de blog, fiche produit)
  • <main> : zone de contenu principal de la page
  • <nav> : navigation
  • <header> : en-tête (haut de page ou d'article)
  • <footer> : pied de page ou d'article
  • <aside> : contenu connexe (sidebar, encarts)
  • <section> : section thématique

Erreur fréquente

Construire toute une page avec uniquement des <div>. Un site moderne utilise les balises sémantiques pour faciliter l'extraction du contenu principal par les IA.


Et votre site, comment se positionne-t-il ?

Diagnostic gratuit en 60 secondes — découvrez votre score de visibilité IA et les recommandations actionnables.

Prêt à optimiser votre visibilité IA ?

La théorie c'est bien. Voir où vous en êtes sur votre propre site, c'est mieux.