Summary  
This chapter explains how to use HTML document head elements—such as the `<title>` tag and various `<meta>` tags—to define page metadata like the title, character encoding, description, author, language, and search engine directives.  

General domain of usage  
Search engine optimization (SEO) for web pages.

L'en-tête du document contient des métadonnées, des informations destinées aux navigateurs et aux moteurs de recherche.
Ces balises n'apparaissent pas sur la page elle-même, c'est pourquoi les exemples ci-dessous n'afficheront aucun résultat visible.

### Titre de la page
La balise `<title>` contrôle ce qui apparaît dans l'onglet du navigateur. Elle doit être courte, claire et idéalement contenir moins de 60 caractères.


PGh0bWwgbGFuZz0iZW4iPgogIDxoZWFkPgogICAgPCEtLSBNZXRhZGF0YSAtLT4KICAgIDx0aXRsZT5XZWIgRGV2ZWxvcG1lbnQ8L3RpdGxlPgogIDwvaGVhZD4KICA8Ym9keT4KICAgIDwhLS0gUGFnZSBjb250ZW50IC0tPgogIDwvYm9keT4KPC9odG1sPg==

### Métadonnées
La balise `<meta>` contient des informations techniques importantes sur la page.
La plus essentielle est l'encodage des caractères, qui évite les caractères illisibles (mojibake) :

PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDwhLS0gTWV0YWRhdGEgLS0+CiAgICA8bWV0YSBjaGFyc2V0PSJ1dGYtOCIgLz4KICAgIDx0aXRsZT5XZWIgRGV2ZWxvcG1lbnQ8L3RpdGxlPgogIDwvaGVhZD4KICA8Ym9keT4KICAgIDwhLS0gUGFnZSBjb250ZW50IC0tPgogIDwvYm9keT4KPC9odG1sPg==

### Signification des attributs de la balise meta
- `name` : décrit le type de métadonnée ;
- `content` : la valeur de cette métadonnée ;
- `http-equiv` : simule les en-têtes HTTP.

### Balises meta de base pour l'amélioration du SEO

**SEO (Search Engine Optimization)** est le processus d'optimisation d'un site web afin d'améliorer sa visibilité dans les résultats des moteurs de recherche.

Pour aller plus loin

- `<meta name="description"/>` : spécifie une brève description de la page web ;
- `<meta name="author" />` : spécifie l’auteur de la page web ;
- `<meta name="language"/>` : spécifie la langue de la page web ;
- `<meta name="robots"/>` : indique aux moteurs de recherche comment explorer ou indexer la page web ;
- `<meta name="googlebot" content="notranslate"/>` : informe Google de ne pas proposer de traduction automatique de la page web ;
- `<meta name="copyright" content="Copyright 2024"/>` : spécifie le copyright de la page web.


PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDwhLS0gTWV0YWRhdGEgLS0+CiAgICA8bWV0YSBjaGFyc2V0PSJ1dGYtOCIgLz4KICAgIDxtZXRhIG5hbWU9ImRlc2NyaXB0aW9uIiBjb250ZW50PSJFeHBsb3JlIHRoZSB3ZWIgZGV2ZWxvcG1lbnQgcHJvY2Vzcy4iIC8+CiAgICA8bWV0YSBuYW1lPSJhdXRob3IiIGNvbnRlbnQ9Ikplbm5pZmVyIFNoaWtpIiAvPgogICAgPG1ldGEgbmFtZT0ibGFuZ3VhZ2UiIGNvbnRlbnQ9IkVuZ2xpc2giIC8+CiAgICA8bWV0YSBuYW1lPSJyb2JvdHMiIGNvbnRlbnQ9ImluZGV4LCBmb2xsb3ciIC8+CiAgICA8bWV0YSBuYW1lPSJnb29nbGVib3QiIGNvbnRlbnQ9InRyYW5zbGF0ZSIgLz4KICAgIDxtZXRhIG5hbWU9ImNvcHlyaWdodCIgY29udGVudD0iQ29weXJpZ2h0IDIwMjQgSmVubmlmZXIgU2hpa2kiIC8+CiAgICA8dGl0bGU+V2ViIERldmVsb3BtZW50IEd1aWRlPC90aXRsZT4KICA8L2hlYWQ+CiAgPGJvZHk+CiAgICA8IS0tIFBhZ2UgY29udGVudCAtLT4KICA8L2JvZHk+CjwvaHRtbD4=

Où la balise `<meta>` doit-elle être placée ?

Quel contenu de balise sera affiché sur l'onglet utilisateur ?

Que peut-on faire pour aider le navigateur à indexer la page ?

Apprenez les bases du HTML (HyperText Markup Language), le fondement du développement web. Ce cours destiné aux débutants couvre les balises, attributs, éléments et la structuration des pages web. Acquérez des compétences pratiques pour créer des titres, paragraphes, listes, images, liens, formulaires et tableaux. Découvrez les bonnes pratiques, l’optimisation et l’accessibilité web. Commencez votre parcours en développement web avec le HTML.

Explorez le fonctionnement interne du web. Découvrez comment les données circulent à travers les réseaux, le rôle des protocoles, ainsi que les mystères des adresses IP et des noms de domaine. Acquérez une compréhension globale de la manière dont les navigateurs web et les serveurs communiquent pour fournir du contenu web.

Découvrez la puissance des balises pour structurer le contenu, des titres et paragraphes aux listes et tableaux. Apprenez à enrichir les éléments grâce aux attributs.

Le cœur de la structure d'un document HTML. Découverte des composants d'un document HTML, y compris la déclaration doctype, l'en-tête et le corps. Compréhension de la fonction de chaque élément et de leur contribution à la structure globale d'une page web.

Rendez une page web plus attrayante grâce à l'intégration de médias tels que des images, de l'audio et de la vidéo. Manipulez des données structurées sous forme de tableaux.

Découvrez la polyvalence des formulaires HTML. Apprenez à concevoir des formulaires intuitifs et conviviaux en utilisant des concepts et techniques essentiels. Comprenez comment les formulaires permettent l'interaction utilisateur et la soumission de données sur les sites web.

Le Rôle de l'En-Tête du Document

Titre de la page

Métadonnées

Signification des attributs de la balise meta

Balises meta de base pour l'amélioration du SEO

1. Où la balise `<meta>` doit-elle être placée ?

2. Quel contenu de balise sera affiché sur l'onglet utilisateur ?

3. Que peut-on faire pour aider le navigateur à indexer la page ?