Vous ouvrez l’éditeur WordPress pour rédiger un article. Vous cliquez sur «Ajouter un bloc» et découvrez des dizaines d’options. Parmi elles, «Couverture». Dans la barre latérale, tout en bas, se cache «Image mise en avant». Les deux impliquent des images. Les deux influencent l’apparence de l’article. Mais elles font des choses complètement différentes.

La confusion entre la couverture et l’image mise en avant fait partie de ces points que les guides pour débutants n’abordent jamais. Et ils devraient. Un mauvais choix casse la mise en page de votre page d’accueil, déforme les aperçus sur les réseaux sociaux et prive l’article d’un accroche visuelle dans le corps du texte. À l’inverse, une fois que vous comprenez la différence, les deux fonctionnalités forment un système cohérent.

Voici une explication sans superflu: ce que chacune fait, où elle se trouve, comment l’ajouter et quand utiliser les deux.

💡 Aperçu rapide:

• Comprendre ce qu’est une couverture et où elle s’affiche
• Apprendre comment fonctionne l’image mise en avant et où elle apparaît
• Comparer les principales différences dans un tableau selon huit critères
• Ajouter une couverture via l’éditeur de blocs, étape par étape
• Définir une image mise en avant et renseigner le texte alternatif
• Configurer les deux formats pour une visibilité maximale de l’article

Qu’est-ce qu’une couverture dans WordPress

Une couverture est un bloc de l’éditeur Gutenberg qui insère une large image d’arrière-plan directement dans le corps de l’article. Techniquement, il s’agit du bloc Cover apparu avec l’éditeur de blocs dans WordPress 5.0. Il se trouve à l’intérieur de votre contenu; vous décidez exactement où le placer dans l’article.

La principale caractéristique de la couverture est la superposition de texte. Vous écrivez un titre ou une phrase par-dessus l’image, modifiez les couleurs du texte et de l’arrière-plan, et ajustez l’opacité de la superposition. Le résultat ressemble à un accroche de magazine: un grand visuel avec un message par-dessus. C’est particulièrement efficace dans les articles longs, pour aérer le texte, reposer le regard et signaler une transition vers un nouveau sujet.

Ce que le bloc Couverture peut faire d’autre:

• Arrière-plan fixe. Activé via un bouton dans les paramètres du bloc. L’image reste en place pendant le défilement, un effet de parallaxe léger sans extension.
• Vidéo au lieu d’une image. Vous pouvez téléverser un fichier vidéo, qui sera lu en arrière-plan de la couverture.
• Superposition en dégradé. En plus d’une couleur unie, un dégradé est disponible, du transparent à l’opaque dans n’importe quelle direction.
• Réglage de la hauteur. La hauteur minimale du bloc peut être définie en pixels, en vh ou dans d’autres unités.

La couverture n’est visible qu’à l’intérieur de l’article. Sur la page d’accueil du blog, dans les flux de catégories et dans les résultats de recherche, elle n’apparaît pas. C’est un élément de mise en page interne, pas une métadonnée.

Qu’est-ce qu’une image mise en avant

Une image mise en avant est un champ de métadonnée d’article qui existe dans WordPress depuis la version 2.9. Elle n’est pas insérée dans le corps de l’article (bien que le thème puisse l’afficher automatiquement au début de l’article). Son rôle est de représenter l’article à l’extérieur.

Où l’image mise en avant apparaît:

• Page d’accueil du blog. Le thème affiche une grille d’articles, chacun montrant une vignette; cette vignette est l’image mise en avant redimensionnée à la taille requise.
• Réseaux sociaux. Lorsqu’un article est partagé sur VK, Telegram, X ou Facebook, le réseau social récupère l’image mise en avant via le balisage Open Graph. Sans elle, vous obtenez juste un lien texte que les utilisateurs feront défiler sans s’arrêter.
• Google Discover et recherche. Google peut afficher une vignette à côté du résultat, et la source est là encore l’image mise en avant.
• Blocs internes. Le bloc «Derniers articles» et les blocs similaires récupèrent l’image à cet endroit.

Le thème contrôle les tailles; il enregistre un ensemble de dimensions de vignettes (thumbnail, medium, large, plus des dimensions personnalisées), et WordPress génère des copies à chaque taille lors du téléversement. L’original reste dans la bibliothèque de médias.

Une nuance importante: l’image mise en avant n’a pas besoin d’apparaître dans le corps de l’article. Vous pouvez téléverser une image uniquement dans le champ de métadonnée, et elle n’apparaîtra nulle part dans l’article, seulement dans les représentations externes. Inversement, une image à l’intérieur du contenu ne devient pas automatiquement l’image mise en avant.

Tableau des différences

Comment ajouter une couverture dans l’éditeur de blocs

Ouvrez un article existant ou créez-en un nouveau. Dans l’éditeur Gutenberg, cliquez sur le bouton «+» (ajouter un bloc) à l’endroit du texte où vous voulez la couverture. Dans la barre de recherche des blocs, tapez «Couverture»; l’icône du bloc Couverture apparaîtra. Cliquez dessus.

Le bloc s’insérera dans le contenu avec un bouton «Choisir une image». Cliquez dessus, et la bibliothèque de médias s’ouvrira. Sélectionnez une image ou glissez-en une nouvelle depuis votre ordinateur. Après le téléversement, l’image s’étirera sur la largeur du contenu.

Configurez maintenant le bloc via le panneau de droite:

• Superposition. Dans le panneau du bloc, vous verrez le paramètre «Superposition», un calque coloré entre l’image et le texte. Par défaut, il est gris avec une opacité de 50% (voir la documentation du bloc Couverture). Vous pouvez changer la couleur, réduire l’opacité à zéro (la superposition disparaît) ou la remplacer par un dégradé.
• Texte. Cliquez directement sur le bloc et tapez un titre ou un paragraphe. La police, la taille et la couleur se règlent avec les outils standards.
• Arrière-plan fixe. Le bouton «Arrière-plan fixe» dans la barre latérale active l’effet de parallaxe.
• Hauteur minimale. Dans les paramètres du bloc, saisissez une valeur en pixels, par exemple 400px pour un ordinateur de bureau.

Une méthode alternative: le bloc Couverture n’a pas besoin d’être autonome. Dans l’éditeur, vous pouvez convertir n’importe quel groupe de blocs en couverture en les sélectionnant et en cliquant sur «Grouper» → «Couverture».

Comment définir une image mise en avant

Ouvrez l’éditeur d’article. Dans la barre latérale droite, trouvez l’onglet «Article» (la première icône dans la rangée du haut). Faites défiler jusqu’à la section «Image mise en avant». Si vous ne la voyez pas, dépliez l’onglet via «Réglages» (l’ellipse verticale dans le coin supérieur droit → «Réglages» → «Article»).

Cliquez sur «Définir l’image mise en avant». La bibliothèque de médias s’ouvrira. Sélectionnez une image. Après la sélection, assurez-vous de remplir deux champs:

• Texte alternatif. Une description brève mais informative de ce qui se trouve dans l’image. Nécessaire pour l’accessibilité (lecteurs d’écran) et le SEO. Ne dupliquez pas le titre de l’article; décrivez le contenu de l’image lui-même.
• Légende. Affichée sous l’image si le thème le permet. Peut être laissée vide.

Le bouton «Terminé» enregistre votre sélection. L’image apparaîtra dans la section «Image mise en avant» avec un aperçu. Pour la remplacer, cliquez sur l’aperçu et choisissez-en une autre.

Important: ne confondez pas le texte alternatif et le titre. Le texte alternatif est destiné aux logiciels; le titre est une infobulle au survol. Pour une image mise en avant, le texte alternatif est prioritaire car c’est ce que les moteurs de recherche lisent dans le balisage Open Graph.

Quand utiliser les deux

Le scénario optimal pour un blog est d’utiliser les deux formats simultanément, mais avec des images différentes.

Laissez l’image mise en avant être informative: une capture d’écran d’interface, un diagramme, une photo du résultat. Cette image apparaîtra sur les réseaux sociaux et dans la recherche; elle doit inciter au clic. Pas d’images clipart ou de photos génériques «personne devant un ordinateur portable».

Placez une couverture à un ou deux endroits dans un article long, comme séparateur visuel entre des sections logiques. L’image peut être atmosphérique ou abstraite, avec une superposition de texte citant l’article. Elle n’a pas besoin de porter un poids informatif; son rôle est de maintenir l’attention du lecteur.

Quand une couverture est inutile: les brèves de deux ou trois paragraphes. Quand une image mise en avant est inutile: presque jamais. Un article sans image mise en avant perd en cliquabilité sur les réseaux sociaux et semble inachevé dans le flux du blog.

Une note technique: certains thèmes affichent automatiquement l’image mise en avant au début de l’article. Si vous utilisez une telle mise en page, placez la couverture non pas tout au début, mais après le premier ou le deuxième paragraphe pour éviter deux grandes images à la suite.

Vidéo: couverture contre image mise en avant

La chaîne YouTube WebTutorials montre visuellement le processus d’ajout des deux types d’images dans un véritable éditeur WordPress, de la recherche du bloc jusqu’à la publication.

⁉️🤔 Foire aux questions

Puis-je utiliser la même image pour la couverture et l’image mise en avant?

Techniquement, oui. Mais le résultat est rarement esthétique. L’image mise en avant est redimensionnée par le thème selon des proportions spécifiques (souvent 16:9 ou 4:3), tandis que la couverture s’étire sur toute la largeur du contenu avec une superposition. La même image sera recadrée à un endroit et perdra sa composition à un autre. Il est préférable de choisir deux images différentes.

Qu’est-ce qui compte le plus pour le SEO: la couverture ou l’image mise en avant?

L’image mise en avant. Elle est intégrée au balisage Open Graph, s’affiche dans Google Discover et peut apparaître à côté de l’extrait dans la recherche. La couverture n’affecte pas directement le SEO, mais elle aide indirectement en réduisant le taux de rebond; un article bien conçu maintient les lecteurs engagés plus longtemps.

Pourquoi l’image mise en avant ne s’affiche-t-elle pas sur les réseaux sociaux après la publication?

Les réseaux sociaux mettent en cache les données Open Graph. Si vous avez d’abord publié l’article sans image puis que vous en avez ajouté une, Facebook et X afficheront l’ancienne version. Solution: passez l’URL dans un validateur Open Graph (Facebook Sharing Debugger, Twitter Card Validator) ou attendez simplement 24 à 48 heures.

Puis-je ajouter une couverture aux articles créés avant Gutenberg?

Oui. L’éditeur classique n’affichait pas le bloc Couverture, mais après être passé aux blocs, vous pouvez ouvrir n’importe quel ancien article et il sera converti dans un format compatible. Insérez la couverture comme n’importe quel bloc ordinaire.

Comment accélérer le chargement de la page lorsque j’utilise beaucoup de couvertures?

Ne placez pas plus de deux couvertures par article. Pour chaque image, utilisez un format moderne (WebP ou AVIF). Optimisez les dimensions: la largeur de la zone de contenu dépasse rarement 1200 px, il est donc inutile de charger une image de 4000 px de large. Des extensions gratuites comme ShortPixel ou EWWW Image Optimizer compressent automatiquement les images au téléversement. Pour en savoir plus sur l’optimisation, consultez notre guide sur les images dans WordPress.

Couverture ou image mise en avant: que choisir pour votre article

La réponse courte est les deux. L’image mise en avant fait la promotion de l’article à l’extérieur: page d’accueil, réseaux sociaux, recherche. La couverture maintient le lecteur engagé à l’intérieur: un séparateur visuel, une superposition avec une citation, un arrière-plan en parallaxe. Les fonctions ne se chevauchent pas; elles se complètent.

Si vous devez n’en choisir qu’une seule, prenez toujours l’image mise en avant. Un article sans elle est invisible pour le monde extérieur. La couverture est une option pour ceux qui veulent tirer le meilleur parti d’un contenu long.

Ne lésinez pas sur les images. Deux images pertinentes par article ne sont pas un luxe; c’est le standard minimum pour un blog WordPress visuellement compétent.