Meta description : ce que c'est et comment la rédiger

Ce qu'est la meta description et pourquoi vous en avez besoin

La meta description est une balise HTML placée dans le <head> d'une page. Son attribut content contient une courte description de la page, en général une ou deux phrases de 150–160 caractères. Les internautes voient ce texte dans les résultats de recherche, sous le titre bleu cliquable : ce bloc de texte est le snippet.

La principale fonction d'une description est de donner à l'internaute une idée juste de ce qu'il va trouver. Comparez les impressions, les clics et le contexte des requêtes après une modification, mais ne tablez pas sur un gain de CTR fixe, ni sur la reprise de votre texte par Google.

zoom_in

La meta description en chiffres

La balise doit être placée dans le <head> du document HTML : c'est là que le crawler la lit lors de l'indexation. Si la balise est absente ou vide, Google génère automatiquement un snippet à partir du texte de la page, en général le premier paragraphe ou un fragment contenant la requête de l'internaute.

<head>
  <meta charset="UTF-8">
  <title>Buy Winter Workwear Wholesale — SpecOpt</title>
  <meta name="description" content="Winter workwear wholesale from the manufacturer: suits, overalls, gloves. Delivery across Russia. Prices from $12, bulk discounts from 50 units.">
</head>

Signification de la description et rôle dans le snippet

« Description » désigne simplement un bref récit de quelque chose. En HTML, la « meta description » est le résumé méta de la page : une courte présentation du contenu du document à l'intention des systèmes externes, comme les crawlers des moteurs de recherche, les réseaux sociaux et les applications de messagerie. Lorsqu'une page est partagée sur Telegram ou LinkedIn, la description sert en général de texte d'aperçu du lien.

Dans les résultats de recherche, la description constitue la dernière ligne du snippet, sous le titre bleu cliquable. C'est là que l'internaute décide de cliquer ou non. Une bonne description répond à la question « qu'est-ce que je vais trouver sur cette page ? » et donne une raison concrète de venir : un prix, un délai de livraison, un contenu exclusif ou une réponse directe à la requête.

Google réécrit la description dans environ 70 % des cas, lorsque son algorithme estime qu'un snippet extrait du texte de la page répond mieux à une requête précise. Plus votre description reprend les mots-clés visés et le contenu réel de la page, plus Google a de chances de conserver votre texte plutôt que de générer le sien.

Comment ajouter la meta description : syntaxe et longueur optimale

La syntaxe de la balise est simple et n'a pas changé depuis les débuts du HTML. La balise <meta> est auto-fermante et ne nécessite aucune balise de fermeture. Elle se place toujours dans <head>. Elle comporte deux attributs obligatoires : name="description" identifie le type de balise, et content contient le texte de la description.

<!-- Basic syntax -->
<meta name="description" content="Page description text, 150–160 characters long.">

<!-- Full document structure -->
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Page Title — Brand</title>
  <meta name="description" content="Short description of the page for search results.">
</head>
<body>...</body>
</html>

La longueur optimale de la description sur ordinateur est de 150–160 caractères. Dans la recherche mobile, Google affiche environ 120 caractères. Si la majeure partie de votre trafic est mobile, visez 120–130 caractères. Une description plus longue reste indexée, mais elle est coupée dans le snippet : l'internaute voit alors des points de suspension à la place de votre appel à l'action.

• Attribut content vide. <meta name="description" content=""> est pire que l'absence de balise. Le crawler signale un défaut technique et génère quand même un snippet à partir du contenu de la page.
• Descriptions dupliquées. Le même texte sur des dizaines de pages signale une faible qualité de contenu. Repérez-les avec Screaming Frog → Meta Description → Duplicate.
• Balises HTML dans content. content="<b>Acheter</b> des vêtements de travail" n'est pas valide. L'attribut content n'accepte que du texte brut, sans balisage.
• Guillemets non échappés. content="Achetez des costumes "hiver"" casse le HTML. Utilisez des guillemets simples à l'intérieur de la valeur ou les entités ".

Pour les pages générées dynamiquement, la description est créée de façon programmatique, via des modèles du CMS ou du code côté serveur. Le principe central : chaque page doit avoir une description unique qui reflète fidèlement son contenu.

<?php
// Description template for a product page (PHP / E-commerce)
$description = sprintf(
    '%s — buy for %s. %s. Delivery across the US from %d days.',
    $product->name,
    '$' . number_format($product->price, 2),
    $product->short_benefit,
    $product->delivery_days
);
// Trim to 160 characters without breaking a word
$description = mb_strimwidth($description, 0, 157, '...', 'UTF-8');
?>
<meta name="description" content="<?= htmlspecialchars($description) ?>">

Quand et comment rédiger la description selon le type de page

La structure d'une bonne description dépend du type de page et de l'intention de l'internaute. La page d'accueil décrit l'entreprise dans son ensemble. Une page de catégorie présente la gamme et ses avantages. Une fiche produit se concentre sur l'article, avec son prix et son argument de vente. Un article de blog indique au lecteur ce qu'il va apprendre. Dans tous les cas, deux principes s'appliquent : la précision et un appel à l'action.

Employez le langage qu'attend l'internaute, dès lors qu'il décrit fidèlement la page. Les moteurs de recherche peuvent mettre en évidence les termes de la requête, mais la mise en forme relève de leur présentation : rédigez la description pour sa clarté, plutôt que pour un gain de clics promis.

L'appel à l'action n'est pas du clickbait : c'est un signal utile. « Découvrir », « Lire », « Comparer les prix », « Commander avec livraison » : ces formulations indiquent à l'internaute ce qui se passera après son clic. Des études montrent que les descriptions avec un appel à l'action ont un CTR supérieur de 10–15 % à celui des descriptions neutres.

Comment ajouter la description dans un CMS : WordPress, Bitrix, Tilda

La plupart des CMS modernes permettent de gérer la description via une interface ou des extensions SEO. La modification du code n'est nécessaire que pour les développements sur mesure ou les sites sans extension. Voici les trois plateformes les plus courantes.

WordPress : Yoast SEO et Rank Math

Dans WordPress, le plus simple est de gérer la description avec Yoast SEO ou Rank Math : les deux sont gratuits et proposent des modèles. Dans Yoast SEO : ouvrez l'éditeur de l'article → onglet « Yoast SEO » → « Aperçu Google » → « Modifier l'extrait » → champ « Meta description ». L'extension affiche un compteur de caractères et signale les erreurs. Dans Rank Math : onglet « Rank Math » → section « Meta » → « Description ». Les deux prennent en charge des variables : %title%, %category%, %excerpt%, pour des modèles au niveau du type de contenu.

<?php
// functions.php — manual meta description without a plugin
// Use only if you are NOT using Yoast SEO / Rank Math
add_action('wp_head', function() {
    if (is_single() || is_page()) {
        $description = get_the_excerpt();
        if (empty($description)) {
            $description = mb_strimwidth(
                strip_tags(get_the_content()),
                0, 157, '...', 'UTF-8'
            );
        }
        echo '<meta name="description" content="'
            . esc_attr($description) . '">' . "\n";
    }
}, 1);

Bitrix

Dans 1C-Bitrix, la description se définit dans les propriétés de la page ou du composant. Dans le panneau d'administration : Contenu → sélectionnez une rubrique ou une page → onglet « SEO » → champ « Description (meta description) ». Pour générer automatiquement la description dans le modèle d'un composant, utilisez la méthode SetPageProperty : elle transmet la valeur au fichier header.php du site, qui affiche la balise dans le <head>.

<?php
// catalog.element template.php — auto-generate description
if (!empty($arResult['NAME']) && !empty($arResult['PREVIEW_TEXT'])) {
    $description = $arResult['NAME']
        . ' — ' . strip_tags($arResult['PREVIEW_TEXT']);
    $description = mb_strimwidth($description, 0, 157, '...', 'UTF-8');
    $APPLICATION->SetPageProperty('description', $description);
}

// site header.php — output the tag
$metaDesc = $APPLICATION->GetPageProperty('description');
if ($metaDesc): ?>
  <meta name="description" content="<?= htmlspecialchars($metaDesc) ?>">
<?php endif; ?>

Tilda

Dans Tilda, la description se configure à deux endroits. Pour l'ensemble du site : Paramètres du site → SEO → champ « Description ». Pour une page : ouvrez la page → « Paramètres de la page » (icône d'engrenage) → onglet « SEO » → champ « Description ». Le réglage au niveau de la page est prioritaire sur celui du site. Tilda insère automatiquement la balise dans le <head> : aucune modification de code n'est nécessaire. Bonne pratique : renseignez la description de chaque page importante individuellement, plutôt que de vous fier à la valeur globale par défaut.

Erreurs courantes et comment auditer les descriptions sur un site

Les mêmes problèmes de description reviennent sans cesse dans les audits de sites. La plupart sont faciles à repérer avec un crawler et faciles à corriger de façon systématique grâce à des modèles, plutôt qu'à la main, page par page.

• Descriptions dupliquées sur tout le site. Le même texte sur des dizaines de pages : le CMS insère par défaut le nom du site ou son slogan. Repérez-les avec Screaming Frog → Meta Description → Duplicate. Correction : des textes uniques, ou au minimum un modèle unique par type de page.
• Description absente. Sans balise, Google génère un snippet à partir du contenu, souvent un mauvais choix. Repérez-les avec Screaming Frog → Meta Description → Missing. Correction : rédigez à la main les pages prioritaires et utilisez un modèle pour le reste.
• Description trop longue. Elle est coupée au milieu d'une phrase dans les résultats : l'internaute voit « … » à la place de votre appel à l'action. Limite : 150–160 caractères. Vérifiez avec SEMrush Site Audit → Meta description too long.
• Description trop courte. Moins de 70 caractères : pas assez d'informations pour décider de cliquer. Google remplace souvent ce texte par sa propre version générée automatiquement.
• Description qui ne correspond pas au contenu de la page. Le titre promet une chose, la description une autre, la page une troisième. Ce décalage fait grimper le taux de rebond : l'internaute clique, puis repart aussitôt.
• Mot-clé cible absent de la description. Aucun mot en gras dans le snippet : un repère visuel manqué. Google met en gras les mots qui correspondent à la requête de l'internaute, profitez-en.

FAQ

Réponses aux questions les plus fréquentes sur la meta description, qui reviennent dans les audits et les consultations.