Passer au contenu principal

Comment ajouter des balises meta dans l’en‑tête du site Web : Métadonnées en HTML

Les métadonnées sont les héros méconnus du SEO pour les sites Web. Consultez ce guide pour vous assurer d’ajouter des balises meta dans le HTML de la bonne façon.

Les balises meta, également appelées métadonnées, sont des extraits HTML utilisés dans le développement Web pour décrire le contenu d’une page Web. Les balises meta n’apparaissent pas sur les pages, mais existent plutôt dans le code source du site Web, également appelé code HTML, situé dans l’en-tête du site Web. Ces balises fournissent aux moteurs de recherche des descriptions sur le contenu de la page pour les aider à déterminer l’objet de la page et à fournir les pages les plus pertinentes aux utilisateurs du moteur de recherche.

Les balises meta sont utilisées en HTML dans l’en-tête de page, ce qui les rend visibles uniquement pour les moteurs de recherche et ceux qui savent comment consulter le code source du site Web. Les métadonnées informe les moteurs de recherche sur les données d’un site Web pour aider votre contenu à se classer sur les moteurs de recherche populaires tels que Google. Malheureusement, l’ajout de balises meta peut être difficile si vous ne savez pas comment créer des métadonnées de site Web ou coder HTML.

Qu’est-ce que la balise d’en-tête HTML ?

La balise d’en-tête HTML est le conteneur pour les métadonnées. Elle est située entre les balises HTML <html> et Body <body>. Il s’agit de l’emplacement où vous mettez toutes vos balises meta en HTML pour définir le titre, les styles, les crips et d’autres informations. Cette zone de la page ne s’affiche pas dans le navigateur Web. Au lieu de cela, les moteurs de recherche utilisent les informations pour déterminer l’objet d’une page, y compris son titre, son contenu, ses mots-clés, etc. Les navigateurs utilisent les informations dans l’en-tête pour afficher correctement la page du site Web. Contrairement à l’en-tête, l’élément body est affiché sur la page lorsqu’elle est chargée dans un navigateur, il ne doit donc pas contenir de métadonnées.

Où se trouve l’en-tête HTML ?

L’en-tête HTML est situé entre la balise HTML et la balise body. Il est généralement beaucoup plus petit que la balise body parce que son travail principal est de contenir des métadonnées. Vous pouvez utiliser les outils de développement de votre navigateur Web pour trouver l’en-tête HTML de n’importe quelle page du site Web.

Qu’est-ce que les métadonnées du site Web ?

Les balises meta en HTML servent d’informations importantes pour les moteurs de recherche. Elles sont utilisées pour décrire les éléments HTML et communiquer le contenu d’un site Web pour les moteurs de recherche. Les métadonnées du site Web comprennent des titres de page, des descriptions, des mots-clés, etc., pour aider les moteurs de recherche à analyser et classer les pages Web. Les moteurs de recherche interprètent les données et les informations sur les pages du site Web pour déterminer leur pertinence par rapport à la requête de recherche d’un utilisateur. Les mots-clés dans le corps et les backlinks vers la page jouent des rôles essentiels, mais les métadonnées expliquent l’objectif général d’une page pour lui permettre de se classer pour les mots-clés.

Les balises meta peuvent améliorer les efforts de référencement pour aider les moteurs de recherche à comprendre l’objectif d’une page. Cependant, toutes les balises meta ne sont pas conçues à des fins de référencement.

Vous pouvez ajouter des métadonnées à l’en-tête d’un site Web de plusieurs façons. Tout d’abord, vous aurez besoin d’accéder à la section en-tête du fichier HTML. Vous pouvez le télécharger et le modifier avec un éditeur de texte ou créer un nouveau fichier. Vous pouvez également choisir d’ajouter ou de modifier le fichier dans le gestionnaire de fichiers cPanel. Une fois que vous avez le fichier HTML, localisez la section en-tête en haut. Selon la façon dont la page a été développée, vous pouvez déjà avoir une balise title et d’autres types de balises meta.

Si vous n’êtes pas un développeur de site Web, vous pouvez utiliser un plug-in WordPress comme SEOPress ou Yoast pour ajouter facilement des meta tags à vos pages Web.

Balise title

La balise title est ce qui est affiché sur les pages de résultats des moteurs de recherche (SERP) comme titre de votre page Web. Chaque page de votre site Web doit avoir un titre unique. Le titre ne doit pas être confondu avec la balise H1 qui existe dans le corps de la page et peut servir de titre pour le contenu de la page. Les balises title doivent comporter entre 50 et 60 caractères pour éviter d’être tronquées sur les moteurs de recherche.

Vous pouvez ajouter le titre à une page Web en trouvant la balise <title> dans le code source et en saisissant les mots. Lorsque vous avez terminé d’ajouter votre balise title, elle devrait ressembler à ceci :

Le titre <title> va ici</title>

Les éléments balise title sont importants car ils aident les moteurs de recherche à déterminer l’objet d’une page Web, les aidant ainsi à décider si vous souhaitez ou non référencer votre page pour une requête particulière. La balise title apparaît également dans les onglets du navigateur pour vous aider à naviguer dans votre navigateur.

Pour être efficace, la balise title doit utiliser vos mots-clés cibles afin d’aider les moteurs de recherche à classer la page. Cependant, elle doit également inciter les utilisateurs à cliquer pour lire vos articles ou pages Web. Les mots-clés prioritaires doivent apparaître aussi près que possible du début du titre, car vous n’avez pas beaucoup d’espace pour travailler. De plus, chaque page doit avoir un titre unique pour éviter de confondre les moteurs de recherche et leurs utilisateurs.

Balise meta description

Une balise meta description est le résumé de texte court qui apparaît sur les pages SERP sous le titre. Vos pages doivent toutes comporter une description unique et précise de leur contenu. Une balise meta description doit comporter entre 150 et 160 caractères pour éviter d’être tronquée dans les résultats de recherche. Malheureusement, vous ne pouvez pas toujours avoir votre mot à dire sur le contenu de votre balise meta description. Même si vous les écrivez vous-même, les moteurs de recherche peuvent toujours décider que vous avez fourni des informations qui n’étaient pas pertinentes et choisir de réécrire vos balises meta description ou d’afficher le mauvais contenu de la page.

Pour ajouter la balise meta description à la page de votre site Web, localisez la section <meta name=" description" content= "Content goes here." > du code HTML.

Une balise meta description est une information importante pour les moteurs de recherche et les utilisateurs. L’utilisation d’une balise meta description efficace peut promouvoir davantage de clics sur votre site Web en définissant des attentes claires quant à ce que les utilisateurs peuvent s’attendre à trouver.

Inclure des mots-clés cibles dans votre balise meta description peut aider les gens à découvrir votre contenu plus facilement tout en indiquant aux moteurs de recherche en quoi consiste la page. Vous pouvez également expliquer l’objectif de la page et ce que les clients trouveront une fois qu’ils auront cliqué. Vous pouvez également effectuer des tests A/B sur vos balises meta description pour voir quelles versions obtiennent plus de clics, vous aider à vous classer plus haut et, en fin de compte, générer plus de trafic sur le site Web. Apprenez à rédiger une description efficace en consultant ces exemples de balises meta description.

Balise meta robots

La balise meta robots indique aux moteurs de recherche comment parcourir votre site Web, en leur indiquant quelles pages vous souhaitez référencer et celles que vous ne souhaitez pas référencer. Ces balises ont de nombreux objectifs, vous devez donc les utiliser correctement si vous souhaitez classer certaines pages et en ignorer d’autres.

Les balises robots indiquent aux moteurs de recherche s’ils doivent indexer ou suivre une page en les étiquetant INDEX et FOLLOW ou NOINDEX et NOFOLLOW. Lorsque vous étiquetez une page comme INDEX, vous dites aux moteurs de recherche que vous voulez qu’elle apparaisse dans les SERP. Pendant ce temps, lorsque vous leur demandez de FOLLOW une page, cela signifie que vous souhaitez transmettre le PageRank à une page spécifique. Une balise NOFOLLOW n’est pas suivie, elle ne peut donc pas transférer le classement de la page vers un autre type de page Web. Ces pages peuvent toujours apparaître dans l’index de Google si un autre site y renvoie sans utiliser la balise NOFOLLOW. D’autres moteurs de recherche peuvent avoir des règles différentes pour ces balises robot.

Les balises robot peuvent ressembler à ceci :

<meta name= “robots” content=noindex, nofollow”>
<meta name= “robots” content=noindex, follow”>
<meta name= “robots” content=index, nofollow”>

Enfin, les balises que vous utilisez dépendront de vos objectifs pour une page spécifique. La première ligne de notre exemple indique aux moteurs de recherche d’ignorer la page et les liens dans la page, ce qui la rend finalement inutile pour le trafic de référence. Le deuxième exemple indique aux moteurs de recherche d’ignorer la page mais de suivre tous les liens hypertextes de cette page, et le troisième exemple indique aux moteurs de recherche d’indexer la page mais de ne pas suivre les liens hypertextes de la page qui peuvent aller à d’autres pages.

Chacune de vos pages doit avoir une balise meta robots, mais une seule balise par page. Vous ne devriez pas utiliser les trois options sur la même page.

Balise open graph

Les balises open graph sont utilisées pour partager des messages sur des plates-formes de réseaux sociaux telles que Facebook. Si vous souhaitez transmettre des informations à partir d’un blog comme l’image présentée et un extrait, vous utiliserez la balise open graph. Ces balises indiquent efficacement aux plates-formes de réseaux sociaux le type d’informations que vous souhaitez afficher lorsque vous partagez un lien depuis votre site Web.

Vous avez probablement déjà vu des balises open graph en action. Chaque fois que vous partagez un lien depuis un site Web sur les réseaux sociaux, il génère automatiquement un aperçu. Cet aperçu est créé via la balise open graph. Vous pouvez choisir parmi de nombreuses balises open graph, mais elles apparaîtront dans l’en-tête HTML comme

<meta property=”og:xx”>

Vos options pour ce que vous pouvez mettre dans un graphique ouvert comprennent :
<meta property=”og:title”>
<meta property=”og:description”>
<meta property=”og:type”>
<meta property=”og:image”>
<meta property=”og:url”>
<meta property=”og:site_name”>

Le titre définit la page Web et son objet. Vous pouvez rendre votre titre open graph identique à votre meta titre ou le modifier en fonction de votre audience sur les réseaux sociaux. Pendant ce temps, la description agit de la même manière qu’une balise meta description, tandis que le type définit le type de contenu. Par exemple, le type peut faire référence à une chanson, un PDF ou une image.

De plus, la balise d’image open graph indique aux plates-formes de réseaux sociaux quelle image vous souhaitez extraire de la page Web pour servir d’image de publication, et l’URL définit l’URL de la page que vous partagez. Si vous souhaitez afficher le nom de votre site Web, vous pouvez le faire à l’aide de la balise de nom du site, mais ce n’est généralement pas une propriété importante pour les utilisateurs des réseaux sociaux.

Balise meta keyword

La balise meta keyword est utilisée pour décrire les mots-clés que vous souhaitez classer. Cependant, la plupart des moteurs de recherche ignorent cette balise, elle devient donc obsolète chaque année. En fait, si vous abusez de la balise meta keyword, vous pourriez obtenir une pénalité, vous empêchant de vous positionner pour vos mots-clés cibles. Lorsqu’elle est utilisée correctement, cette balise peut informer les moteurs de recherche de l’objet de votre contenu en mettant en évidence les mots-clés importants trouvés sur votre page. Malheureusement, Google n’utilise pas la balise meta keyword, mais d’autres moteurs de recherche pourraient le faire, il convient donc d’envisager d’améliorer votre référencement en utilisant des moteurs de recherche autres que Google.

Au minimum, l’utilisation de la balise meta keyword peut vous aider à effectuer le suivi des mots-clés que vous ciblez sur les différentes pages du site Web. La balise ressemble à ceci :
<meta name+" keywords" content=" keywords go here"/>

Étant donné que les principaux moteurs de recherche n’utilisent plus la balise meta keyword comme facteur de référencement, il n’est pas nécessaire de perdre votre temps ou d’ajouter plus de code qui peut ralentir votre site Web. Au lieu de cela, vous pouvez ignorer celle-ci et vous concentrer sur les balises meta qui peuvent aider à améliorer le référencement et l’expérience utilisateur.

Autres balises meta HTML

Il existe de nombreux autres types de balises meta qui peuvent être utilisés dans l’en-tête ou le corps d’un site Web, notamment :

  • Balise canonique : La balise canonique est utilisée pour indiquer s’il existe une version originale d’une page Web pour indiquer aux moteurs de recherche qu’une version est la page principale et que les autres ne doivent pas être indexées. Cela peut vous empêcher de rivaliser avec vous-même pour le référencement et empêcher le contenu en double de devenir un problème.
  • Balise de texte alternative : La balise de texte de remplacement aide les moteurs de recherche à lire les images à travers le texte, car ils ne peuvent pas dire à quoi ressemble une image. Lorsque vous écrivez du texte de remplacement, utilisez toujours des descriptions pertinentes sans bourrer de mots-clés. Le texte de remplacement est également important pour les lecteurs d’écran afin d’améliorer l’accessibilité du site Web, il doit donc avoir un sens pour les gens.
  • Balises d’en-tête : Les balises d’en-tête sont utilisées pour modifier les tailles de police et structurer votre contenu. Ces balises vont de H1 (le plus grand) à H6 (le plus petit) et peuvent aider les lecteurs à numériser le contenu.
  • Balises de langue : La balise meta de langue indique aux moteurs de recherche dans quelle langue se trouve le contenu et identifie le pays pour améliorer les résultats de recherche en fonction de la langue et de l’emplacement.
  • Balises d’auteur : Les balises d’auteur montrent l’auteur du contenu, ce qui peut aider à satisfaire aux exigences d’expertise, d’authenticité et de fiabilité (EAT) de Google pour le classement du contenu.
  • Date de publication : La date de publication peut être utilisée sur les blogs pour aider les utilisateurs à comprendre dans quelle mesure les informations sont pertinentes et récentes. Pour en savoir plus, consultez nos articles de blog sur les métadonnées.
  • Style : La balise de style contient un code CSS pour définir comment les éléments HTML doivent apparaître sur les navigateurs.

Vous devez peser les avantages et les inconvénients de chacune d’elles lorsque vous réfléchissez aux balises à utiliser. Plus de code sur votre site Web peut affecter négativement la vitesse de chargement, empêchant ainsi le chargement de votre site Web le plus rapidement possible. La vitesse de la page définit le temps nécessaire au chargement d’une page sur votre site Web. Plus le chargement d’une page est long, plus les utilisateurs risquent d’abandonner, ce qui vous fait perdre du trafic et l’occasion de réaliser une vente. Lorsque vous évaluez la vitesse de votre page, vous devez tenir compte des utilisateurs d’appareils de bureau et d’appareils mobiles. Les personnes qui utilisent leurs appareils mobiles pour visiter des sites Web sont encore moins patients, la vitesse de votre page mobile doit donc être une priorité absolue pour que les utilisateurs restent intéressés par la lecture de votre contenu.

La vitesse des pages est également un facteur de référencement important, car elle améliore l’expérience utilisateur. Plus une page Web se charge rapidement, plus il y a de chances qu’un utilisateur ait une bonne expérience, ce qui permet aux moteurs de recherche d’offrir de meilleurs résultats aux utilisateurs. La vitesse de la page affecte également votre chiffre d’affaires, car une page doit se charger rapidement pour maintenir l’engagement de vos clients potentiels sur le site Web, ce qui leur permet d’apprendre tout ce dont ils ont besoin avant de se décider à passer à l’action.

Bien que les balises meta soient également essentielles pour les moteurs de recherche, il est toujours préférable de prendre en compte celles dont vous avez le plus besoin. Nous avons discuté des balises meta les plus utiles à utiliser sur votre site Web pour améliorer le référencement, mais ajouter plus de code que cela à votre site Web peut affecter la vitesse de la page et avoir un impact direct sur votre classement.

Pourquoi l’ajout de métadonnées HTML dans l’en-tête du site Web est important

Les métadonnées ne peuvent être utilisées que dans l’en-tête du site Web. Si vous les placez dans la section du corps de la page, elles apparaîtront lorsqu’elles seront rendues sur un navigateur, ce qui aura un impact sur l’expérience utilisateur et empêchera les moteurs de recherche d’utiliser efficacement les données pour classer vos pages de site Web. Si votre balisage n’est pas valide, les navigateurs risquent de ne pas afficher vos pages correctement. Il est donc préférable de conserver les balises dans l’en-tête, à l’endroit où elles sont censées se trouver, car c’est le seul endroit où les moteurs de recherche les recherchent.

Notes finales sur les métadonnées du site Web

Les métadonnées peuvent vous aider à faire passer votre SEO au niveau supérieur en vous permettant de rédiger vos propres titres et descriptions et de dire aux moteurs de recherche comment interagir avec votre site Web et le comprendre. Malheureusement, il peut être difficile de travailler avec le code HTML si vous n’êtes pas un développeur de site Web. Heureusement, ce n’est pas votre seule option. Si vous disposez d’un site Web WordPress, vous pouvez utiliser des plug-ins SEO pour faciliter l’ajout de balises, ou vous pouvez utiliser les services marketing Mailchimp. Lorsque vous créez un site Web avec Mailchimp, vous pouvez écrire vos propres balises pour votre site Web, y compris des titres meta et des balises meta descriptions, pour vous aider à vous classer sur les moteurs de recherche et à obtenir plus de trafic sur le site Web.

Partagez cet article