Valid XHTML 1.0 Strict
Apprendre le XHTML > Structure Xhtml d'une page web > Balise META

La balise <meta />

Les balises <meta /> contiennent les méta-informations de la page web xhtml (balise de type EN LIGNE). Ainsi, la balise <meta /> vous donne des infos sur la description de la page web, ses mots-clés, son auteur, les règles spécifiques destinées aux robots des moteurs de recherches, la langue de la page web... L'attribut content est obligatoire. Ces balises <meta /> sont plus ou moins prises en compte par les moteurs de recherche.

Utilisation de la balise <meta />

Cet exemple utilise le doctype xhtml strict 1.0.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
     <title>Titre de la page</title>
     <meta name="keywords" lang="fr" content="motcle1,mocle2" />
     <meta name="description" content="Description de ma page web." />
     <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
     <meta http-equiv="Content-Language" content="fr" />
     <meta http-equiv="Content-Script-Type" content="text/javascript" />
     <link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
     <div>
          Ici, mon texte.
     </div>
</body>
</html>


Les balises <meta /> les plus importantes sont les balises DESCRIPTION, KEYWORDS, CONTENT-TYPE et CONTENT-LANGUAGE. Les autres balises meta sont pas ou peu utiles.
Voici une liste non-exhaustive des différentes balises <meta /> :


  • La balise Meta DESCRIPTION décrit le contenu de la page web :
    <meta name="description" content="Les balises meta en xhtml." />
  • La balise Meta KEYWORDS regroupe les principaux mots-clés de la page web par langue (car une page web peut contenir plusieurs langues différentes). Il peut donc y avoir plusieurs balise Meta KEYWORDS :
    <meta name="keywords" lang="fr" content="meta,balise meta,meta balise,balises meta,meta balises,xhtml" />
  • La balise Meta CONTENT-TYPE définit la table de caractères à utiliser :
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"" />
  • La balise Meta CONTENT-LANGUAGE définit la ou les langues utilisées :
    <meta http-equiv="Content-Language" content="fr" />

    <meta http-equiv="Content-Language" content="fr,uk,us" />
  • La balise Meta CONTENT-SCRIPT-TYPE autorise l'utilisation de gestionnaire d'évènement via les attributs des balises (exemple : onclick="javascript:tester();") :
    <meta http-equiv="Content-Script-Type" content="text/javascript" />
  • La balise Meta AUTHOR définit l'auteur de la page web :
    <meta name="author" content="René Bertrand,Fabien Branchut,Claude François" />
  • La balise Meta CATEGORY définit la catégorie de la page web :
    <meta name="category" content="webmaster,outils webmaster,apprentissage,informatique,internet" />
  • La balise Meta COPYRIGHT définit le copyright de la page web :
    <meta name="copyright" content="Xhtml Online, Webmaster Incorporated" />
  • La balise Meta LANGUAGE définit la ou les langues de la page web (elle semblerait inutile de nos jours) et on utilise à la place la balise Meta CONTENT-LANGUAGE :
    <meta name="language" content="fr,uk,us" />
  • La balise Meta DISTRIBUTION définit la destination du contenu de la page web (publique, privée...). Cette balise est certainement inutilisée de nos jours :
    <meta name="distribution" content="global" />
  • La balise Meta GENERATOR précise le nom du logiciel ayant été utilisé pour créer la page web :
    <meta name="generator" content="ultraedit" />
  • La balise Meta IDENTIFIER-URL précise le nom de domaine de la page web. Cette balise n'a que peu d'interêt. Sa valeur est donc identique sur toutes les pages du site :
    <meta name="identifier-url" content="xhtml.le-developpeur-web.com" />
  • La balise Meta PUBLISHER précise le nom de la personne ayant publiée la page web :
    <meta name="publisher" content="Fabien BRANCHUT" />
  • La balise Meta REPLY-TO précise l'adresse e-mail du webmaster ayant créé la page web. Attention, cette balise n'est plus utilisée car elle est récupéré par certains robots pour faire du spam. Si vous préciser votre adresse e-mail, vous risquez ensuite de recevoir énormement d'email non sollicités :
    <meta name="reply-to" content="fafa@coucou.com" />
  • La balise Meta REVISIT-AFTER précise le délai minimum entre deux visites de robots des moteurs de recherche. Cette balise semble ne plus être utilisée de nos jour :
    <meta name="revisit-after" content="7 days" />
  • La balise Meta ROBOTS autorise ou interdit l'indexation par les robots des moteurs de recherche. Cette balise semble ne plus être utilisée de nos jour. Elle peut contenir plusieurs valeur (all, none, index, noindex, follow, nofollow) :
    <meta name="robots" content="index,follow" />

    "all" est équivalent à "index,follow"
    "none" est équivalent à "noindex,nofollow"
    "index" signifie que cette page sera indexée
    "noindex" signifie que cette page ne sera pas indexée
    "follow" signifie que les liens de cette page seront suivis
    "nofollow" signifie que les liens de cette page ne seront pas suivis
  • La balise Meta GOOGLEBOT autorise la mise en cache spécifique par le moteur de recherche Google (archive, noarchive) :
    <meta name="googlebot" content="archive" />