En-Tête du Document

L'en-tête du document peut inclure des balises méta, dont beaucoup sont non visibles pour l'utilisateur dans la fenêtre du navigateur. Par conséquent, dans les exemples à venir, vous ne verrez aucun contenu visible. Ces balises stockent des informations de métadonnées sur la page.

Titre de la Page

Le texte à l'intérieur de la balise <title> est affiché dans l'onglet du navigateur. Le titre doit être une description concise de la page et ne doit pas dépasser 60 caractères.

index.html

Avec l'aide de ce code, vous pouvez obtenir une telle apparence sur le site web. Dans l'onglet du navigateur, vous observerez le texte exact entouré par la balise <title> (cadre blanc dans l'image).

Métadonnées

La balise <meta> contient des informations pour les navigateurs et les moteurs de recherche : encodage du document, communication des données, et bien plus encore. Les balises meta peuvent avoir de nombreux attributs car elles transmettent toutes des informations différentes. Le plus important est l'encodage de la page. Il aide un navigateur à afficher le texte correctement. En cas de non-passage de l'encodage, le navigateur peut afficher des caractères illisibles à la place des caractères.

index.html

Signification des attributs de la balise meta

name: le nom d'une propriété peut être n'importe quel mot ou phrase, les navigateurs web s'attendent généralement à une valeur qu'ils peuvent reconnaître et utiliser pour effectuer une action. Un exemple serait <meta name="author" content="name"> pour indiquer l'auteur de la page ;
content: spécifie la valeur de la propriété. Un exemple serait <meta name="language" content="english"> pour spécifier la langue du texte de la page ;
http-equiv: signifie équivalent HTTP, et il est utilisé pour simuler les en-têtes de réponse HTTP. C'est rare à voir. Un exemple serait <meta http-equiv="refresh" content="30"> pour dire au navigateur de rafraîchir la page toutes les 30 minutes.

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

<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 traductions automatiques de la page web ;
<meta name="copyright" content="Copyright 2024"/>: spécifie le droit d'auteur de la page web.