Les balises méta sont des in­for­ma­tions intégrées dans l’en-tête (head) d’un document HTML et servent à fournir des mé­ta­don­nées. In­vi­sibles pour les visiteurs d’une page Web, elles sont toutefois lues par les agents uti­li­sa­teurs, comme les na­vi­ga­teurs et les robots des moteurs de recherche.

Créer un site Internet
Votre site en un éclair grâce à l'in­tel­li­gence ar­ti­fi­cielle
  • Éditeur de site intuitif avec fonctions d'IA
  • Gé­né­ra­teur d'images et de textes avec op­ti­mi­sa­tion SEO
  • Domaine, SSL et boîte email inclus

Que sont les balises méta HTML ?

Les balises méta HTML sont des éléments HTML utilisés pour fournir des in­for­ma­tions sup­plé­men­taires sur une page Web, afin d’en faciliter l’analyse et la gestion. Elles sont insérées dans l’en-tête (<head>) du document HTML et ne s’affichent pas à l’écran. Chaque balise méta suit gé­né­ra­le­ment une structure simple : un attribut définit le type d’in­for­ma­tion, auquel est associé un contenu. Le schéma classique des mé­ta­don­nées HTML est donc le suivant :

<meta name="Nom de l’élément" content="Contenu associé"/>
html

Bien que les mé­ta­don­nées HTML aient autrefois joué un rôle central dans l’op­ti­mi­sa­tion pour les moteurs de recherche, leur impact direct sur le clas­se­ment dans Google, Bing ou d’autres moteurs est aujourd’hui considéré comme limité. Il reste néanmoins fortement re­com­mandé aux ex­ploi­tants de sites Web de ren­seig­ner des mé­ta­don­nées précises dans l’en-tête HTML. En effet, celles-ci con­ser­vent leur utilité pour les mé­ta­mo­teurs de recherche et les outils de recherche internes. Par ailleurs, les balises méta per­met­tent aussi de donner des ins­truc­tions spé­ci­fiques aux robots d’in­dexa­tion (crawlers) con­cer­nant l’ex­plo­ra­tion et l’in­dexa­tion des pages.

Les balises méta à ab­so­lu­ment connaître

La liste des éléments possibles dans l’en-tête HTML est longue. Au-delà des données es­sen­tielles telles que les titres de page, les des­crip­tions et les dé­fi­ni­tions des ca­rac­tères utilisés, l’en-tête HTML peut contenir une grande variété d’éléments. Au-delà des in­for­ma­tions es­sen­tielles comme le titre de la page, la des­crip­tion ou la dé­fi­ni­tion du jeu de ca­rac­tères, cette section (placée dans la balise <head>) permet de fournir de nom­breuses données aux agents uti­li­sa­teurs. Les ex­ploi­tants de sites Web peuvent ainsi y intégrer des mots-clés, définir le thème de la page, ou encore indiquer le nom de l’auteur, de l’éditeur, voire des in­for­ma­tions sur les droits d’auteur via les balises méta.

Toutes ces données ne sont pas né­ces­sai­re­ment per­ti­nentes pour les na­vi­ga­teurs Web ou les robots des moteurs de recherche. En revanche, certaines balises méta ont un impact direct sur la manière dont ces agents traitent la page : elles per­met­tent par exemple d’empêcher l’in­dexa­tion d’une page HTML ou de bloquer le suivi des liens sortants par les crawlers.

Le tableau ci-dessous présente les balises méta les plus im­por­tantes à connaître.

Balise méta Per­ti­nence Exemple
title Très élevée : es­sen­tielle pour le SEO, utilisée comme titre de page dans les résultats de recherche <title>Voici le titre de ma page Web</title>
description Élevée : influence le taux de clic lorsqu’elle apparaît dans les résultats des moteurs de recherche <meta name="description" content="Ceci est une page d’exemple sur le thème HTML."/>
charset Très élevée : né­ces­saire pour un affichage correct des ca­rac­tères (accents, symboles, etc.) <meta charset="UTF-8">
author Faible : utile pour la gestion interne ou les CMS, mais sans impact sur le SEO <meta name="author" content="Nom de l’auteur"/>
copyright Faible : in­for­ma­tive sur le plan juridique, sans effet sur le clas­se­ment <meta name="copyright" content="Propriétaire du copyright et année"/>
robots Élevée : contrôle l’in­dexa­tion et le suivi des liens par les moteurs de recherche <meta name="robots" content="index, follow"/>
http-equiv Moyenne : permet des réglages tech­niques (ex. : re­di­rec­tions, cache) <meta http-equiv="refresh" content="5; url=https://exemple.fr/"/>

Titre (<title>)

Le <title> n’est pas un élément méta à pro­pre­ment parler, mais plutôt une balise HTML in­dé­pen­dante. En raison de son in­te­rac­tion avec les agents uti­li­sa­teurs, il est cependant souvent associé aux mé­ta­don­nées. En tant qu’élément obli­ga­toire de l’en-tête HTML, le <title> est placé en général avant toutes les autres balises méta. Lu par les na­vi­ga­teurs Web, il apparaît dans la barre d’un onglet ou d’une fenêtre en tant que nom par défaut lors de la création de signets et dans l’his­to­rique. Par ailleurs, tous les gros moteurs de recherche utilisent les balises <title> comme titres d’articles dans leurs résultats de recherche ou SERP (en anglais Search Engine Results Page).

Un titre pertinent est essentiel pour obtenir un bon taux de clic (CTR). Dans le cadre de l’op­ti­mi­sa­tion on-page, il est donc crucial de respecter la longueur maximale affichée par les moteurs de recherche, soit environ 580 pixels, ce qui cor­res­pond à 50 à 60 ca­rac­tères. Il est également re­com­mandé d’intégrer le mot-clé principal de la page dans la balise <title>, idéa­le­ment au début. Voici un exemple de balise utilisée pour cette page :

<title>Voici le titre de ma page Web</title>
html

Codage des ca­rac­tères

Si le codage des ca­rac­tères n’est pas précisé dans l’en-tête HTTP, il est re­com­mandé de le définir di­rec­te­ment en HTML, notamment pour garantir l’affichage correct des accents et ca­rac­tères spéciaux. Afin de spécifier les ca­rac­tères spéciaux ou le codage de ca­rac­tères, utilisez la balise méta suivante :

<meta charset="UTF-8"/>
html

Les mé­ta­don­nées sont également per­ti­nentes si un na­vi­ga­teur ne reçoit pas de fichiers HTML par HTTP, mais di­rec­te­ment à partir du disque dur.

Des­crip­tion de pages

La des­crip­tion (aussi appelée balise méta des­crip­tion) est un espace dédié à la rédaction d’un court résumé du contenu de la page Internet. Puisque cette balise méta est prise en compte par les prin­ci­paux moteurs de recherche comme Google ou Bing dans leurs résultats, il est essentiel d’y accorder un soin par­ti­cu­lier lors de sa rédaction. En effet, la méta des­crip­tion a une influence directe sur le com­por­te­ment de clic des in­ter­nautes. À ce titre, elle fait partie des balises méta SEO les plus im­por­tantes pour les pages HTML.

Les ex­ploi­tants de sites Web doivent veiller à ce que le texte de la méta des­crip­tion ne dépasse pas 920 pixels, soit environ 150 à 160 ca­rac­tères. Au-delà de cette limite, les moteurs de recherche risquent de tronquer le texte affiché dans les résultats. Il est donc re­com­mandé de rédiger une des­crip­tion concise et en­ga­geante, qui résume ef­fi­ca­ce­ment le contenu de la page tout en incitant au clic.

<meta name="description" content="Ceci est une page d’exemple sur le thème HTML."/>
html

Auteur et droit d’auteur (author et copyright)

Les balises méta author (auteur) et copyright (droit d’auteur) per­met­tent aux ex­ploi­tants de sites Web d’indiquer dans le code source l’auteur de la page HTML, ainsi que la ti­tu­la­rité des droits d’auteur sur son contenu. Dans certains systèmes de gestion de contenu (CMS), la balise author peut être ren­seig­née au­to­ma­ti­que­ment. Ces deux balises sont fa­cul­ta­tives en droit français.

<meta name="author" content="Nom de l’auteur"/>
<meta name="copyright" content="Propriétaire du copyright"/>
html

In­for­ma­tions pour les robots d’in­dexa­tion (robots)

L’un des rôles es­sen­tiels des balises méta consiste à fournir des ins­truc­tions d’in­dexa­tion aux robots des moteurs de recherche. Cela se fait au niveau de chaque page à l’aide de la balise méta robots. Grâce à cette dernière, il est possible d’indiquer si une page doit être indexée ou non dans les résultats des moteurs de recherche (SERP), et si les liens sortants doivent être suivis ou ignorés par les crawlers. Les di­rec­tives fournies via la balise robots font partie des éléments méta in­con­tour­nables en matière de ré­fé­ren­ce­ment SEO.

index

Pour autoriser l’in­dexa­tion d’une page dans un moteur de recherche, utilisez la balise méta suivante :

<meta name="robots" content="index"/>
html

Étant donné que l’in­dexa­tion de pages Web cor­res­pond au com­por­te­ment standard des robots d’in­dexa­tion, cette donnée est en général inutile.

noindex

Si vous souhaitez empêcher l’in­dexa­tion d’une page HTML par les moteurs de recherche, vous devez le spécifier clai­re­ment à l’aide d’une balise méta dédiée :

<meta name="robots" content="noindex"/>
html

L’attribut name="robots" s’applique à l’ensemble des crawlers des moteurs de recherche. Associé à l’attribut content="noindex", il indique que la page ne doit pas être indexée. Si vous souhaitez res­treindre cette directive à un robot spé­ci­fique, comme celui de Google, il suffit d’utiliser un autre nom d’attribut, par exemple name="googlebot".

follow

Suivre un lien sortant d’une page Web fait partie des com­por­te­ments standards des robots d’in­dexa­tion. Si cela est souhaité, les robots peuvent être redirigés de la manière suivante :

<meta name="robots" content="follow"/>
html

Cette balise méta est en réalité re­don­dante, car les robots d’in­dexa­tion suivent par défaut tous les liens présents sur une page, sauf si une directive contraire comme nofollow est spécifiée.

nofollow

Si vous souhaitez empêcher les robots de suivre les liens sortants de la page, utilisez la balise suivante :

<meta name="robots" content="nofollow"/>
html

Cette ins­truc­tion demande au crawler de ne pas trans­mettre le PageRank via les liens sortants de la page. Jusqu’en 2019, Google res­pec­tait stric­te­ment cette directive. Désormais, elle est con­si­dé­rée comme une simple re­com­man­da­tion ; Google peut malgré tout décider de suivre ces liens et de les explorer.

Les balises méta index/noindex et follow/nofollow peuvent être utilisées seules ou combinées. Il est par exemple possible d’autoriser l’in­dexa­tion d’une page tout en empêchant les robots de suivre les liens qu’elle contient. Les deux actions peuvent ainsi être au­to­ri­sées ou bloquées in­dé­pen­dam­ment l’une de l’autre.

<meta name="robots" content="index,nofollow"/>
<meta name="robots" content="index,follow"/>
<meta name="robots" content="noindex,nofollow"/>
html
Note

L’uti­li­sa­tion du fichier robots.txt constitue un autre levier important pour contrôler l’accès des moteurs de recherche. Con­trai­re­ment aux balises méta, qui s’ap­pli­quent page par page, le fichier robots.txt permet d’exclure glo­ba­le­ment l’ex­plo­ra­tion de ré­per­toires entiers ou de types de fichiers spé­ci­fiques. Placé à la racine du domaine, il est lu en priorité par les moteurs de recherche avant même le char­ge­ment des pages.

Les équi­va­lents HTTP

Grâce à l’attribut http-equiv, les balises méta peuvent simuler certaines ins­truc­tions d’un en-tête HTTP. Elles sont notamment prises en compte lorsque le serveur Web n’est pas configuré pour envoyer ces en-têtes di­rec­te­ment. Cependant, si une ins­truc­tion est définie à la fois dans l’en-tête HTTP et via une balise méta, c’est la version de l’en-tête HTTP qui prévaut.

cache-control

Pour garantir un char­ge­ment rapide des pages, il est courant qu’Internet utilise des serveurs proxy ou le cache des na­vi­ga­teurs afin de stocker tem­po­rai­re­ment les contenus. Ce com­por­te­ment peut toutefois être empêché l’aide de la balise méta cache-control associée à la valeur no-cache :

<meta http-equiv="cache-control" content="no-cache"/>
html

Les pages Web dotées de cette balise doivent être chargées à chaque demande de page. Cela ralentit le té­lé­char­ge­ment de la page, mais peut être pertinent si le contenu d’une page Web change cons­tam­ment.

expires

Au lieu de bloquer com­plè­te­ment la mémoire cache, l’attribut http-equiv vous donne la pos­si­bi­lité de définir une date d’ex­pi­ra­tion pour les fichiers HTML récupérés. Pour cela, voici la balise méta à utiliser :

<meta http-equiv="expires" content="Date d’expiration en secondes"/>
html

Vous pouvez définir la durée de mise en cache à l’aide d’une valeur exprimée en secondes. Par exemple, une valeur de 0 désactive com­plè­te­ment la mise en cache, tandis qu’une valeur de 43200 cor­res­pond à une durée de 12 heures. Une fois ce délai écoulé, le na­vi­ga­teur recharge la page depuis le serveur d’origine.

<meta http-equiv="expires" content="0"/>
<meta http-equiv="expires" content="43200"/>
html

Vous pouvez également définir des durées, incluant dates et heures. Celles-ci doivent être spé­ci­fiées au format in­ter­na­tio­nal et à l’heure de Greenwich.

<meta http-equiv="expires" content="Wed, 01 Jan 2025 00:00:00 GMT"/>
html

refresh

Les balises méta com­pre­nant l’attribut http-equiv per­met­tent de créer une forme simple de transfert. De la même manière que la balise expires définit une date d’ex­pi­ra­tion, refresh définit une re­di­rec­tion. Lorsque cette limite est dépassée, les agents uti­li­sa­teurs tels que les na­vi­ga­teurs Internet ou les robots d’in­dexa­tion sont trans­fé­rés vers une URL pré­dé­fi­nie. Cet exemple de code présente un transfert en 10 secondes vers la page d’accueil de IONOS :

<meta http-equiv="refresh" content="10; url=http://www.ionos.fr/"/>
html

Étant donné que la balise méta refresh ne fonc­tionne pas sous certains pa­ra­mètres de na­vi­ga­teurs, le World Wide Web Con­sor­tium (W3C, organisme de stan­dar­di­sa­tion des tech­niques) conseille une im­plé­men­ta­tion côté serveur grâce au code HTML 301 plutôt qu’un transfert via une balise méta. Vous trouverez plus d’in­for­ma­tions à ce sujet dans notre article sur les prin­ci­paux codes de statut HTTP et leur sig­ni­fi­ca­tion.

Balises méta : exemple de code HTML

Ci-dessous, vous trouverez un exemple de code re­pré­sen­tant un en-tête HTML simple mais complet. Il intègre les balises méta les plus im­por­tantes men­tion­nées dans cet article ; il s’inspire des mé­ta­don­nées réel­le­ment utilisées pour cet article.

<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <!-- Balise méta pour le titre de la page -->
    <title>Balises méta : guide d’optimisation HTML pour vos pages Web</title>
    <!-- Balise méta description -->
    <meta name="description" content="Préparez votre page HTML de manière optimale grâce aux balises méta, avec des exemples pratiques et des conseils pour le SEO et les navigateurs.">
    <!-- Balise méta robots -->
    <meta name="robots" content="index, follow">
    <!-- Balise méta pour l’auteur de la page -->
    <meta name="author" content="Clément Dupont">
    <!-- Balise méta pour les droits d’auteur -->
    <meta name="copyright" content="Clément Dupont 2025">
    <!-- Balise http-equiv pour définir une date d’expiration (optionnelle) -->
    <meta http-equiv="expires" content="Wed, 01 Jan 2025 00:00:00 GMT">
    <!-- Balise http-equiv pour désactiver la mise en cache -->
    <meta http-equiv="cache-control" content="no-cache">
</head>
<body>
    <h1>Meta tags HTML : aperçu des balises méta indispensables pour le référencement naturel</h1>
    <!-- Contenu principal de la page -->
</body>
</html>
html
Note

Il existe de nombreux gé­né­ra­teurs de balises méta en ligne, qui per­met­tent de créer ra­pi­de­ment et fa­ci­le­ment le code adapté à votre page Web. Un outil gratuit est par exemple dis­po­nible sur le site SEOptimer. Il vous suffit d’y ren­seig­ner les in­for­ma­tions sou­hai­tées ; l’outil génère ensuite le code HTML que vous pouvez copier dans l’en-tête (<head>) de votre page.

Site Internet avec nom de domaine
Créez votre site Web en quelques minutes
  • Templates pro­fes­sion­nels
  • Mo­di­fi­ca­tion du design en un clic
  • Domaine, SSL et email
Aller au menu principal