L'en-tête du document peut inclure des balises meta, dont beaucoup sont invisibles pour l'utilisateur dans la fenêtre du navigateur. Par conséquent, dans les exemples à venir, aucun contenu visible n'apparaîtra. Ces balises stockent des métadonnées concernant la page.

Titre de la page

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

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

Métadonnées

La balise <meta> contient des informations destinées aux navigateurs et aux moteurs de recherche : encodage du document, communication des données, et bien plus encore. Les balises meta peuvent avoir de nombreux attributs, car chacune transmet des informations différentes. L'attribut le plus important est l'encodage de la page. Il permet au navigateur d'afficher correctement le texte. En l'absence de l'encodage, le navigateur peut afficher du mojibake à la place des caractères.

Signification des attributs de la balise meta

• name : le nom d'une propriété peut être n'importe quel mot ou expression, mais les navigateurs web attendent généralement une valeur qu'ils peuvent reconnaître et utiliser pour effectuer une action. Par exemple, <meta name="author" content="name"> pour indiquer l'auteur de la page ;

• content : spécifie la valeur de la propriété. Par exemple, <meta name="language" content="english"> pour indiquer la langue du texte de la page ;

• http-equiv : signifie HTTP equivalent, et il est utilisé pour simuler des en-têtes de réponse HTTP. Cela reste rare. Par exemple, <meta http-equiv="refresh" content="30"> pour indiquer au navigateur d'actualiser 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 traduction automatique de la page web ;

• <meta name="copyright" content="Copyright 2024"/> : spécifie le copyright de la page web.