Les balises méta sont des informations intégrées dans l’en-tête (head) d’un document HTML et servent à fournir des métadonnées. Invisibles pour les visiteurs d’une page Web, elles sont toutefois lues par les agents utilisateurs, comme les navigateurs et les robots des moteurs de recherche.

Créer un site Internet
Votre site en un éclair grâce à l'intelligence artificielle
  • Éditeur de site intuitif avec fonctions d'IA
  • Générateur d'images et de textes avec optimisation 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 informations supplémentaires 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éralement une structure simple : un attribut définit le type d’information, auquel est associé un contenu. Le schéma classique des métadonnées HTML est donc le suivant :

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

Bien que les métadonnées HTML aient autrefois joué un rôle central dans l’optimisation pour les moteurs de recherche, leur impact direct sur le classement dans Google, Bing ou d’autres moteurs est aujourd’hui considéré comme limité. Il reste néanmoins fortement recommandé aux exploitants de sites Web de renseigner des métadonnées précises dans l’en-tête HTML. En effet, celles-ci conservent leur utilité pour les métamoteurs de recherche et les outils de recherche internes. Par ailleurs, les balises méta permettent aussi de donner des instructions spécifiques aux robots d’indexation (crawlers) concernant l’exploration et l’indexation des pages.

Les balises méta à absolument connaître

La liste des éléments possibles dans l’en-tête HTML est longue. Au-delà des données essentielles telles que les titres de page, les descriptions et les définitions des caractères utilisés, l’en-tête HTML peut contenir une grande variété d’éléments. Au-delà des informations essentielles comme le titre de la page, la description ou la définition du jeu de caractères, cette section (placée dans la balise <head>) permet de fournir de nombreuses données aux agents utilisateurs. Les exploitants 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 informations sur les droits d’auteur via les balises méta.

Toutes ces données ne sont pas nécessairement pertinentes pour les navigateurs 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 permettent par exemple d’empêcher l’indexation 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 importantes à connaître.

Balise méta Pertinence Exemple
title Très élevée : essentielle 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écessaire pour un affichage correct des caractè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 : informative sur le plan juridique, sans effet sur le classement <meta name="copyright" content="Propriétaire du copyright et année"/>
robots Élevée : contrôle l’indexation et le suivi des liens par les moteurs de recherche <meta name="robots" content="index, follow"/>
http-equiv Moyenne : permet des réglages techniques (ex. : redirections, cache) <meta http-equiv="refresh" content="5; url=https://exemple.fr/"/>

Titre (<title>)

Le <title> n’est pas un élément méta à proprement parler, mais plutôt une balise HTML indépendante. En raison de son interaction avec les agents utilisateurs, il est cependant souvent associé aux métadonnées. En tant qu’élément obligatoire de l’en-tête HTML, le <title> est placé en général avant toutes les autres balises méta. Lu par les navigateurs 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’historique. 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’optimisation on-page, il est donc crucial de respecter la longueur maximale affichée par les moteurs de recherche, soit environ 580 pixels, ce qui correspond à 50 à 60 caractères. Il est également recommandé d’intégrer le mot-clé principal de la page dans la balise <title>, idéalement 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 caractères

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

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

Les métadonnées sont également pertinentes si un navigateur ne reçoit pas de fichiers HTML par HTTP, mais directement à partir du disque dur.

Description de pages

La description (aussi appelée balise méta description) 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 principaux moteurs de recherche comme Google ou Bing dans leurs résultats, il est essentiel d’y accorder un soin particulier lors de sa rédaction. En effet, la méta description a une influence directe sur le comportement de clic des internautes. À ce titre, elle fait partie des balises méta SEO les plus importantes pour les pages HTML.

Les exploitants de sites Web doivent veiller à ce que le texte de la méta description ne dépasse pas 920 pixels, soit environ 150 à 160 caractères. Au-delà de cette limite, les moteurs de recherche risquent de tronquer le texte affiché dans les résultats. Il est donc recommandé de rédiger une description concise et engageante, qui résume efficacement 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) permettent aux exploitants de sites Web d’indiquer dans le code source l’auteur de la page HTML, ainsi que la titularité des droits d’auteur sur son contenu. Dans certains systèmes de gestion de contenu (CMS), la balise author peut être renseignée automatiquement. Ces deux balises sont facultatives en droit français.

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

Informations pour les robots d’indexation (robots)

L’un des rôles essentiels des balises méta consiste à fournir des instructions d’indexation 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 directives fournies via la balise robots font partie des éléments méta incontournables en matière de référencement SEO.

index

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

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

Étant donné que l’indexation de pages Web correspond au comportement standard des robots d’indexation, cette donnée est en général inutile.

noindex

Si vous souhaitez empêcher l’indexation d’une page HTML par les moteurs de recherche, vous devez le spécifier clairement à 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 restreindre cette directive à un robot spécifique, 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 comportements standards des robots d’indexation. 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é redondante, car les robots d’indexation 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 instruction demande au crawler de ne pas transmettre le PageRank via les liens sortants de la page. Jusqu’en 2019, Google respectait strictement cette directive. Désormais, elle est considérée comme une simple recommandation ; 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’indexation d’une page tout en empêchant les robots de suivre les liens qu’elle contient. Les deux actions peuvent ainsi être autorisées ou bloquées indépendamment 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’utilisation du fichier robots.txt constitue un autre levier important pour contrôler l’accès des moteurs de recherche. Contrairement aux balises méta, qui s’appliquent page par page, le fichier robots.txt permet d’exclure globalement l’exploration de répertoires entiers ou de types de fichiers spécifiques. Placé à la racine du domaine, il est lu en priorité par les moteurs de recherche avant même le chargement des pages.

Les équivalents HTTP

Grâce à l’attribut http-equiv, les balises méta peuvent simuler certaines instructions 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 directement. Cependant, si une instruction 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 chargement rapide des pages, il est courant qu’Internet utilise des serveurs proxy ou le cache des navigateurs afin de stocker temporairement les contenus. Ce comportement 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échargement de la page, mais peut être pertinent si le contenu d’une page Web change constamment.

expires

Au lieu de bloquer complètement la mémoire cache, l’attribut http-equiv vous donne la possibilité de définir une date d’expiration 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 complètement la mise en cache, tandis qu’une valeur de 43200 correspond à une durée de 12 heures. Une fois ce délai écoulé, le navigateur 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écifiées au format international et à l’heure de Greenwich.

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

refresh

Les balises méta comprenant l’attribut http-equiv permettent de créer une forme simple de transfert. De la même manière que la balise expires définit une date d’expiration, refresh définit une redirection. Lorsque cette limite est dépassée, les agents utilisateurs tels que les navigateurs Internet ou les robots d’indexation sont transférés vers une URL prédéfinie. 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 fonctionne pas sous certains paramètres de navigateurs, le World Wide Web Consortium (W3C, organisme de standardisation des techniques) conseille une implémentation côté serveur grâce au code HTML 301 plutôt qu’un transfert via une balise méta. Vous trouverez plus d’informations à ce sujet dans notre article sur les principaux codes de statut HTTP et leur signification.

Balises méta : exemple de code HTML

Ci-dessous, vous trouverez un exemple de code représentant un en-tête HTML simple mais complet. Il intègre les balises méta les plus importantes mentionnées dans cet article ; il s’inspire des métadonnées réellement 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érateurs de balises méta en ligne, qui permettent de créer rapidement et facilement le code adapté à votre page Web. Un outil gratuit est par exemple disponible sur le site SEOptimer. Il vous suffit d’y renseigner les informations souhaité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 professionnels
  • Modification du design en un clic
  • Domaine, SSL et email
Cet article vous a-t-il été utile ?
Aller au menu principal