Qu'est-ce que les méta-tags?

Les balises méta sont des balises HTML fournissant des métadonnées sur le document HTML. Elles sont placées à l’intérieur de <head> et ne sont pas affichées directement sur la page.

Principales usages des balises méta :

Description du contenu : Indiquer le titre de la page (<title>) et une brève description (<meta name="description">).
Mots-clés : Lister des mots-clés liés au contenu (<meta name="keywords"> - moins pertinent pour le SEO moderne).
Encodage : Définir l’ensemble de caractères du document (<meta charset="utf-8">).
Auteur : Indiquer l’auteur de la page (<meta name="author">).
Viewport : Gérer le zoom et la taille de la zone de visualisation sur les appareils mobiles (<meta name="viewport">).
Robots : Donner des instructions aux robots de recherche (indexer ou non, suivre ou non les liens) (<meta name="robots">).
Open Graph et Twitter Cards : Fournir des informations pour les réseaux sociaux lors du partage de la page (<meta property="og:...">, <meta name="twitter:...">).

Exemples :

<meta charset="utf-8">
<meta name="description" content="Description de ma page web.">
<meta name="keywords" content="html, css, javascript">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="robots" content="index, follow">
<meta property="og:title" content="Titre pour les réseaux sociaux">

Ils sont importants pour le SEO, une affichage correct sur différents appareils et pour le partage de contenu sur les réseaux sociaux.