Qu'est-ce que les métadonnées et à quoi…

Les méta-tags sont des balises HTML spéciales qui fournissent des métadonnées (informations sur le document) pour les navigateurs et les moteurs de recherche. Elles se placent dans la section <head> du document HTML.

Les principaux types de méta-tags et leur objectif :

charset : Indique l'encodage des caractères de la page, par exemple UTF-8. Important pour l'affichage correct du texte.
```
<meta charset="UTF-8">
```
name="description" : Définit une brève description du contenu de la page. Utilisée par les moteurs de recherche dans les résultats.
```
<meta name="description" content="Description courte de votre page pour les moteurs de recherche.">
```
name="keywords" : Liste de mots-clés décrivant le contenu de la page. Son impact sur le SEO a diminué, mais peut être utilisée par certains anciens systèmes.
```
<meta name="keywords" content="mot-clé1, mot-clé2, mot-clé3">
```
name="viewport" : Contrôle le zoom et les dimensions de la zone de visualisation sur les appareils mobiles. Crucial pour le design adaptatif.
```
<meta name="viewport" content="width=device-width, initial-scale=1.0">
```
- width=device-width : La largeur de la zone de visualisation est égale à la largeur de l'écran de l'appareil.
- initial-scale=1.0 : Échelle initiale de la page au chargement.

name="robots" : Indique aux robots de recherche les règles d'indexation de la page.

Tableau des valeurs de l'attribut content :

Valeur	Description
`index`	Permet l'indexation de la page.
`noindex`	Interdit l'indexation de la page.
`follow`	Permet de suivre les liens sur la page et de les indexer.
`nofollow`	Interdit de suivre les liens sur la page.
`all`	Équivaut à `index, follow`. (Valeur par défaut)
`none`	Équivaut à `noindex, nofollow`.

<meta name="robots" content="index, follow">

property (Open Graph, Twitter Cards) : Utilisé pour définir comment le contenu de la page sera affiché lors de la publication sur les réseaux sociaux.

<meta property="og:title" content="Titre pour réseaux sociaux">
<meta property="og:description" content="Description pour réseaux sociaux">
<meta property="og:image" content="URL de l'image pour aperçu">
<meta property="og:url" content="URL de la page">
<meta name="twitter:card" content="summary_large_image">

L'utilité des méta-tags se résume à :

SEO (Optimisation pour les moteurs de recherche) : Aident les moteurs de recherche à comprendre la thématique et le contenu de la page, ce qui influence le classement et l'affichage dans les résultats de recherche (notamment description, keywords, robots).
UX (Expérience utilisateur) : Améliorent l'affichage et l'interaction avec la page sur différents appareils (viewport).
Réseaux sociaux : Définissent l'apparence attrayante du lien lors de la publication, augmentant le taux de clics (property - Open Graph, Twitter Cards).
Informations techniques : Fournissent des données techniques importantes pour le navigateur (par exemple, encodage).

L'utilisation des méta-tags est obligatoire pour créer des pages web correctes, optimisées et conviviales.

Qu'est-ce que les métadonnées et à quoi servent-elles?