HTML sémantique pour l'IA : title, meta description, lang et repères

Un navigateur peut faire ressembler n’importe quel <div> à un titre ou à un menu. Une machine ne voit pas le style — elle lit les balises. Le HTML sémantique consiste à utiliser des balises qui disent ce qu’est chaque partie (<title>, <main>, <nav>, <article>), pour qu’une IA distingue votre titre de votre barre latérale. Peu d’efforts, beaucoup d’effet.

Les quatre qui comptent le plus

Un squelette à copier

<!doctype html>
<html lang="fr">
  <head>
    <title>Le titre précis de votre page</title>
    <meta name="description" content="Un résumé d'une phrase de cette page.">
  </head>
  <body>
    <header><!-- nom du site, navigation --></header>
    <main>
      <article><!-- votre vrai contenu --></article>
    </main>
    <footer><!-- ... --></footer>
  </body>
</html>

L’erreur fréquente

Une page entièrement bâtie en <div>. Elle peut sembler identique pour un humain et être un mur sans structure pour une machine : pas de contenu principal clair, pas de langue, parfois pas de vrai title. Vous n’avez pas besoin de chaque balise sémantique ; vous avez besoin des quelques-unes qui marquent ce qui compte.

En résumé

Le HTML sémantique est le moyen le moins cher d’être compris : un <title> unique, une meta description, un attribut lang et de vrais repères autour de votre contenu. C’est l’un des « être compréhensible » de notre introduction au GEO.

← Tous les guides