Comment ajouter des balises Meta à votre site Web HTML

Qu’est-ce que la balise head de HTML ?

La balise HTML head est le conteneur des métadonnées. Elle se situe entre la balise HTML et les balises Body . C’est à cet endroit que vous placez toutes vos balises méta en HTML pour définir le titre, les styles, les scripts et d'autres informations. Cette zone de la page n’est pas affichée dans le navigateur Web.

En revanche, les moteurs de recherche utilisent ces informations pour déterminer le contenu de la page, notamment son titre, son sujet, ses mots-clés, etc. Les navigateurs utilisent les informations contenues dans l’en-tête pour restituer 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, et ne doit donc pas contenir de métadonnées.

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

L’en-tête HTML se situe entre la balise HTML et la balise body. Elle est généralement beaucoup plus petite que la balise body, car sa principale fonction 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 de site Web.

Qu'est-ce que les métadonnées d'un site Web ?

Les métabalises en HTML sont des éléments d’information importants pour les moteurs de recherche. Elles servent à décrire les éléments HTML et à communiquer le contenu d’un site Web aux moteurs de recherche.

Les métadonnées d’un site Web comprennent le titre des pages, leur description, les mots-clés et d’autres éléments qui aident les moteurs de recherche à crawler et à classer les pages Web. Ces derniers interprètent les données et les informations contenues dans les pages d’un site Web afin de déterminer leur pertinence par rapport à la requête d’un utilisateur. Les mots-clés dans le corps du texte et les backlinks vers la page jouent un rôle essentiel, mais les métadonnées expliquent l’objectif général d’une page pour lui permettre de se classer par rapport aux mots-clés.

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

Vous pouvez ajouter des métadonnées à l’en-tête d’un site Web de différentes manières. Tout d’abord, vous devez avoir accès à la section « head » 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 de cPanel. Une fois que vous avez le fichier HTML, localisez la section « head » en haut. Selon la façon dont la page a été développée, il se peut que vous disposiez déjà d’une balise title et d’autres types de balises méta.

Si vous n’êtes pas développeur de sites Web, vous pouvez utiliser un plugin WordPress comme SEOPress ou Yoast pour ajouter facilement des métabalises à vos pages Web.

Balise title

La balise title est ce qui est affiché sur les pages de résultats des moteurs de recherche (SERP) en tant que 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 qui peut servir de titre au contenu de la page. Les balises title doivent comporter entre 50 et 60 caractères pour éviter qu’elles ne soient tronquées par les moteurs de recherche.

Vous pouvez ajouter un titre à une page Web en trouvant la balise

Les balises title sont importantes car elles aident les moteurs de recherche à déterminer le sujet d’une page Web, ce qui leur permet de décider s’il convient ou non de classer votre page pour une requête particulière. Les balises title apparaissent également dans les onglets du navigateur pour vous aider à vous y retrouver.

Pour être efficaces, les balises title doivent utiliser vos mots-clés cibles afin d’aider les moteurs de recherche à classer la page. Cependant, ils doivent également inciter les utilisateurs à cliquer pour lire vos articles ou pages Web. Les mots-clés prioritaires doivent figurer le plus près possible du début du titre, car vous ne disposez pas de beaucoup d’espace. En outre, chaque page doit avoir un titre unique afin de ne pas créer de confusion pour les moteurs de recherche et leurs utilisateurs.

Balise meta description

Une méta-description est le court résumé textuel qui apparaît dans les SERP sous le titre. Toutes vos pages doivent comporter une description unique et précise de leur contenu. Une méta-description doit comporter entre 150 et 160 caractères pour éviter d’être tronquée dans les résultats de recherche.

Malheureusement, vous n’avez pas toujours votre mot à dire sur le contenu de votre méta-description. Même si vous les rédigez 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 méta-descriptions ou d’afficher le mauvais contenu de la page.

Pour ajouter la balise meta description à la page de votre site Web, localisez la section du code HTML.

Une méta-description est un élément d’information important pour les moteurs de recherche et les utilisateurs. Grâce à une méta-description efficace, vous pouvez augmenter le nombre de clics vers votre site Web en définissant clairement ce que les utilisateurs peuvent s’attendre à trouver.

L’inclusion de mots-clés cibles dans votre méta-description peut aider les internautes à découvrir plus facilement votre contenu tout en indiquant aux moteurs de recherche le sujet de la page. Vous pouvez également expliquer l’objectif de la page et ce que les clients trouveront lorsqu’ils cliqueront.

Vous pouvez également effectuer des tests A/B sur vos méta-descriptions pour déterminer les versions qui obtiennent le plus de clics, vous aident à mieux vous classer et, en fin de compte, génèrent plus de trafic sur votre site Web. Découvrez comment rédiger une description efficace en consultant ces exemples de méta-descriptions.

Balise meta robots

La balise meta robots indique aux moteurs de recherche comment crawler votre site Web, en leur indiquant les pages que vous souhaitez classer et celles que vous ne souhaitez pas classer. Ces balises ont de nombreuses fonctions, et 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 ou non indexer ou suivre une page en les étiquetant comme INDEX et FOLLOW ou NOINDEX et NOFOLLOW. Lorsque vous qualifiez une page d’INDEX, vous indiquez aux moteurs de recherche que vous voulez qu’elle apparaisse dans les SERP. En revanche, lorsque vous leur dites de FOLLOW (suivre) une page, cela signifie que vous souhaitez appliquer PageRank à une page spécifique.

Une balise NOFOLLOW n’est pas suivie, elle ne peut donc pas transférer le classement d’une page Web à un autre type de page. Ces pages peuvent toujours apparaître dans l’index de Google si un autre site crée un lien vers elles sans utiliser la balise NOFOLLOW. D’autres moteurs de recherche peuvent avoir des règles différentes pour ces balises robots.

Les balises robots peuvent ressembler à ceci :

En fin de compte, les balises que vous utilisez dépendent 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 qu’elle contient, 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 d’en suivre tous les liens hypertextes, et le troisième exemple indique aux moteurs de recherche d’indexer la page mais de ne pas suivre les liens hypertextes qui peuvent renvoyer à 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 une même page.

Balise open graph

Les balises open graph sont utilisées pour partager des messages sur des plateformes de réseaux sociaux comme Facebook. Si vous souhaitez transmettre des informations d’un blog comme l’image phare et un extrait, vous utiliserez la balise open graph. Ces balises indiquent efficacement aux plateformes 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 d’un site Web sur les réseaux sociaux, un aperçu est automatiquement généré. Cette prévisualisation est créée par la balise open graph. Vous pouvez choisir parmi de nombreuses balises open graph, mais elles apparaîtront dans l’en-tête HTML sous la forme

Vous avez le choix entre plusieurs options pour l’insertion d’une balise open graph :

Le titre définit la page Web et son sujet. Vous pouvez faire en sorte que le titre de votre open graph soit le même que votre méta titre ou le modifier en fonction de votre audience sur les réseaux sociaux. La description agit de la même manière qu’une méta-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.

En outre, la balise open graph image indique aux plateformes de réseaux sociaux l’image que vous souhaitez extraire de la page Web pour l’inclure dans votre post, 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 site name, mais ce n’est généralement pas une fonction 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 pour lesquels vous souhaitez être classé. Cependant, la plupart des moteurs de recherche ignorent cette balise, qui devient donc obsolète de plus en plus chaque année.

À vrai dire, si vous abusez de la balise meta keyword, vous risquez d’être pénalisé, ce qui vous empêchera de vous classer pour les mots-clés que vous visez. Lorsqu’elle est utilisée correctement, cette balise peut informer les moteurs de recherche sur le contenu de votre page en mettant en évidence les mots-clés importants qui s’y trouvent.

Malheureusement, Google n’utilise pas la balise meta keyword, mais d’autres moteurs de recherche peuvent le faire. Cela vaut donc la peine d’y penser si vous souhaitez améliorer votre référencement en utilisant d’autres moteurs de recherche que Google.

Au minimum, l’utilisation de la balise meta keyword peut vous aider à suivre les mots-clés que vous ciblez sur les différentes pages de votre site Web. La balise ressemble à ceci :

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

Autres méta balises HTML

Il existe de nombreux autres types de balises méta qui peuvent être utilisées dans l’en-tête ou le corps d’un site Web. Ces autres balises méta ont des objectifs variés, qu’il s’agisse d’éviter les problèmes de contenu dupliqué ou d’améliorer l’accessibilité et l’expérience utilisateur. Examinons quelques-unes des balises méta supplémentaires les plus utiles que vous pourriez vouloir utiliser sur votre site Web.

• Balise canonique : la balise canonique est utilisée pour indiquer s’il existe une version originale d’une page Web afin de signaler aux moteurs de recherche qu’une version est la page principale et que les autres ne doivent pas être indexées. Cela peut vous éviter de vous concurrencer vous-même pour les classements et empêcher que le contenu dupliqué ne devienne un problème.
• Balise de texte alt : la balise alt-text aide les moteurs de recherche à lire les images par le biais du texte puisqu’ils ne peuvent pas savoir à quoi ressemble un visuel. Lorsque vous rédigez un texte alt, utilisez toujours des descriptions pertinentes sans utiliser de mots-clés. Le texte alternatif 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 visiteurs.
• Balises d’en-tête : les balises d’en-tête sont utilisées pour modifier la taille des polices et structurer votre contenu. Ces balises vont de H1 (la plus grande) à H6 (la plus petite) et peuvent aider les lecteurs à survoler le contenu.
• Balises linguistiques : les balises méta de langue indiquent aux moteurs de recherche la langue du contenu et identifient le pays afin d’améliorer les résultats de recherche en fonction de la langue et de la localisation.
• Balises d’auteur : les balises d’auteur indiquent l’auteur du contenu, ce qui peut aider à satisfaire les exigences de Google en matière d’expertise, d’autorité et de fiabilité (EAT) pour le classement des contenus.
• 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. Obtenez plus d’informations sur les métadonnées pour les articles de blog.
• Style : la balise style contient du code CSS pour définir la manière dont les éléments HTML doivent apparaître sur les navigateurs.

Vous devez peser le pour et le contre de chacune d’entre elles lorsque vous choisissez quelles balises utiliser. Un surcroît de code sur votre site Web peut avoir un effet négatif sur la vitesse de chargement, empêchant vos pages de s’afficher aussi rapidement que possible.

Plus le chargement d’une page est long, plus les utilisateurs risquent d’abandonner votre site, 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’ordinateurs et d’appareils mobiles. Les personnes qui utilisent leurs appareils mobiles pour visiter des sites Web sont encore moins patientes, ce qui signifie que la vitesse de chargement sur mobile doit être votre priorité absolue afin de maintenir leur intérêt pour votre contenu.

La vitesse des pages est également un facteur de classement important car elle améliore l’expérience utilisateur. Plus une page Web se charge rapidement, plus l’utilisateur est susceptible d’avoir une bonne expérience, ce qui permet aux moteurs de recherche de fournir de meilleurs résultats. La vitesse des pages affecte également votre chiffre d’affaires, car elles doivent se charger rapidement pour que vos clients potentiels restent intéressés par votre site Web, leur permettant ainsi d’apprendre tout ce qu’ils peuvent avant de passer à l’étape de la conversion.

Bien que les métabalises soient également essentielles pour les moteurs de recherche, il est toujours préférable de réfléchir à celles dont vous avez le plus besoin. Nous avons abordé les principales balises méta à utiliser sur votre site Web pour améliorer le référencement, mais surcharger votre site Web de code peut affecter la vitesse de chargement et avoir un impact direct sur vos classements.

Pourquoi ajouter des métadonnées HTML dans l’en-tête de votre 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 seront affichées par le navigateur, ce qui affectera l’expérience utilisateur et empêchera les moteurs de recherche de les exploiter efficacement pour classer les pages de votre site Web.

Si votre balisage n’est pas conforme, 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à où elles sont censées se trouver, car c’est le seul endroit où les moteurs de recherche les repèrent.

L’impact des balises méta sur le référencement et l’expérience utilisateur

Les métabalises font bien plus que décrire votre contenu aux moteurs de recherche ; elles influencent directement la façon dont les utilisateurs interagissent avec votre site avant même de le visiter. Lorsqu’ils sont utilisés correctement, ces éléments en coulisses peuvent accroître votre visibilité, générer plus de trafic et créer une meilleure première impression.

Taux de clics dans les résultats de recherche

Les balises title et les méta-descriptions sont autant d’occasions de faire bonne impression lorsqu’un internaute effectue une recherche sur Google. Un titre captivant, riche en mots-clés, associé à une description claire et axée sur les avantages, peut augmenter le nombre de clics vers votre site.

Même si votre page est bien classée, des balises méta de mauvaise qualité peuvent entraîner une baisse du taux de clics, les utilisateurs choisissant des concurrents dont les descriptions sont plus attrayantes. Chaque clic est un client potentiel, c’est pourquoi il vaut la peine de créer des balises méta qui attirent l’attention.

Accessibilité aux crawlers et indexation

La balise méta robots indique directement aux moteurs de recherche les pages à inclure dans les résultats de recherche et celles à ignorer. Sans instructions appropriées, les moteurs de recherche risquent de perdre du temps à crawler des pages non pertinentes ou de passer complètement à côté de votre contenu le plus important.

Les balises canoniques préviennent les problèmes de contenu dupliqué en identifiant votre version préférée de pages similaires, concentrant ainsi votre potentiel de classement au lieu de le diluer dans plusieurs URL.

Ces balises méta techniques permettent aux moteurs de recherche de traiter efficacement votre site et de classer votre meilleur contenu.

Apparence de l'aperçu social

Les balises open graph déterminent la façon dont votre contenu apparaît lorsqu’il est partagé sur les réseaux sociaux. Sans ces balises, les plateformes pourraient tirer du texte ou des images aléatoires qui ne représentent pas bien votre contenu.

Des balises méta pour les réseaux sociaux correctement configurées vous permettent de contrôler les images, les titres et les descriptions qui accompagnent vos liens sur les réseaux sociaux, ce qui rend votre contenu plus attrayant visuellement et plus cliquable.

Les erreurs courantes à éviter avec les métabalises

De nombreux propriétaires de sites Web se précipitent pour mettre en œuvre les balises méta ou s’appuient sur des pratiques dépassées qui peuvent saboter leurs résultats en matière de référencement. Ces erreurs techniques peuvent avoir un impact considérable sur la façon dont les moteurs de recherche interprètent votre site et sur le fait que les visiteurs cliquent ou non sur votre contenu. Avant de finaliser votre stratégie en matière de balises méta, prenez garde à ces trois erreurs courantes :

Utilisation de titres ou de méta-descriptions en double

Chaque page de votre site Web a un but unique, c’est pourquoi l’utilisation de balises méta identiques sur plusieurs pages perturbe à la fois les utilisateurs et les moteurs de recherche. Les titres et les descriptions en double font que les moteurs de recherche ont des difficultés à comprendre ce qui différencie vos pages et peuvent être amenés à choisir eux-mêmes la page à classer.

Prenez le temps de rédiger des méta-informations uniques et descriptives pour chaque page, en soulignant ce qui fait la valeur de chacune d’elles et la distingue des autres sur votre site.

Bourrage de mots-clés dans les balises meta

L’insertion d’un trop grand nombre de mots-clés dans vos balises méta dans l’espoir d’obtenir un meilleur classement dans les moteurs de recherche aboutit en fait à l’effet inverse. Les moteurs de recherche reconnaissent cette tactique dépassée et peuvent pénaliser votre site pour cela.

Plus important encore, les titres et les descriptions truffés de mots-clés sont mal interprétés par les utilisateurs, ce qui réduit le taux de clics. Au lieu de cela, rédigez des balises méta claires et captivantes qui utilisent vos mots-clés principaux de manière naturelle tout en décrivant avec précision le contenu de votre page.

Négliger les métadonnées mobiles et de partage social

De nombreux propriétaires de sites Web optimisent leurs balises méta pour les résultats de recherche classiques, mais oublient la façon dont leur contenu apparaît sur les appareils mobiles ou lorsqu’il est partagé sur les réseaux sociaux.

Les résultats de recherche sur mobile affichent souvent moins de caractères, d’où l’importance d’avoir des balises méta concises et bien placées en tête de page. De même, ne pas mettre en œuvre les balises méta Open Graph et Twitter Card, c’est manquer des occasions de contrôler l’apparence de votre contenu lorsqu’il est partagé.

Prévisualisez toujours la façon dont vos balises méta apparaissent sur les différentes plateformes pour vous assurer qu’elles sont efficaces partout où votre audience est susceptible de vous trouver.

Ce qu’il faut retenir sur les balises méta

Les métadonnées peuvent contribuer à faire passer votre référencement au niveau supérieur en vous permettant de rédiger vos propres titres et descriptions et d’indiquer aux moteurs de recherche comment interagir avec votre site Web et le comprendre. Malheureusement, travailler avec le code HTML peut être difficile si vous n’êtes pas développeur de site Web. Par chance, ce n’est pas la seule option qui s’offre à vous.

Si vous avez un site Web WordPress, vous pouvez utiliser des plugins SEO pour faciliter l’ajout de balises, ou vous pouvez utiliser les services marketing de Mailchimp. Lorsque vous créez un site Web avec Mailchimp, vous pouvez rédiger vos propres balises méta pour votre site Web, y compris les méta titres et les méta descriptions, pour vous aider à vous classer dans les moteurs de recherche et à obtenir plus de trafic sur votre site Web.

---

Principaux points à retenir

• Les métabalises sont des extraits HTML utilisés par les moteurs de recherche pour classer vos pages Web.
• Des balises méta correctement mises en œuvre peuvent améliorer la visibilité de votre site dans les résultats de recherche, augmenter les taux de clics et contrôler la façon dont votre contenu apparaît sur les réseaux sociaux.
• Si l’ajout de balises méta nécessite des connaissances de base en HTML, des outils comme les plugins rendent la mise en œuvre accessible même sans expertise technique.

---