<meta>
Fournit des métadonnées sur le document : encodage, description SEO, viewport, robots, Open Graph et autres informations machines.
Description
L’élément <meta> représente des métadonnées ne pouvant pas être exprimées par d’autres éléments HTML. Il est void et placé dans <head>. Selon ses attributs, il définit l’encodage du document, la description SEO, les directives pour les robots, les paramètres de viewport ou les balises Open Graph.
Syntaxe
<meta name="description" content="Description de la page.">Exemples
Métadonnées essentielles d’une page :
<head>
<!-- Encodage — toujours en premier -->
<meta charset="utf-8">
<!-- Viewport — indispensable pour le responsive -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Description SEO (50-160 caractères) -->
<meta name="description" content="Référence complète des éléments HTML en français.">
<!-- Robots -->
<meta name="robots" content="index, follow">
</head>Balises Open Graph (partage réseaux sociaux) :
<meta property="og:title" content="Référence HTML — html6.fr">
<meta property="og:description" content="Documentation HTML complète en français.">
<meta property="og:image" content="https://html6.fr/og-image.png">
<meta property="og:url" content="https://html6.fr">
<meta property="og:type" content="website">Thème de couleur (barre de navigation mobile) :
<meta name="theme-color" content="#336699">Attributs spécifiques
| Attribut | Type | Description |
|---|---|---|
charset | string | Encodage du document. Toujours utf-8 en HTML5. Doit être dans les 1024 premiers octets. |
name | string | Nom de la métadonnée : description, viewport, robots, author, theme-color… |
content | string | Valeur associée à name ou http-equiv. |
http-equiv | string | Simule un en-tête HTTP : content-type, refresh, content-security-policy… |
property | string | Propriété Open Graph ou Twitter Cards (non standard mais universellement utilisé). |
Notes
<meta charset="utf-8"> en premier : doit être déclaré dans les 1024 premiers octets du document et avant tout autre élément de métadonnée pour garantir que l’encodage est correctement appliqué.
Description SEO : meta name="description" est utilisée par les moteurs de recherche pour l’extrait dans les résultats. Elle n’influence pas directement le classement mais affecte le taux de clic (CTR).
Support navigateurs
Chrome1+ · Firefox1+ · Safari1+ · Edge12+