Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Apprendre Le Rôle de l'En-Tête du Document | Structure d'un Document HTML
HTML Ultime

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

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'affichent aucun résultat visible.

Titre de la page

La balise <title> détermine ce qui s'affiche dans l'onglet du navigateur. Elle doit être courte, claire et idéalement contenir moins de 60 caractères.

index.html

index.html

copy

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 l'affichage de caractères corrompus (mojibake) :

index.html

index.html

copy

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

Note
Approfondir

SEO (Search Engine Optimization) correspond au processus d’optimisation d’un site web afin d’améliorer sa visibilité dans les résultats des moteurs de recherche.

  • <meta name="description"/> : indique une brève description de la page web ;
  • <meta name="author" /> : indique l’auteur de la page web ;
  • <meta name="language"/> : indique 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"/> : indique le copyright de la page web.
index.html

index.html

copy

1. Où doit être placé la balise <meta> ?

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

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

question mark

Où doit être placé la balise <meta> ?

Select the correct answer

question mark

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

Select the correct answer

question mark

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

Select the correct answer

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 3. Chapitre 3

Demandez à l'IA

expand

Demandez à l'IA

ChatGPT

Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion

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

Glissez pour afficher le menu

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'affichent aucun résultat visible.

Titre de la page

La balise <title> détermine ce qui s'affiche dans l'onglet du navigateur. Elle doit être courte, claire et idéalement contenir moins de 60 caractères.

index.html

index.html

copy

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 l'affichage de caractères corrompus (mojibake) :

index.html

index.html

copy

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

Note
Approfondir

SEO (Search Engine Optimization) correspond au processus d’optimisation d’un site web afin d’améliorer sa visibilité dans les résultats des moteurs de recherche.

  • <meta name="description"/> : indique une brève description de la page web ;
  • <meta name="author" /> : indique l’auteur de la page web ;
  • <meta name="language"/> : indique 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"/> : indique le copyright de la page web.
index.html

index.html

copy

1. Où doit être placé la balise <meta> ?

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

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

question mark

Où doit être placé la balise <meta> ?

Select the correct answer

question mark

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

Select the correct answer

question mark

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

Select the correct answer

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 3. Chapitre 3
some-alt