Connexion
← Retour au lexique
📝 SEO On-Page

Balise meta

Les balises meta sont des éléments HTML placés dans le head d'une page pour fournir des métadonnées aux navigateurs et moteurs de recherche.

Définition

Les balises meta sont des éléments HTML invisibles pour les visiteurs, placés dans la section <head> d’une page web. Elles transmettent des informations (métadonnées) aux navigateurs, aux moteurs de recherche et aux réseaux sociaux sur le contenu et le comportement de la page.

Syntaxe générale

<head>
  <meta name="nom" content="valeur">
  <!-- ou -->
  <meta property="nom" content="valeur">
  <!-- ou -->
  <meta charset="UTF-8">
</head>

Balises meta essentielles pour le SEO

Meta description

<meta name="description" content="Description concise de la page en 150-160 caractères. Apparaît dans les résultats Google.">
  • Impact SEO : Indirect (influence le taux de clic, pas le ranking)
  • Longueur recommandée : 150-160 caractères
  • Conseil : Inclure un appel à l’action et le mot-clé principal

Meta robots

<meta name="robots" content="index, follow">
<meta name="robots" content="noindex, nofollow">
<meta name="googlebot" content="noindex">
DirectiveSignification
indexAutoriser l’indexation
noindexInterdire l’indexation
followSuivre les liens de la page
nofollowNe pas suivre les liens
noarchiveNe pas mettre en cache
nosnippetPas d’extrait dans les SERPs

Meta charset

<meta charset="UTF-8">

Définit l’encodage des caractères. UTF-8 est le standard moderne.

Meta viewport (mobile)

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Indispensable pour le responsive design et le mobile-first indexing.

Balises meta pour les réseaux sociaux

Open Graph (Facebook, LinkedIn)

<meta property="og:title" content="Titre pour les réseaux sociaux">
<meta property="og:description" content="Description pour le partage social">
<meta property="og:image" content="https://example.com/image.jpg">
<meta property="og:url" content="https://example.com/page/">
<meta property="og:type" content="article">

Twitter Cards

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Titre pour Twitter">
<meta name="twitter:description" content="Description pour Twitter">
<meta name="twitter:image" content="https://example.com/image.jpg">

Balises meta obsolètes ou inutiles

Meta keywords (ignorée par Google)

<!-- Ne sert plus à rien pour le SEO -->
<meta name="keywords" content="mot-clé1, mot-clé2">

Google a officiellement confirmé ne plus utiliser cette balise depuis 2009.

Meta revisit-after

<!-- Ignorée par tous les moteurs -->
<meta name="revisit-after" content="7 days">

Meta author

<!-- Pas d'impact SEO direct -->
<meta name="author" content="Nom de l'auteur">

Exemple de head optimisé

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <!-- SEO -->
  <title>Titre de la page | Marque</title>
  <meta name="description" content="Description optimisée de 150-160 caractères.">
  <meta name="robots" content="index, follow">
  <link rel="canonical" href="https://example.com/page/">

  <!-- Open Graph -->
  <meta property="og:title" content="Titre pour le partage">
  <meta property="og:description" content="Description social media">
  <meta property="og:image" content="https://example.com/og-image.jpg">
  <meta property="og:url" content="https://example.com/page/">

  <!-- Twitter -->
  <meta name="twitter:card" content="summary_large_image">
</head>

Erreurs fréquentes à éviter

  1. Meta description dupliquée : Chaque page doit avoir une description unique
  2. Description trop longue : Sera tronquée dans les SERPs
  3. Oublier le viewport : Pénalise le site sur mobile
  4. Noindex par erreur : Vérifiez après une migration
  5. Confondre meta et balise title : La balise <title> n’est pas une meta

Les balises meta restent un élément fondamental du SEO technique. Une implémentation correcte améliore l’indexation, le CTR et l’apparence de vos pages dans les résultats de recherche.

← Retour au lexique