{"id":45091,"date":"2021-03-15T17:10:51","date_gmt":"2021-03-15T16:10:51","guid":{"rendered":"https:\/\/kinsta.com\/?p=90412"},"modified":"2025-09-01T16:24:01","modified_gmt":"2025-09-01T15:24:01","slug":"image-mise-en-avant-wordpress-non-affichee","status":"publish","type":"post","link":"https:\/\/kinsta.com\/fr\/blog\/image-mise-en-avant-wordpress-non-affichee\/","title":{"rendered":"L&rsquo;image mise en avant de WordPress ne s&rsquo;affiche pas correctement (ou pas du tout)"},"content":{"rendered":"<p>Une image WordPress mise en avant fonctionne comme une carte de bienvenue visuelle, un signal pour les visiteurs de venir et d&rsquo;appr\u00e9cier ce qui se cache derri\u00e8re un lien. Elle pr\u00e9sente souvent des informations utiles sous la forme d&rsquo;une photographie ou d&rsquo;une image graphique, permettant \u00e0 l&rsquo;utilisateur de jeter un coup d&rsquo;\u0153il furtif sur les informations qui se cachent derri\u00e8re ce lien.<\/p>\n<p>De plus, une histoire captivante n&rsquo;est pas compl\u00e8te sans introduction, et c&rsquo;est exactement le but d&rsquo;une image mise en avant. Le site en b\u00e9n\u00e9ficie grandement, car elle transforme ce qui pourrait tr\u00e8s bien \u00eatre un site ennuyeux en <a href=\"https:\/\/kinsta.com\/fr\/blog\/meilleures-pratiques-design-web\/\">quelque chose de beau<\/a>. Elle permet \u00e9galement de rompre la monotonie du texte et d&rsquo;<a href=\"https:\/\/kinsta.com\/fr\/blog\/strategie-de-contenu-visuel\/\">ajouter de la vie \u00e0 votre contenu<\/a>.<\/p>\n<p>Cet article vous montre comment vous pouvez corriger dans WordPress les images mises en avant qui ne s&rsquo;affichent pas correctement sur votre site. Il y a de nombreuses fa\u00e7ons de proc\u00e9der, et nous allons les couvrir toutes.<\/p>\n<p>Commen\u00e7ons !<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h3>Consultez notre <a href=\"https:\/\/www.youtube.com\/watch?v=08hnzKKM8Mg\">guide vid\u00e9o<\/a> pour r\u00e9parer l&rsquo;image mise en avant manquante de WordPress.<\/h3>\n<kinsta-video src=\"https:\/\/www.youtube.com\/watch?v=08hnzKKM8Mg\"><\/kinsta-video>\n<h2><strong>Qu&rsquo;est-ce qu&rsquo;une image WordPress mise en avant ?<\/strong><\/h2>\n<figure style=\"width: 1100px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/03\/Kinsta-Blog-Section-Featured-Images.png\" alt=\"Articles des images mises en avant sur le blog de Kinsta\" width=\"1100\" height=\"772\"><figcaption class=\"wp-caption-text\">Images des articles mises en avant sur le blog de Kinsta<\/figcaption><\/figure>\n<p>Par d\u00e9faut, WordPress propose une image mise en avant pour tous les articles et toutes les pages.<\/p>\n<p>Cela signifie que vous pouvez t\u00e9l\u00e9verser une image qui sert de couverture \u00e0 l\u2019article ou \u00e0 la page, comme la couverture d&rsquo;un livre ou d&rsquo;un magazine. Vous pouvez t\u00e9l\u00e9verser une image mise en avant pour chaque article et chaque page. Elle est alors pr\u00e9sent\u00e9e comme l&rsquo;image principale de cet article sur le site web lorsque l&rsquo;article est <a href=\"https:\/\/kinsta.com\/fr\/blog\/medias-sociaux-wordpress\/\">partag\u00e9 sur les r\u00e9seaux sociaux<\/a> et d&rsquo;autres sites.<\/p>\n<p>Enfin, l&rsquo;image mise en avant s&rsquo;affiche automatiquement lorsque vous cr\u00e9ez un flux ou une <a href=\"https:\/\/kinsta.com\/fr\/blog\/extensions-wordpress-galerie-photo\/\">galerie<\/a> de vos articles de blog ou d&rsquo;autres pages web. De cette fa\u00e7on, vous pouvez pr\u00e9senter une sorte de <a href=\"https:\/\/kinsta.com\/fr\/blog\/extensions-wordpress-portfolio\/\">portfolio<\/a> m\u00e9dia pour vos articles au lieu d&rsquo;un tas de liens avec seulement du texte.<\/p>\n<p>Vous n&rsquo;avez pas besoin de t\u00e9l\u00e9verser une deuxi\u00e8me version de cette m\u00eame image \u00e0 chaque fois que vous la partagez &#8211; elle est d\u00e9j\u00e0 r\u00e9cup\u00e9r\u00e9e depuis le contenu original.<\/p>\n\n<h2>Que faire si l&rsquo;image mise en avant ne fonctionne pas ?<\/h2>\n<p>Les images mises en avant sont merveilleuses, mais il se peut que vous ne puissiez pas voir une image mise en avant pour un article ou une page pour une raison ou une autre. Parfois, il y a un probl\u00e8me avec votre <a href=\"https:\/\/kinsta.com\/fr\/blog\/theme-wordpress-plus-rapide\/\">th\u00e8me<\/a>, et d&rsquo;autres fois, vous trouverez qu&rsquo;une <a href=\"https:\/\/kinsta.com\/fr\/blog\/plugin-wordpress\/\">extension<\/a> est \u00e0 l\u2019origine du probl\u00e8me.<\/p>\n<p>Il est \u00e9galement fr\u00e9quent de constater des probl\u00e8mes d&rsquo;image \u00e0 des degr\u00e9s divers. Par exemple, vous pouvez remarquer que l&rsquo;image mise en avant appara\u00eet bien sur votre propre site web, mais qu&rsquo;elle a du mal \u00e0 \u00eatre affich\u00e9e lorsqu&rsquo;un article est partag\u00e9 sur un site social comme Facebook.<\/p>\n<p>Quoi qu&rsquo;il en soit, le fait qu&rsquo;une image WordPress mise en avant n&rsquo;apparaisse pas est \u00e0 la fois frustrant et inqui\u00e9tant.<\/p>\n<p>Les images mises en avant ont souvent le m\u00eame poids que l&rsquo;attrait visuel de votre site web. Sans images mises en avant automatis\u00e9es, vous vous retrouvez avec des blocs de texte et des liens vers des pages web. Cela peut \u00e9galement emp\u00eacher les gens de partager votre travail, car il n&rsquo;est pas tr\u00e8s int\u00e9ressant de partager sur Facebook un article de blog qui ne comporte pas d&rsquo;image.<\/p>\n<p>Il existe plusieurs mesures que vous pouvez prendre pour att\u00e9nuer les probl\u00e8mes :<\/p>\n<ol>\n<li>Notez le probl\u00e8me exact, comme si l&rsquo;image n&rsquo;est pas en cours de t\u00e9l\u00e9versement. Ou si l&rsquo;image mise en avant n&rsquo;appara\u00eet pas sur les r\u00e9seaux sociaux, mais qu&rsquo;elle fonctionne bien sur votre site web.<\/li>\n<li>Consid\u00e9rez tout probl\u00e8me WordPress qui pourrait \u00eatre \u00e0 l&rsquo;origine du probl\u00e8me de votre image mise en avant, comme un conflit entre des extensions ou une <a href=\"https:\/\/kinsta.com\/fr\/blog\/wordpress-logs-erreurs-acces\/\">erreur de code<\/a>.<\/li>\n<li>Pensez \u00e0 installer une extension qui r\u00e9sout les probl\u00e8mes des images mises en avant sans que vous ayez \u00e0 beaucoup travailler.<\/li>\n<\/ol>\n<p>C&rsquo;est un processus simple en trois \u00e9tapes, mais il y a beaucoup plus de d\u00e9tails derri\u00e8re la correction de vos images mises en avant. Les images se cassent pour diverses raisons, et c&rsquo;est souvent du cas par cas.<\/p>\n<p>Ci-dessous, nous allons aborder tous les probl\u00e8mes que nous connaissons en ce qui concerne les images mises en avant et vous indiquer les mesures que vous pouvez prendre pour les r\u00e9soudre.<\/p>\n<h2>Pourquoi mon image WordPress mise en avant ne s&rsquo;affiche-t-elle pas ?<\/h2>\n<p>Vous avez remarqu\u00e9 un probl\u00e8me avec une ou plusieurs de vos images. Que faites-vous maintenant ?<\/p>\n<p>Nous avons soulign\u00e9 les probl\u00e8mes communs et inhabituels des images mises en avant. Commen\u00e7ons par les solutions les plus simples, en veillant \u00e0 ce que vous t\u00e9l\u00e9versiez correctement vos images. Ensuite, nous examinerons plus en d\u00e9tail les autres erreurs.<\/p>\n<h3>Assurez-vous que vous savez comment t\u00e9l\u00e9verser une image dans WordPress<\/h3>\n<p>Cela peut sembler idiot \u00e0 certains, mais de nombreux d\u00e9butants sur WordPress ne savent pas comment t\u00e9l\u00e9verser une image mise en avant au d\u00e9butt. Mais c&rsquo;est tr\u00e8s bien, car nous commen\u00e7ons tous \u00e0 apprendre quelque part.<\/p>\n<p>Nous vous recommandons de suivre ces \u00e9tapes pour vous assurer que vous le faites de la bonne mani\u00e8re.<\/p>\n<p><strong>Note :<\/strong> Vous pouvez t\u00e9l\u00e9verser des images WordPress dans des articles et des pages, mais cette r\u00e8gle de base s&rsquo;\u00e9tend une fois que vous commencez \u00e0 ajouter des \u00e9l\u00e9ments comme des <a href=\"https:\/\/kinsta.com\/fr\/blog\/tutoriel-woocommerce\/#new-products\">pages de produits WooCommerce<\/a> et des <a href=\"https:\/\/kinsta.com\/fr\/blog\/types-publications-personnalises-wordpress\/\">types de publications personnalis\u00e9s<\/a>. Par souci de simplicit\u00e9, nous nous en tiendrons au t\u00e9l\u00e9versement d&rsquo;images mises en avant dans les articles et pages WordPress \u2013 mais si vous souhaitez en savoir plus, voici un <a href=\"https:\/\/rankmath.com\/blog\/woocommerce-seo\/\">guide complet sur le SEO de WooCommerce<\/a> qui couvre ce sujet et tout le reste, y compris le balisage Schema pour vos produits et plus encore.<\/p>\n<p>Pour commencer, allez sur votre tableau de bord WordPress. Allez sur <strong>Articles &gt; Ajouter<\/strong> pour cr\u00e9er un nouvel article de blog. Vous pouvez \u00e9galement le faire avec des pages ou cliquer sur l&rsquo;option <strong>Tous les articles<\/strong> si vous souhaitez ajouter une image \u00e0 un article d\u00e9j\u00e0 g\u00e9n\u00e9r\u00e9.<\/p>\n<figure style=\"width: 1900px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/01\/add-new-s-s-d.png\" alt=\"Lien \u00ab Articles &gt; Ajouter \u00bb dans le tableau de bord de WordPress\" width=\"1900\" height=\"904\"><figcaption class=\"wp-caption-text\">Lien \u00ab Articles &gt; Ajouter \u00bb dans le tableau de bord de WordPress<\/figcaption><\/figure>\n<p>Ins\u00e9rez le contenu que vous souhaitez pour l\u2019article de blog. Remplissez le titre, \u00e9crivez des paragraphes et t\u00e9l\u00e9versez des images dans l&rsquo;article.<\/p>\n<p>Cependant, n&rsquo;oubliez pas qu&rsquo;une image t\u00e9l\u00e9vers\u00e9e dans la zone de contenu de votre article de blog n&rsquo;a rien \u00e0 voir avec l&rsquo;image mise en avant, m\u00eame s&rsquo;il s&rsquo;agit de la premi\u00e8re image que vous t\u00e9l\u00e9versez dans cet article.<\/p>\n<p>Il y a une <a href=\"https:\/\/kinsta.com\/fr\/blog\/editeur-wordpress-gutenberg\/#exploring-gutenberg\">section compl\u00e8tement diff\u00e9rente<\/a> qui traite de l&rsquo;image mise en avant.<\/p>\n<figure style=\"width: 1898px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/01\/not-a-featured-image.png\" alt=\"Ceci n'est pas une image mise en avant\" width=\"1898\" height=\"940\"><figcaption class=\"wp-caption-text\">Ceci n&rsquo;est pas une image mise en avant<\/figcaption><\/figure>\n<p>Pour trouver et t\u00e9l\u00e9verser une image mise en avant, reportez-vous au panneau des <strong>R\u00e9glages<\/strong> de publication sur le c\u00f4t\u00e9 droit. Celui-ci liste les diff\u00e9rents r\u00e9glages pour l&rsquo;ensemble de l\u2019article et peut \u00e9galement r\u00e9v\u00e9ler les r\u00e9glages sp\u00e9cifiques au bloc si vous avez un bloc Gutenberg WordPress actuellement s\u00e9lectionn\u00e9.<\/p>\n<figure style=\"width: 1650px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/01\/featured-image-tab.png\" alt=\"L'onglet \u00ab Image mise en avant \u00bb\" width=\"1650\" height=\"885\"><figcaption class=\"wp-caption-text\">L&rsquo;onglet \u00ab Image mise en avant \u00bb<\/figcaption><\/figure>\n<p>Assurez-vous que l&rsquo;onglet <strong>Document<\/strong> est s\u00e9lectionn\u00e9.<\/p>\n<p>Ensuite, faites d\u00e9filer les r\u00e9glages vers le bas. Les <strong>r\u00e9glages des images mises<\/strong> en avant sont vers le bas.<\/p>\n<figure style=\"width: 1902px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/01\/scroll-down-on.png\" alt=\"Acc\u00e9der aux r\u00e9glages de l\u2019article\" width=\"1902\" height=\"911\"><figcaption class=\"wp-caption-text\">Acc\u00e9der aux r\u00e9glages de l\u2019article<\/figcaption><\/figure>\n<p>Cliquez sur le panneau <strong>Image mise en avant<\/strong> pour ouvrir ses r\u00e9glages.<\/p>\n<p>Ici, vous verrez un bouton pour <strong>d\u00e9finir l&rsquo;image mise en avant<\/strong>. En cliquant sur ce bouton, vous acc\u00e9dez directement \u00e0 la <strong>m\u00e9diath\u00e8que de WordPress<\/strong>.<\/p>\n<p>Cependant, nous recommandons g\u00e9n\u00e9ralement de cliquer sur le bouton <strong>S\u00e9lectionner l&rsquo;image<\/strong>, car il offre quelques choix suppl\u00e9mentaires pour choisir une source pour l&rsquo;image mise en avant.<\/p>\n<figure style=\"width: 1609px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" style=\"font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;font-size: 1rem\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/01\/select-image-s-s.png\" alt=\"Cliquez sur \u00ab S\u00e9lectionner une image \u00bb dans l'onglet Image mise en avant\" width=\"1609\" height=\"862\"><figcaption class=\"wp-caption-text\">Cliquez sur \u00ab S\u00e9lectionner une image \u00bb dans l&rsquo;onglet Image mise en avant<\/figcaption><\/figure>\n<p>Comme promis, trois choix s&rsquo;offrent \u00e0 vous lorsque vous t\u00e9l\u00e9versez une image via un site web h\u00e9berg\u00e9 par Kinsta :<\/p>\n<ul>\n<li><strong>M\u00e9diath\u00e8que :<\/strong> Votre <a href=\"https:\/\/kinsta.com\/fr\/blog\/bibliotheque-medias-wordpress\/\">collection de m\u00e9dias WordPress<\/a>, vous permettant de t\u00e9l\u00e9verser des images sur votre serveur, de modifier ces photos et de les stocker pour un usage ult\u00e9rieur ou de les placer dans vos articles et pages d\u00e8s maintenant.<\/li>\n<li><strong>Google Photos :<\/strong> Une biblioth\u00e8que dans le cloud pour vos photos personnelles. Vous devez vous connecter et cr\u00e9er un lien vers Google Photos pour t\u00e9l\u00e9verser vos photos dans WordPress.<\/li>\n<li><strong>Pexels Free Photos :<\/strong> Une <a href=\"https:\/\/kinsta.com\/fr\/blog\/images-gratuites-pour-wordpress\/\">collection gratuite de photos professionnelles<\/a> que vous pouvez rechercher et inclure sur votre site web. Il est parfois n\u00e9cessaire de fournir une source de l&rsquo;image (celle-ci est fournie lorsque vous t\u00e9l\u00e9versez une photo Pexels sur WordPress).<\/li>\n<\/ul>\n<p>Choisissez en fonction du fait que vous avez ou non vos propres photos et de l&rsquo;endroit o\u00f9 elles sont stock\u00e9es.<\/p>\n<figure style=\"width: 1896px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/01\/one-of-the.png\" alt=\"T\u00e9l\u00e9verser une image depuis la m\u00e9diath\u00e8que\" width=\"1896\" height=\"901\"><figcaption class=\"wp-caption-text\">T\u00e9l\u00e9verser une image depuis la m\u00e9diath\u00e8que<\/figcaption><\/figure>\n<p>En utilisant la m\u00e9diath\u00e8que, vous pouvez voir les images que vous avez d\u00e9j\u00e0 t\u00e9l\u00e9vers\u00e9es dans WordPress. Vous avez la possibilit\u00e9 d&rsquo;en choisir une et de cliquer sur le bouton <strong>D\u00e9finir l&rsquo;image mise en avant<\/strong>.<\/p>\n<p>La m\u00e9diath\u00e8que dispose \u00e9galement d&rsquo;un onglet <strong>T\u00e9l\u00e9verser des fichiers<\/strong>, o\u00f9 vous pouvez s\u00e9lectionner des fichiers sur votre ordinateur et les t\u00e9l\u00e9verser dans votre m\u00e9diath\u00e8que WordPress.<\/p>\n<figure style=\"width: 1849px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/01\/set-it.png\" alt=\"Choisissez une image pour \u00ab D\u00e9finir l'image mise en avant \u00bb.\" width=\"1849\" height=\"876\"><figcaption class=\"wp-caption-text\">Choisissez une image pour \u00ab D\u00e9finir l&rsquo;image mise en avant \u00bb<\/figcaption><\/figure>\n<p>La collection <a href=\"https:\/\/kinsta.com\/fr\/blog\/images-gratuites-pour-wordpress\/#4-pexels\">Pexels<\/a> n\u2019est pas tr\u00e8s diff\u00e9rente de votre m\u00e9diath\u00e8que, sauf que vous avez le luxe de trouver de belles photos sans avoir \u00e0 les prendre vous-m\u00eame. Vous pouvez rechercher des mots-cl\u00e9s sp\u00e9cifiques et les d\u00e9finir comme vos images mises en avant. L\u00e0 encore, les images de Pexels sont gratuites, mais vous devez donner un lien de cr\u00e9dit au photographe, qui est automatiquement ins\u00e9r\u00e9 lorsque vous utilisez Pexels par le biais de WordPress.<\/p>\n<figure style=\"width: 1771px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/01\/from-free-media.png\" alt=\"Choisissez le m\u00e9dia et cliquez sur le bouton \u00ab S\u00e9lectionner \u00bb\" width=\"1771\" height=\"858\"><figcaption class=\"wp-caption-text\">Choisissez le m\u00e9dia et cliquez sur le bouton \u00ab S\u00e9lectionner \u00bb<\/figcaption><\/figure>\n<p>Une <a href=\"https:\/\/kinsta.com\/fr\/blog\/regenerer-miniatures\/\">miniature<\/a> de l\u2019image que vous utilisez appara\u00eet sous le panneau <strong>Image mise en avant<\/strong> dans vos <strong>r\u00e9glages de publication<\/strong>.<\/p>\n<p>Cela signifie que tant que vous cliquez sur <strong>Enregistrer le brouillon<\/strong> ou <strong>Publier<\/strong>, l&rsquo;image reste active sur cet article jusqu&rsquo;\u00e0 ce que vous la supprimiez.<\/p>\n<p>Parmi les autres boutons qui apparaissent, citons les boutons <strong>S\u00e9lectionner l&rsquo;image<\/strong>, <strong>Remplacer l&rsquo;image<\/strong> et <strong>Supprimer l&rsquo;image mise en avant<\/strong>. Tous ces boutons vous permettent d&rsquo;ajuster ou de supprimer l&rsquo;image actuelle.<\/p>\n<figure style=\"width: 1902px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/01\/featured-image-showing.png\" alt=\"Image WordPress mise en avant sous forme de miniature\" width=\"1902\" height=\"886\"><figcaption class=\"wp-caption-text\">Image WordPress mise en avant sous forme de miniature<\/figcaption><\/figure>\n<p>Pour avancer et voir en action l&rsquo;image mise en avant, cliquez sur le bouton <strong>Publier<\/strong>.<\/p>\n<p>Le bouton <strong>Pr\u00e9visualiser<\/strong> permet \u00e9galement de tester une image, mais le public ne peut pas la voir tant que vous n&rsquo;avez pas cliqu\u00e9 sur <strong>Publier<\/strong>.<\/p>\n<figure style=\"width: 1902px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/01\/publish-it-s.png\" alt=\"Cliquez sur le bouton \u00ab Publier \u00bb\" width=\"1902\" height=\"886\"><figcaption class=\"wp-caption-text\">Cliquez sur le bouton \u00ab Publier \u00bb<\/figcaption><\/figure>\n<p>En fonction des <a href=\"https:\/\/kinsta.com\/fr\/blog\/qu-est-ce-qu-un-theme-wordpress\/\">r\u00e9glages de votre th\u00e8me<\/a> et de divers autres facteurs, comme certaines extensions qui modifient les r\u00e9glages des images, l&rsquo;image mise en avant doit appara\u00eetre en premier dans l&rsquo;article publi\u00e9 sur votre blog.<\/p>\n<p>Comme vous pouvez le voir, l&rsquo;image que nous avons ins\u00e9r\u00e9e dans le contenu de l&rsquo;article est affich\u00e9e en deuxi\u00e8me position puisque l&rsquo;image mise en avant est prioritaire.<\/p>\n<figure style=\"width: 1140px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/01\/this-is-the-feat.png\" alt=\"Un exemple d'image mise en avant\" width=\"1140\" height=\"1325\"><figcaption class=\"wp-caption-text\">Un exemple d&rsquo;image mise en avant<\/figcaption><\/figure>\n<p>Une autre fa\u00e7on de voir votre image mise en avant est de cr\u00e9er des galeries d\u2019<strong>articles r\u00e9cents<\/strong> ou des flux de votre blog, g\u00e9n\u00e9ralement ailleurs sur votre site web.<\/p>\n<p>Par exemple, nous avons ajout\u00e9 un flux des <strong>Articles r\u00e9cents<\/strong> sur la page d&rsquo;accueil de notre site test. Les images mises en avant de tous les articles de ce flux apparaissent sous forme de miniatures plus petites, offrant une exp\u00e9rience plus visuelle \u00e0 ceux qui recherchent du contenu.<\/p>\n<figure style=\"width: 1652px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/01\/on-the-front.png\" alt=\"Galerie des articles affichant les images mises en avant\" width=\"1652\" height=\"1193\"><figcaption class=\"wp-caption-text\">Galerie affichant les images mises en avant des articles<\/figcaption><\/figure>\n<p>Si vos probl\u00e8mes d&rsquo;image ne sont pas dus \u00e0 un malentendu sur le processus de t\u00e9l\u00e9versement, continuez \u00e0 lire cet article.<\/p>\n<h3>Choisir accidentellement une image de couverture vs une image mise en avant dans WordPress<\/h3>\n<p>Une autre erreur simple mais courante commise par les utilisateurs de WordPress est de mettre en place une image de couverture pour un article ou une page et de supposer qu&rsquo;elle fonctionne comme une image mise en avant.<\/p>\n<p>Les images de couverture et les images mises en avant fonctionnent de mani\u00e8re similaire, en fournissant de grandes photos en haut des articles et des pages, mais elles pr\u00e9sentent quelques diff\u00e9rences. WordPress n&rsquo;a ajout\u00e9 que r\u00e9cemment le bloc <strong>Couverture<\/strong> \u00e0 son <a href=\"https:\/\/kinsta.com\/fr\/blog\/editeur-wordpress-gutenberg\/\">\u00e9diteur Gutenberg<\/a>. Par cons\u00e9quent, ce probl\u00e8me est r\u00e9serv\u00e9 \u00e0 ceux qui l&rsquo;utilisent.<\/p>\n<h4>La diff\u00e9rence entre une image de couverture et une image mise en avant<\/h4>\n<p>Une image de couverture fournit une section d&rsquo;image large ou en pleine largeur \u00e0 ajouter n&rsquo;importe o\u00f9 sur le site. Elle est utilis\u00e9e pour montrer le d\u00e9but d&rsquo;une nouvelle section ou d&rsquo;un article. Vous pouvez ins\u00e9rer un bloc de couverture n&rsquo;importe o\u00f9 dans un article ou une page, et pas seulement au d\u00e9but. De ce fait, une image de couverture fait partie de l\u2019article ou de la page, et n&rsquo;est pas s\u00e9par\u00e9e comme une image mise en avant.<\/p>\n<p>Une image mise en avant sert d&rsquo;image principale de l&rsquo;article ou de la page repr\u00e9sentant l&rsquo;int\u00e9gralit\u00e9 de cet article lorsqu&rsquo;il est partag\u00e9 ou distribu\u00e9 ailleurs sur votre site web ou en ligne. L&rsquo;image mise en avant poss\u00e8de sa propre section de t\u00e9l\u00e9versement, \u00e0 l&rsquo;\u00e9cart de l&rsquo;\u00e9diteur de contenu. Elle est g\u00e9n\u00e9ralement situ\u00e9e en haut de l&rsquo;article ou de la page.<\/p>\n<p>Le code de votre th\u00e8me structure souvent l&#8217;emplacement et le formatage de l&rsquo;image mise en avant. Par cons\u00e9quent, vous devrez peut-\u00eatre <a href=\"https:\/\/kinsta.com\/fr\/blog\/comment-personnaliser-theme-wordpress\/\">utiliser un code personnalis\u00e9<\/a> pour personnaliser l&rsquo;apparence de l&rsquo;image mise en avant.<\/p>\n<p>Enfin, une image de couverture permet des <a href=\"https:\/\/kinsta.com\/fr\/blog\/wordpress-5-6\/#background-patterns-in-cover-block\">options de personnalisation uniques<\/a>, comme la possibilit\u00e9 de placer un texte superpos\u00e9 sur l&rsquo;image ou d&rsquo;inclure un filtre. En g\u00e9n\u00e9ral, une image de couverture est bien plus personnalisable directement \u00e0 partir du tableau de bord de WordPress qu&rsquo;une image mise en avant.<\/p>\n<h4>Regardez une image de couverture en action (et comment elle diff\u00e8re d&rsquo;une image mise en avant)<\/h4>\n<p>Examinons les diff\u00e9rences fondamentales entre la couverture et les images mises en avant. Les deux peuvent \u00eatre accessibles et mises en \u0153uvre en allant dans les menus <strong>Articles<\/strong> ou <strong>Pages<\/strong> et en cr\u00e9ant un nouvel \u00e9l\u00e9ment ou en allant sur une ancienne page ou un ancien article.<\/p>\n<p>Vous pouvez trouver l&rsquo;<strong>image mise en avant<\/strong> dans le panneau des <strong>r\u00e9glages<\/strong> de droite pour tous les articles et toutes les pages. Elle est s\u00e9par\u00e9e du contenu principal.<\/p>\n<figure style=\"width: 1903px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/01\/featured-im.png\" alt=\"L'image mise en avant en action\" width=\"1903\" height=\"897\"><figcaption class=\"wp-caption-text\">L&rsquo;image mise en avant en action<\/figcaption><\/figure>\n<p>Un bloc <strong>Couverture<\/strong>, en revanche, se trouve dans la biblioth\u00e8que de blocs Gutenberg, accessible en cliquant sur un bouton <strong>Ajouter un bloc<\/strong> dans l&rsquo;\u00e9diteur. Le bouton <strong>Ajouter un bloc<\/strong> ressemble au signe \u00ab\u00a0<strong>+\u00a0<\/strong>\u00bb.<\/p>\n<figure style=\"width: 1920px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/01\/add-block-s-s-fd.png\" alt=\"Cliquez sur le bouton \u00ab Ajouter un bloc \u00bb.\" width=\"1920\" height=\"941\"><figcaption class=\"wp-caption-text\">Cliquez sur le bouton \u00ab Ajouter un bloc \u00bb<\/figcaption><\/figure>\n<p>Vous pouvez rechercher le bloc <strong>Couverture<\/strong> ou faire d\u00e9filer la biblioth\u00e8que pour le trouver.<\/p>\n<p>Cliquez sur le bloc <strong>Couverture<\/strong> pour l&rsquo;ins\u00e9rer dans votre article ou votre page.<\/p>\n<figure style=\"width: 1516px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/01\/cover.png\" alt=\"Choisir le bloc \u00ab Couverture \u00bb\" width=\"1516\" height=\"790\"><figcaption class=\"wp-caption-text\">Choisir le bloc \u00ab Couverture \u00bb<\/figcaption><\/figure>\n<p>Le bloc de Couverture est plac\u00e9 dans l&rsquo;\u00e9diteur de contenu, loin de la zone dans laquelle nous avons vu l&rsquo;image mise en avant.<\/p>\n<p>Vous pouvez t\u00e9l\u00e9verser une image pour votre couverture en cliquant sur les boutons <strong>S\u00e9lectionner un m\u00e9dia<\/strong> ou <strong>T\u00e9l\u00e9verser<\/strong>.<\/p>\n<figure style=\"width: 1920px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/01\/select-media.png\" alt=\"S\u00e9lectionner un m\u00e9dia pour votre image de couverture\" width=\"1920\" height=\"941\"><figcaption class=\"wp-caption-text\">S\u00e9lectionner un m\u00e9dia pour votre image de couverture<\/figcaption><\/figure>\n<p>La nouvelle couverture appara\u00eet dans l&rsquo;aper\u00e7u de l&rsquo;\u00e9diteur, et vous pouvez \u00e9galement modifier les r\u00e9glages du bloc dans le panneau de droite.<\/p>\n<figure style=\"width: 1733px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/01\/the-cover.png\" alt=\"Ceci une image de couverture\" width=\"1733\" height=\"940\"><figcaption class=\"wp-caption-text\">Ceci une image de couverture<\/figcaption><\/figure>\n<p>Il est \u00e9galement assez courant d&rsquo;ajuster la couverture pour remplir toute la largeur de la page, ce qui rend encore plus efficace l&rsquo;introduction d&rsquo;un article ou d&rsquo;un s\u00e9parateur entre les sections.<\/p>\n<figure style=\"width: 1718px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/01\/full-width.png\" alt=\"Choisissez l'alignement de votre image de couverture\" width=\"1718\" height=\"892\"><figcaption class=\"wp-caption-text\">Choisissez l&rsquo;alignement de votre image de couverture<\/figcaption><\/figure>\n<p>En g\u00e9n\u00e9ral, si vous <a href=\"https:\/\/kinsta.com\/fr\/blog\/legende-image-wordpress\/#how-to-edit-the-caption-for-an-existing-image\">modifiez une image<\/a>, comme une couverture ou un \u00e9l\u00e9ment m\u00e9dia standard, vous n&rsquo;utilisez pas une image mise en avant dans l\u2019article WordPress ou dans les \u00e9diteurs de pages.<\/p>\n<p>C&rsquo;est peut-\u00eatre la cause de vos probl\u00e8mes d&rsquo;image. Une image de couverture, ou toute image plac\u00e9e dans la zone de contenu d&rsquo;un article, n&rsquo;appara\u00eetra pas ailleurs (comme dans une <strong>liste des articles<\/strong> r\u00e9cents) comme l&rsquo;image mise en avant.<\/p>\n<h2>Et s&rsquo;il y a une image mise en avant ?<\/h2>\n<p>Certains utilisateurs de WordPress effectuent toutes les \u00e9tapes n\u00e9cessaires pour <a href=\"https:\/\/kinsta.com\/fr\/blog\/televerser-fichiers-masse-ftp\/\">t\u00e9l\u00e9verser<\/a> une image, mais se rendent compte qu&rsquo;un double de l&rsquo;image appara\u00eet. Vous verrez g\u00e9n\u00e9ralement ce ph\u00e9nom\u00e8ne se produire sur les listes d\u2019articles ou en haut d&rsquo;une page ou d&rsquo;un article, ce qui entra\u00eene l&#8217;empilement de deux photos identiques.<\/p>\n<p>C&rsquo;est tr\u00e8s probablement parce que vous avez t\u00e9l\u00e9vers\u00e9 une image mise en avant tout en incluant la m\u00eame image dans votre contenu en tant que couverture ou image normale. Il en r\u00e9sulte un probl\u00e8me de duplication d&rsquo;images comme celui-ci :<\/p>\n<figure style=\"width: 1176px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/01\/two-featureds.png\" alt=\"Images dupliqu\u00e9es\" width=\"1176\" height=\"1386\"><figcaption class=\"wp-caption-text\">Images dupliqu\u00e9es<\/figcaption><\/figure>\n<p>Il est \u00e9vident que vous ne voulez pas de cela. Habituellement, les images dupliqu\u00e9es ne sont pas deux images mises en avant, mais une image mise en avant et une photo s\u00e9par\u00e9e dans la zone de contenu de l&rsquo;article.<\/p>\n<p>Pour v\u00e9rifier, rendez-vous sur l\u2019article ou la page WordPress en question. Localisez le panneau des <strong>r\u00e9glages<\/strong> vers le c\u00f4t\u00e9 droit de la page. Ensuite, s\u00e9lectionnez l&rsquo;onglet <strong>Article<\/strong> (ou <strong>Page<\/strong> si vous modifiez une page) pour afficher les r\u00e9glages de l\u2019article.<\/p>\n<figure style=\"width: 1902px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/01\/post-section.png\" alt=\"Aller aux r\u00e9glages de l\u2019article\" width=\"1902\" height=\"913\"><figcaption class=\"wp-caption-text\">Aller aux r\u00e9glages de l\u2019article<\/figcaption><\/figure>\n<p>Faites d\u00e9filer ce panneau vers le bas et ouvrez le menu d\u00e9roulant <strong>Image mise en avant<\/strong>.<\/p>\n<figure style=\"width: 1689px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/01\/feat-image.png\" alt=\"Consultez l'onglet \u00ab Image mise en avant \u00bb\" width=\"1689\" height=\"891\"><figcaption class=\"wp-caption-text\">Consultez l&rsquo;onglet \u00ab Image mise en avant \u00bb<\/figcaption><\/figure>\n<p>Si vous voyez la m\u00eame photo sous l&rsquo;onglet <strong>Image mise en avant<\/strong> et dans votre contenu, c&rsquo;est la cause du probl\u00e8me !<\/p>\n<p>Il y a deux solutions \u00e0 cela. Premi\u00e8rement, vous devez d\u00e9cider de ce que vous essayez de faire. Si l&rsquo;objectif est de ne pas avoir d&rsquo;image mise en avant, vous pouvez la supprimer compl\u00e8tement.<\/p>\n<p>Nous rencontrons souvent des gens qui veulent cette image et qui pensent simplement que l&rsquo;\u00e9diteur de contenu est l&rsquo;endroit o\u00f9 la mettre. Dans ce cas, vous devez conserver la photo sous la zone Image mise en avant et supprimer celle qui se trouve dans l&rsquo;\u00e9diteur de contenu de l&rsquo;article.<\/p>\n<figure style=\"width: 1689px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" style=\"font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;font-size: 1rem\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/01\/same-ones.png\" alt=\"Afficher l'image mise en avant\" width=\"1689\" height=\"891\"><figcaption class=\"wp-caption-text\">Afficher l&rsquo;image mise en avant<\/figcaption><\/figure>\n<p>Pour supprimer ce bloc d&rsquo;image, cliquez sur l&rsquo;ic\u00f4ne en trois points apr\u00e8s avoir s\u00e9lectionn\u00e9 le bloc d&rsquo;image.<\/p>\n<p>Cliquez sur l&rsquo;option <strong>Supprimer le bloc<\/strong> \u00e0 la toute fin de la liste.<\/p>\n<figure style=\"width: 1684px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/01\/remove-block.png\" alt=\"Afficher plus de r\u00e9glages en cliquant sur l'ic\u00f4ne de trois points\" width=\"1684\" height=\"896\"><figcaption class=\"wp-caption-text\">Afficher plus de r\u00e9glages en cliquant sur l&rsquo;ic\u00f4ne des trois points<\/figcaption><\/figure>\n<p>Il ne doit pas y avoir d&rsquo;image au d\u00e9but de l&rsquo;article, mais juste un aper\u00e7u des miniatures dans le module <strong>Image mise en avant<\/strong>.<\/p>\n<p>Il devrait en \u00eatre ainsi si vous voulez la fonctionnalit\u00e9 d&rsquo;une image mise en avant sans duplication !<\/p>\n<figure style=\"width: 1905px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/01\/only-feat.png\" alt=\"Correction d'une image WordPress mise en avant ne s'affichant pas correctement\" width=\"1905\" height=\"844\"><figcaption class=\"wp-caption-text\">Correction d&rsquo;une image WordPress mise en avant ne s&rsquo;affichant pas correctement<\/figcaption><\/figure>\n<h2>Que faire si l&rsquo;image mise en avant ne semble pas correcte ?<\/h2>\n<p>Vous avez trouv\u00e9 comment t\u00e9l\u00e9verser une image mise en avant et compl\u00e9t\u00e9 le contenu de votre article. La seule chose \u00e0 faire ensuite est d&rsquo;examiner et de publier l&rsquo;article.<\/p>\n<p>Malheureusement, vous d\u00e9couvrez que l&rsquo;image mise en avant n&rsquo;est pas aussi belle que vous l&rsquo;esp\u00e9riez.<\/p>\n<p>Vous rencontrerez peut-\u00eatre l&rsquo;une des situations suivantes :<\/p>\n<ul>\n<li>L&rsquo;image mise en avant est trop petite ou trop grande.<\/li>\n<li>Elle est \u00e9tir\u00e9e ou floue.<\/li>\n<li>Les miniatures n&rsquo;ont pas la bonne taille.<\/li>\n<\/ul>\n<p>Heureusement, WordPress comprend d\u00e9j\u00e0 une large gamme d&rsquo;outils de retouche photo pour vous permettre de garantir un aspect professionnel de l&rsquo;image mise en avant. Il est \u00e9galement prudent de comprendre quels <a href=\"https:\/\/kinsta.com\/fr\/blog\/types-fichier-image\/\">types de photos<\/a> fonctionnent bien avec les images mises en avant, car ce sont peut-\u00eatre les photos originales qui sont \u00e0 l&rsquo;origine des probl\u00e8mes.<\/p>\n<h3>Comprendre quelles photos fonctionnent bien en tant qu&rsquo;images mises en avant<\/h3>\n<p>C&rsquo;est une bonne pratique de savoir quelles photos s\u2019affichent bien sur WordPress. De plus, il est essentiel de r\u00e9aliser que les images mises en avant s&rsquo;affichent diff\u00e9remment par rapport \u00e0 une photo ordinaire t\u00e9l\u00e9vers\u00e9e sur un article ou une page.<\/p>\n<p>En <a href=\"https:\/\/kinsta.com\/fr\/blog\/tailles-images-reseaux-sociaux\/\">commen\u00e7ant par les dimensions<\/a>, tous les sites web, ou plus pr\u00e9cis\u00e9ment les th\u00e8mes des sites web, ont des dimensions variables pour les images mises en avant dans les articles. Le fait de d\u00e9terminer les dimensions optimales avant de t\u00e9l\u00e9verser les images vous permet de r\u00e9duire au minimum les cas o\u00f9 l&rsquo;image mise en avant est \u00e9tir\u00e9e ou rogn\u00e9e de mani\u00e8re \u00e9trange.<\/p>\n<p>Bien qu&rsquo;il n&rsquo;y ait pas de taille recommand\u00e9e pour une image mise en avant sous WordPress, nous sugg\u00e9rons de commencer avec <strong>1200 x 628 pixels<\/strong>.<\/p>\n<p>Cela signifie que vous ne pouvez pas simplement prendre n&rsquo;importe quelle photo et vous attendre \u00e0 ce qu&rsquo;elle ait l&rsquo;air g\u00e9niale en tant qu&rsquo;image mise en avant. Il est pr\u00e9f\u00e9rable de <a href=\"https:\/\/kinsta.com\/fr\/blog\/wordpress-5-5\/#inline-image-editing\">modifier une photo<\/a> pour qu\u2019elle corresponde aux dimensions sugg\u00e9r\u00e9es avant de la t\u00e9l\u00e9verser dans WordPress.<\/p>\n<p>Cependant, la suggestion de 1200 x 628 pixels n&rsquo;est qu&rsquo;un point de d\u00e9part. Vous d\u00e9couvrirez peut-\u00eatre que votre th\u00e8me se d\u00e9brouille bien avec des images l\u00e9g\u00e8rement plus larges ou plus petites.<\/p>\n<p>Voici quelques r\u00e8gles g\u00e9n\u00e9rales \u00e0 suivre avant de t\u00e9l\u00e9verser votre image mise en avant :<\/p>\n<ul>\n<li>Privil\u00e9giez les formats en paysage aux photos en portrait. Les images en mises en avant sont bien plus belles lorsque la largeur est plus longue que la hauteur, souvent dans un rapport de 2:1.<\/li>\n<li>T\u00e9l\u00e9versez plusieurs tailles de photos sur un article de test et notez les dimensions de chacune d&rsquo;entre elles. Cela devrait vous permettre de vous rapprocher de la taille d&rsquo;image optimale pour votre th\u00e8me.<\/li>\n<li>\u00c9vitez les images trop grandes ou trop petites. Les grandes images sont compress\u00e9es et perdent en qualit\u00e9, tandis que les petites images s&rsquo;\u00e9tirent et finissent par avoir l&rsquo;air terriblement floues.<\/li>\n<li>Pensez \u00e0 utiliser les outils de modification d&rsquo;images int\u00e9gr\u00e9s dans WordPress pour les images d\u00e9j\u00e0 t\u00e9l\u00e9vers\u00e9es mais qui pourraient n\u00e9cessiter quelques modifications.<\/li>\n<\/ul>\n<p>Une autre tactique pour trouver et d\u00e9finir la taille d&rsquo;image id\u00e9ale est de vous rendre sur la section M\u00e9dia de votre tableau de bord WordPress.<\/p>\n<p>Allez dans <strong>R\u00e9glages &gt; M\u00e9dias<\/strong>.<\/p>\n<figure style=\"width: 1016px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/01\/media-sets.png\" alt=\"Aller aux r\u00e9glages de la m\u00e9diath\u00e8que\" width=\"1016\" height=\"872\"><figcaption class=\"wp-caption-text\">Aller aux r\u00e9glages des la m\u00e9dias<\/figcaption><\/figure>\n<p>Voici les r\u00e9glages g\u00e9n\u00e9raux des <strong>m\u00e9dias<\/strong> pour l&rsquo;ensemble de votre site WordPress. Les dimensions d\u00e9finies dictent les dimensions maximales que vous verrez sur votre site web pour les tailles d&rsquo;image donn\u00e9es.<\/p>\n<p>Trois tailles d&rsquo;images sont souvent configur\u00e9es sur WordPress : <strong>Miniature<\/strong>, <strong>Moyenne<\/strong> et <strong>Grande<\/strong>.<\/p>\n<p>La taille <strong>Miniature<\/strong> est l&rsquo;image mise en avant dans d&rsquo;autres parties de votre site web, en dehors de l&rsquo;article lui-m\u00eame. Par exemple, vous pouvez voir l&rsquo;image mise en avant appara\u00eetre dans une liste d\u2019articles r\u00e9cents ou dans un <a href=\"https:\/\/kinsta.com\/fr\/blog\/plugins-flux-rss\/\">flux de blog<\/a> sur votre page d&rsquo;accueil.<\/p>\n<p>Vous avez la possibilit\u00e9 de recadrer aux dimensions exactes la miniature de l&rsquo;image mise en avant. Comme alternative, il est souvent pr\u00e9f\u00e9rable de ne pas cocher la case <strong>Recadrer la miniature<\/strong>. Les dimensions de la miniature sont donc plut\u00f4t utilis\u00e9es \u00e0 titre indicatif. De cette fa\u00e7on, les miniatures restent proportionnelles et vous ne voyez pas d&rsquo;effets inattendus.<\/p>\n<p>La <strong>Grande <\/strong>taille dicte souvent les dimensions de l&rsquo;image mise en avant lorsqu&rsquo;elle est affich\u00e9e en haut d&rsquo;un article ou d&rsquo;une page. Parfois, d&rsquo;autres r\u00e9glages l&#8217;emportent, mais ce n&rsquo;est pas une mauvaise id\u00e9e de noter les dimensions pour vous assurer que vous connaissez au moins la largeur optimale de l&rsquo;image.<\/p>\n<p>La hauteur maximale ne devrait pas avoir autant d&rsquo;importance puisque les images mises en avant ne devraient pas \u00eatre aussi grandes.<\/p>\n<figure style=\"width: 1613px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/01\/thumb-and-large.png\" alt=\"D\u00e9finir les diff\u00e9rentes tailles de m\u00e9dias\" width=\"1613\" height=\"940\"><figcaption class=\"wp-caption-text\">D\u00e9finir les diff\u00e9rentes tailles de m\u00e9dias<\/figcaption><\/figure>\n<h3>Comment modifier les images mises en avant dans WordPress<\/h3>\n<p>La modification d&rsquo;une image dans WordPress est souvent le moyen le plus simple et le plus rapide de r\u00e9soudre un probl\u00e8me avec une image trop grande ou n\u00e9cessitant un recadrage.<\/p>\n<p>Nous recommandons g\u00e9n\u00e9ralement de modifier une image avant de la t\u00e9l\u00e9verser en tant qu&rsquo;image mise en avant (les outils tiers de modification ont des fonctionnalit\u00e9s plus avanc\u00e9es). Cependant, WordPress propose des <a href=\"https:\/\/kinsta.com\/fr\/blog\/bibliotheque-medias-wordpress\/#how-to-edit-images-in-the-wordpress-media-library\">fonctions simples<\/a> de modification qui peuvent s&rsquo;av\u00e9rer plus faciles pour certains utilisateurs ou pour ceux qui souhaitent modifier des images d\u00e9j\u00e0 t\u00e9l\u00e9vers\u00e9es dans WordPress.<\/p>\n<p>Pour modifier des images mises en avant dans WordPress, ouvrez un article et faites d\u00e9filer jusqu&rsquo;\u00e0 la section <strong>Images mises en avant<\/strong> dans le panneau <strong>R\u00e9glages de l\u2019article<\/strong>.<\/p>\n<p>Cliquez sur la miniature de l&rsquo;image mise en avant pour acc\u00e9der \u00e0 ses diff\u00e9rents r\u00e9glages. Il est \u00e9galement possible de localiser toutes les images sur votre site WordPress en allant dans la <strong>M\u00e9diath\u00e8que<\/strong>.<\/p>\n<figure style=\"width: 1905px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/01\/lcick-one.png\" alt=\"Vous pouvez voir l'image mise en avant sur le c\u00f4t\u00e9\" width=\"1905\" height=\"907\"><figcaption class=\"wp-caption-text\">Vous pouvez voir l&rsquo;image mise en avant sur le c\u00f4t\u00e9<\/figcaption><\/figure>\n<p>Assurez-vous que la bonne image est s\u00e9lectionn\u00e9e dans la m\u00e9diath\u00e8que.<\/p>\n<p><span style=\"font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;font-size: 1rem\">Cliquez sur le lien <strong>Modifier l&rsquo;image<\/strong> pour proc\u00e9der \u00e0 la modification.<\/span><\/p>\n<figure style=\"width: 1841px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/01\/edit-the.png\" alt=\"Cliquez sur le lien \u00ab Modifier l'image \u00bb.\" width=\"1841\" height=\"861\"><figcaption class=\"wp-caption-text\">Cliquez sur le lien \u00ab Modifier l&rsquo;image \u00bb.<\/figcaption><\/figure>\n<p>Plusieurs outils sont disponibles dans la fen\u00eatre contextuelle <strong>Modifier l&rsquo;image<\/strong>, mais le plus fiable d&rsquo;entre eux est sur le c\u00f4t\u00e9 droit, et il s\u2019intitule <strong>Nouvelles dimensions<\/strong>.<\/p>\n<p>Cela vous permet de saisir de nouvelles dimensions, en largeur et en hauteur, de sorte que l&rsquo;image d\u00e9j\u00e0 t\u00e9l\u00e9vers\u00e9e se r\u00e9tr\u00e9cit. Nous vous recommandons de ne pas essayer d&rsquo;agrandir une image, car cela ne ferait que la rendre floue.<\/p>\n<figure style=\"width: 1920px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/01\/new-dim.png\" alt=\"D\u00e9finir les dimensions de l'image\" width=\"1920\" height=\"941\"><figcaption class=\"wp-caption-text\">D\u00e9finir les dimensions de l&rsquo;image<\/figcaption><\/figure>\n<p>Saisissez les nouvelles dimensions et cliquez sur le bouton <strong>Redimensionner<\/strong>.<\/p>\n<figure style=\"width: 1920px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/01\/scale.png\" alt=\"Choisissez les dimensions\" width=\"1920\" height=\"941\"><figcaption class=\"wp-caption-text\">Choisissez les dimensions<\/figcaption><\/figure>\n<p>L&rsquo;image de pr\u00e9visualisation doit para\u00eetre un peu plus petite qu&rsquo;auparavant, sauf si le changement est si minuscule que vous ne le remarquez pas.<\/p>\n<p>Vous verrez un message qui vous indique <strong>Image enregistr\u00e9e<\/strong>. Les nouvelles dimensions sont \u00e9galement indiqu\u00e9es sur le c\u00f4t\u00e9 droit de la fen\u00eatre contextuelle.<\/p>\n<figure style=\"width: 1857px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/01\/image-saves.png\" alt=\"Enregistrer l'image modifi\u00e9e\" width=\"1857\" height=\"890\"><figcaption class=\"wp-caption-text\">Enregistrer l&rsquo;image modifi\u00e9e<\/figcaption><\/figure>\n<p>Tous les autres outils d&rsquo;\u00e9dition d&rsquo;images sont situ\u00e9s au-dessus de l&rsquo;aper\u00e7u de l&rsquo;image pr\u00e9sent\u00e9e.<\/p>\n<p>Parmi les fonctions d&rsquo;\u00e9dition d&rsquo;images int\u00e9gr\u00e9es \u00e0 WordPress, on peut citer<\/p>\n<ul>\n<li>Recadrer<\/li>\n<li>Tourner vers la gauche<\/li>\n<li>Tourner vers la droite<\/li>\n<li>Retourner verticalement<\/li>\n<li>Retourner horizontalement<\/li>\n<\/ul>\n<p>L&rsquo;outil <strong>Recadrer<\/strong> est g\u00e9n\u00e9ralement le plus important, alors cliquez dessus pour activer le module de modification.<\/p>\n<figure style=\"width: 1920px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/01\/crop-s.png\" alt=\"Cliquez sur le bouton \u00ab Recadrer \u00bb\" width=\"1920\" height=\"941\"><figcaption class=\"wp-caption-text\">Cliquez sur le bouton \u00ab Recadrer \u00bb<\/figcaption><\/figure>\n<p>L&rsquo;outil <strong>Recadrer<\/strong> r\u00e9v\u00e8le un carr\u00e9 dans la miniature de pr\u00e9visualisation, vous demandant de cliquer et de faire glisser la bo\u00eete de recadrage pour qu&rsquo;elle atteigne les dimensions exactes que vous souhaitez.<\/p>\n<figure style=\"width: 1920px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/01\/drag-crop.png\" alt=\"La bo\u00eete de recadrage de l'image\" width=\"1920\" height=\"941\"><figcaption class=\"wp-caption-text\">La bo\u00eete de recadrage de l&rsquo;image<\/figcaption><\/figure>\n<p>Appuyez sur la touche <strong>Entr\u00e9e<\/strong> pour activer le recadrage et voir le r\u00e9sultat dans l&rsquo;aper\u00e7u. Vous avez \u00e9galement la possibilit\u00e9 d&rsquo;<strong>enregistrer<\/strong> le recadrage.<\/p>\n<figure style=\"width: 1920px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/01\/enter-and-save.png\" alt=\"Cliquez sur le bouton \u00ab Enregistrer \u00bb.\" width=\"1920\" height=\"941\"><figcaption class=\"wp-caption-text\">Cliquez sur le bouton \u00ab Enregistrer \u00bb<\/figcaption><\/figure>\n<p>La derni\u00e8re fa\u00e7on de modifier les images mises en avant dans WordPress consiste \u00e0 recadrer l&rsquo;image tout en conservant un certain ratio hauteur\/largeur. Cela signifie que lorsque vous d\u00e9placez la bo\u00eete de recadrage, elle reste dans le ratio d&rsquo;image.<\/p>\n<p>Par exemple, vous pourriez saisir un ratio d&rsquo;aspect de <strong>2 x 1<\/strong>. Par la suite, chaque fois que vous ferez glisser la bo\u00eete de recadrage, elle respectera toujours le ratio <strong>2 x 1<\/strong>, ce qui vous donnera moins de libert\u00e9 pour recadrer et vous permettra de conserver un rapport constant lors de la cr\u00e9ation des images mises en avant.<\/p>\n<figure style=\"width: 1920px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/01\/maintain-aspect-ratio.png\" alt=\"Recadrage de l'image\" width=\"1920\" height=\"941\"><figcaption class=\"wp-caption-text\">Recadrage de l&rsquo;image<\/figcaption><\/figure>\n<p>Lorsque vous avez fini de modifier une image, vous pouvez cliquer sur <strong>Entr\u00e9e<\/strong> pour activer la modification, puis <strong>Enregistrer<\/strong> l&rsquo;image. Ensuite, vous pouvez ins\u00e9rer la nouvelle version de cette image dans un article, une page, une image mise en avant ou tout autre endroit o\u00f9 vous souhaitez qu&rsquo;elle soit affich\u00e9e sur votre site.<\/p>\n<p>En outre, le panneau <strong>Modifier l&rsquo;image<\/strong> comporte une option qui vous permet de <a href=\"https:\/\/kinsta.com\/fr\/blog\/wordpress-multisite-vers-site-unique\/\">revenir<\/a> aux dimensions d&rsquo;origine quand vous le souhaitez.<\/p>\n<h2>Corriger l&rsquo;image WordPress mise en avant qui n&rsquo;appara\u00eet pas dans les pages et les articles<\/h2>\n<p>Si vous avez t\u00e9l\u00e9vers\u00e9 correctement l&rsquo;image de votre article ou de votre page et qu&rsquo;elle n&rsquo;appara\u00eet toujours pas, il peut y avoir plusieurs raisons. Cependant, cela varie en fonction de la configuration, du th\u00e8me et des extensions de votre site WordPress. Voici quelques raisons courantes qui conduisent \u00e0 des probl\u00e8mes avec les images mises en avant :<\/p>\n<ul>\n<li>Vous obtenez une <a href=\"https:\/\/kinsta.com\/fr\/blog\/codes-statut-http\/\">erreur HTTP<\/a> en essayant de t\u00e9l\u00e9verser une image, ce qui pourrait signifier des probl\u00e8mes de limite de t\u00e9l\u00e9versement ou de formats d&rsquo;image.<\/li>\n<li>Les <a href=\"https:\/\/kinsta.com\/fr\/blog\/moteurs-recherche-alternatifs\/\">moteurs de recherche<\/a> peuvent bloquer les images mises en avant qui contiennent des codes suspects ou des logiciels malveillants.<\/li>\n<li>Les autorisations sont bloqu\u00e9es pour votre <a href=\"https:\/\/kinsta.com\/fr\/blog\/roles-utilisateurs-wordpress\/\">type d&rsquo;utilisateur<\/a> pour acc\u00e9der \u00e0 la page n\u00e9cessaire pour t\u00e9l\u00e9verser ou voir une image mise en avant.<\/li>\n<li>Votre th\u00e8me, ou une extension, pr\u00e9sente une erreur ou est en conflit avec le fonctionnement des images mises en avant.<\/li>\n<li>Le th\u00e8me ne permet pas d&rsquo;afficher des images mises en avant, ou vous devez les activer par le biais des r\u00e9glages du th\u00e8me.<\/li>\n<li>Vous avez peut-\u00eatre des difficult\u00e9s \u00e0 t\u00e9l\u00e9verser l&rsquo;image mise en avant de la bonne mani\u00e8re.<\/li>\n<li>Vous pouvez constater que le code du th\u00e8me ne prend pas en charge une image mise en avant.<\/li>\n<li>Une extension de chargement diff\u00e9r\u00e9 peut emp\u00eacher l&rsquo;image mise en avant d&rsquo;appara\u00eetre ou de se charger rapidement.<\/li>\n<li>L&rsquo;image mise en avant peut ne pas se trouver au bon endroit dans le mod\u00e8le de page ou d\u2019article.<\/li>\n<li>Les r\u00e9glages de votre tableau de bord pourraient avoir les champs d&rsquo;images mises en avant compl\u00e8tement d\u00e9sactiv\u00e9s.<\/li>\n<\/ul>\n<h3>Comment corriger une erreur HTTP avec les images mises en avant<\/h3>\n<p>Quelques erreurs sont plus fr\u00e9quentes que d&rsquo;autres lors du t\u00e9l\u00e9versement d&rsquo;images dans la m\u00e9diath\u00e8que sous WordPress.<\/p>\n<p>Heureusement, avec l&rsquo;\u00e9volution de WordPress, les erreurs sont devenues un peu moins ambigu\u00ebs, ce qui permet de d\u00e9terminer plus facilement leur cause.<\/p>\n<p>Cependant, vous pouvez toujours voir une erreur vague, comme le message suivant \u00ab erreur HTTP \u00bb. Cela signifie g\u00e9n\u00e9ralement qu&rsquo;il y a un probl\u00e8me avec l&rsquo;image elle-m\u00eame, ou que vous devez <a href=\"https:\/\/kinsta.com\/fr\/blog\/augmenter-taille-max-upload-wordpress\/\">autoriser des t\u00e9l\u00e9versements plus importants<\/a> sur votre site WordPress.<\/p>\n<figure style=\"width: 932px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/http-error.png\" alt=\"Erreur HTTP lors du t\u00e9l\u00e9versement de nouveaux m\u00e9dias\" width=\"932\" height=\"381\"><figcaption class=\"wp-caption-text\">Erreur HTTP lors du t\u00e9l\u00e9versement de nouveaux m\u00e9dias<\/figcaption><\/figure>\n<p>Il est plus courant de voir quelque chose avec des d\u00e9tails, comme un message qui vous dit qu\u2019une image ou une vid\u00e9o \u00ab\u00a0D\u00e9passe la taille maximale de t\u00e9l\u00e9versement pour ce site\u00a0\u00bb.<\/p>\n<figure style=\"width: 1616px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/maximum.png\" alt=\"Le fichier d\u00e9passe la taille maximale de t\u00e9l\u00e9versement\" width=\"1616\" height=\"781\"><figcaption class=\"wp-caption-text\">Le fichier d\u00e9passe la taille maximale de t\u00e9l\u00e9versement<\/figcaption><\/figure>\n<p>Quoi qu&rsquo;il en soit, toutes ces erreurs sont frustrantes et d\u00e9routantes pour les utilisateurs. M\u00eame s&rsquo;ils vous disent que l&rsquo;image est trop grande, comment passer \u00e0 autre chose ?<\/p>\n<p>En g\u00e9n\u00e9ral, les solutions suivantes ont tendance \u00e0 vous aider avec les codes d&rsquo;erreur vous indiquant qu&rsquo;une image est soit trop grande, soit non prise en charge pour le t\u00e9l\u00e9versement :<\/p>\n<ul>\n<li><a href=\"https:\/\/kinsta.com\/fr\/blog\/limite-memoire-wordpress\/\">Augmenter votre limite de m\u00e9moire WordPress<\/a>.<\/li>\n<li><a href=\"https:\/\/kinsta.com\/fr\/blog\/optimiser-les-images-pour-le-web\/\">Diminuer la taille du fichier image<\/a>.<\/li>\n<\/ul>\n<h4>Augmenter votre limite de m\u00e9moire WordPress<\/h4>\n<p>Votre h\u00e9bergeur fixe souvent les limites de m\u00e9moire de WordPress. Vous pouvez contacter <a href=\"https:\/\/kinsta.com\/fr\/nous-contacter\/\">votre h\u00e9bergeur actuel<\/a> et lui demander d&rsquo;augmenter la limite PHP.<\/p>\n<figure style=\"width: 900px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/wordpress-memory-limit-exhausted-error.png\" alt=\"Erreur de limite de m\u00e9moire \u00e9puis\u00e9e telle qu'elle appara\u00eet dans WordPress\" width=\"900\" height=\"62\"><figcaption class=\"wp-caption-text\">Erreur de limite de m\u00e9moire \u00e9puis\u00e9e telle qu&rsquo;elle appara\u00eet dans WordPress<\/figcaption><\/figure>\n<p>Si cela est autoris\u00e9, vous pouvez \u00e9galement modifier vous-m\u00eame la limite de m\u00e9moire PHP en modifiant le fichier <strong>wp-config.php<\/strong> de votre site. Dans certains cas, vous devrez passer \u00e0 un <a href=\"https:\/\/kinsta.com\/fr\/tarifs\/\">plan d&rsquo;h\u00e9bergement plus important<\/a> qui offre plus de ressources pour votre site.<\/p>\n<p>Nous vous recommandons de <a href=\"https:\/\/kinsta.com\/fr\/blog\/limite-memoire-wordpress\/\">consulter ce guide<\/a> pour vous guider dans ces \u00e9tapes en d\u00e9tail.<\/p>\n<h4>Diminuer la taille du fichier image<\/h4>\n<p>Le t\u00e9l\u00e9versement de fichiers volumineux sur votre site WordPress entra\u00eene des probl\u00e8mes de performances et peut surcharger vos serveurs d&rsquo;h\u00e9bergement. C&rsquo;est pourquoi de nombreux h\u00e9bergeurs, et WordPress lui-m\u00eame, d\u00e9finissent une <a href=\"https:\/\/kinsta.com\/fr\/blog\/augmenter-taille-max-upload-wordpress\/\">taille maximale pour le t\u00e9l\u00e9versement de fichiers<\/a>.<\/p>\n<figure style=\"width: 1750px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2015\/07\/max-upload-size-error-in-wordpress.png\" alt=\"Un autre exemple d'erreur sur la taille maximale de t\u00e9l\u00e9versement dans WordPress\" width=\"1750\" height=\"908\"><figcaption class=\"wp-caption-text\">Un autre exemple d&rsquo;erreur sur la taille maximale de t\u00e9l\u00e9versement dans WordPress<\/figcaption><\/figure>\n<p>En outre, toute image que vous utilisez sur votre site, y compris les images mises en avant, ne devrait pas \u00eatre aussi grande, pour commencer. Vous pouvez toujours <a href=\"https:\/\/kinsta.com\/fr\/blog\/optimiser-les-images-pour-le-web\/\">conserver la qualit\u00e9 d&rsquo;une image<\/a> apr\u00e8s compression, recadrage ou redimensionnement. Tant que l&rsquo;image n&rsquo;est pas trop petite, vous devriez pouvoir offrir une belle image mise en avant.<\/p>\n<p>Nous vous recommandons donc d&rsquo;utiliser des outils de recadrage, de compression et de redimensionnement avant d&rsquo;opter pour une augmentation de votre limite de m\u00e9moire PHP.<\/p>\n<p>Parmi les <a href=\"https:\/\/kinsta.com\/fr\/blog\/optimiser-les-images-pour-le-web\/#image-optimization-tools-and-programs\">outils de modification d&rsquo;images non WordPress<\/a> que vous pouvez utiliser, citons GIMP, Photoshop Express et Paint.NET.<\/p>\n<p><span style=\"font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;font-size: 1rem\">La modification dans WordPress est \u00e9galement une option, mais cela ne r\u00e9sout g\u00e9n\u00e9ralement pas le probl\u00e8me d&rsquo;obtenir l&rsquo;image WordPress au d\u00e9part. Si vous optez pour cette solution, nous recommandons une extension de compression d&rsquo;image qui r\u00e9duit et optimise automatiquement toutes les images t\u00e9l\u00e9vers\u00e9es dans WordPress, comme <a href=\"https:\/\/kinsta.com\/fr\/blog\/optimiser-les-images-pour-le-web\/#optimole\">Optimole<\/a> ou <a href=\"https:\/\/kinsta.com\/fr\/blog\/optimiser-les-images-pour-le-web\/#imagify\">Imagify<\/a>. De cette fa\u00e7on, vous ne limitez pas les ressources de votre site avec trop de grandes photos.<\/span><\/p>\n<h3>Comment r\u00e9parer les images dont le code est suspect<\/h3>\n<p>Malheureusement, une image contenant un <a href=\"https:\/\/kinsta.com\/fr\/blog\/le-site-web-vers-lequel-vous-naviguez-contient-un-logiciel-malveillant-malware\/\">malware<\/a> ou un virus est d\u00e9j\u00e0 compromise. La bonne nouvelle est que WordPress bloquant une image pour cette raison signifie que WordPress a fait son travail !<\/p>\n<p>Bien qu&rsquo;il existe peu de solutions simples pour supprimer les codes suspects, votre meilleure chance est de vous en tenir aux photos que vous achetez l\u00e9galement ou de prendre vos propres photos au lieu de les r\u00e9cup\u00e9rer directement sur Google (ce qui est de toute fa\u00e7on techniquement ill\u00e9gal) ou bien de trouver des images sur des sites web douteux.<\/p>\n<p>Nous vous recommandons \u00e9galement d&rsquo;h\u00e9berger votre site avec une entreprise qui prend les <a href=\"https:\/\/kinsta.com\/fr\/docs\/information-service\/suppression-logiciel-malveillant\/\">logiciels malveillants<\/a> au s\u00e9rieux et qui s&rsquo;engage \u00e0 les prot\u00e9ger.<\/p>\n<h3>Comment modifier les autorisations pour permettre la visualisation d&rsquo;images mise en avant<\/h3>\n<p>Les autorisations WordPress d\u00e9terminent qui peut lire, \u00e9crire ou modifier les fichiers du site web. D&rsquo;autre part, les <a href=\"https:\/\/kinsta.com\/fr\/blog\/roles-utilisateurs-wordpress\/#how-to-manage-wordpress-user-roles-effectively\">r\u00f4les des utilisateurs<\/a> dictent quelles zones du tableau de bord WordPress et du site web public sont accessibles \u00e0 certaines personnes.<\/p>\n<p>Il est possible que votre r\u00f4le utilisateur actuel ne vous permette pas de t\u00e9l\u00e9verser ou de visualiser les images mises en avant. Un autre probl\u00e8me est qu&rsquo;une certaine page ou un certain article dans vos fichiers WordPress ne soit pas accessible en raison des autorisations d&rsquo;utilisateur.<\/p>\n<p>La cl\u00e9 pour r\u00e9soudre ce probl\u00e8me est de s&rsquo;assurer que vos r\u00f4les et autorisations d&rsquo;utilisateur sont correctement d\u00e9finis.<\/p>\n<p>Nous vous recommandons de <a href=\"https:\/\/kinsta.com\/fr\/blog\/roles-utilisateurs-wordpress\/\">lire notre guide sur les r\u00f4les des utilisateurs de WordPress<\/a> afin de vous assurer que tous les membres de votre \u00e9quipe puissent visualiser \u00e0 tout moment les images mises en avant et y acc\u00e9der.<\/p>\n<h3>Comment r\u00e9soudre un conflit ou un probl\u00e8me avec un th\u00e8me ou une extension<\/h3>\n<p>Les th\u00e8mes et les extensions font partie des raisons les plus courantes pour lesquelles les images mises en avant \u00e9chouent ou sont <a href=\"https:\/\/kinsta.com\/fr\/docs\/hebergement-wordpress\/plugins-themes-wordpress\/plugins-wordpress-interdits-incompatibles\/\">bloqu\u00e9es<\/a>.<\/p>\n<p>Tous les th\u00e8mes n&rsquo;ont pas les m\u00eames r\u00e9glages d&rsquo;image. Parfois, les images mises en avant des pages sont compl\u00e8tement bloqu\u00e9es. Dans d&rsquo;autres cas, vous pouvez remarquer qu&rsquo;un th\u00e8me pr\u00e9sente une image \u00e0 un endroit diff\u00e9rent de celui pr\u00e9vu.<\/p>\n<p>De plus, vous devrez peut-\u00eatre configurer un th\u00e8me sp\u00e9cifique de fa\u00e7on \u00e0 ce que les images mises en avant soient pr\u00e9sentes dans tous les articles.<\/p>\n<p>Malheureusement, nous ne pouvons pas vous pr\u00e9senter les solutions \u00e0 ces probl\u00e8mes, car il vous faut soit examiner les r\u00e9glages du th\u00e8me, soit contacter le d\u00e9veloppeur du th\u00e8me.<\/p>\n<p>Cependant, les conflits d\u2019extensions sont une autre histoire. Les extensions, bien que plut\u00f4t utiles pour construire un site WordPress, ont parfois un code douteux. Ou bien elles ne sont tout simplement pas mises \u00e0 jour, ce qui entra\u00eene toutes sortes de conflits.<\/p>\n<p>Ce n&rsquo;est pas une r\u00e8gle, mais il est \u00e9galement fr\u00e9quent de constater des probl\u00e8mes avec les images mises en avant lorsque certaines extensions ont acc\u00e8s \u00e0 votre m\u00e9diath\u00e8que ou modifient les fonctionnalit\u00e9s de toutes les images.<\/p>\n<p>Quoi qu&rsquo;il en soit, la meilleure chose \u00e0 faire est de suivre ces \u00e9tapes :<\/p>\n<ol>\n<li><a href=\"https:\/\/kinsta.com\/blog\/uninstall-wordpress-plugin\/\">Mettez \u00e0 jour toutes les extensions<\/a> install\u00e9es sur votre site web.<\/li>\n<li>V\u00e9rifiez si vous pouvez maintenant t\u00e9l\u00e9verser et voir vos images mises en avant.<\/li>\n<li>Si le probl\u00e8me est r\u00e9solu, alors il s&rsquo;agit d&rsquo;une erreur provenant d&rsquo;une extension obsol\u00e8te.<\/li>\n<li>Si le probl\u00e8me n&rsquo;est pas r\u00e9solu, proc\u00e9dez \u00e0 la d\u00e9sactivation de toutes les extensions.<\/li>\n<li>L\u00e0 encore, v\u00e9rifiez si les images mises en avant apparaissent apr\u00e8s la d\u00e9sactivation de toutes les extensions. Si ce n&rsquo;est pas le cas, r\u00e9activez les extensions et passez \u00e0 une autre cause du probl\u00e8me.<\/li>\n<li>Si les images mises en avant fonctionnent maintenant, c&rsquo;est qu&rsquo;une de vos extensions \u00e9tait en cause.<\/li>\n<li>R\u00e9activez chaque extension une par une. Apr\u00e8s chaque r\u00e9installation, vous devez v\u00e9rifier si les images mises en avant fonctionnent et s&rsquo;affichent correctement.<\/li>\n<li>Si l&rsquo;image mise en avant ne fonctionne pas, vous savez quelle extension est \u00e0 l&rsquo;origine du probl\u00e8me.<\/li>\n<li><a href=\"https:\/\/kinsta.com\/blog\/uninstall-wordpress-plugin\/\">D\u00e9sinstallez cette extension<\/a> et cherchez une alternative.<\/li>\n<\/ol>\n<h3>R\u00e9soudre le probl\u00e8me de prise en charge de l\u2019image mise en avant d\u2019un th\u00e8me<\/h3>\n<p>Une chose int\u00e9ressante \u00e0 propos des images mises en avant est que certains th\u00e8mes WordPress peuvent ne pas les prendre en charge. Cela est d\u00fb \u00e0 une grande vari\u00e9t\u00e9 de raisons. Le th\u00e8me n&rsquo;est pas bien cod\u00e9, ou le d\u00e9veloppeur a volontairement supprim\u00e9 la fonctionnalit\u00e9 par d\u00e9faut de l&rsquo;image mise en avant &#8211; principalement parce qu&rsquo;il dispose d&rsquo;autres r\u00e9glages pour contr\u00f4ler l&rsquo;image mise en avant.<\/p>\n<p>Quelle que soit la raison, vous pouvez constater que votre th\u00e8me WordPress ne prend pas en charge les images mise en avant. La solution consiste souvent \u00e0 se rendre dans les r\u00e9glages du th\u00e8me et \u00e0 localiser la zone personnalis\u00e9e des images mises en avant.<\/p>\n<p>Cependant, vous constaterez peut-\u00eatre que le th\u00e8me a supprim\u00e9 les images mises en avant dans le code, et qu&rsquo;il ne dispose pas d&rsquo;outils suppl\u00e9mentaires pour pallier l&rsquo;absence d&rsquo;images mises en avant.<\/p>\n<p>Nous vous recommandons donc de v\u00e9rifier le <a href=\"https:\/\/kinsta.com\/fr\/blog\/support-wordpress\/\">support<\/a> de votre th\u00e8me pour les images mises en avant. Vous pouvez le faire en demandant simplement au d\u00e9veloppeur du th\u00e8me, en lisant la documentation, ou en allant dans le fichier <strong>functions.php<\/strong>.<\/p>\n<p>Le bloc de code suivant est celui que vous pouvez ins\u00e9rer (ou rechercher) dans le fichier <strong>functions.php<\/strong> :<\/p>\n<pre><code class=\"language-css\">add_theme_support( 'post-thumbnails');<\/code><\/pre>\n<h3>R\u00e9gler un probl\u00e8me d&rsquo;image mise en avant \u00e0 cause d&rsquo;un chargement diff\u00e9r\u00e9<\/h3>\n<p><a href=\"https:\/\/kinsta.com\/fr\/blog\/lazy-load-wordpress\/\">Le chargement diff\u00e9r\u00e9 (Lazy Loading)<\/a> est l&rsquo;une des nombreuses m\u00e9thodes utilis\u00e9es pour optimiser les images afin d&rsquo;<a href=\"https:\/\/kinsta.com\/fr\/apprendre\/vitesse-de-site\/\">am\u00e9liorer les performances du site<\/a>. Elle consiste \u00e0 interrompre le chargement des images d&rsquo;une page jusqu&rsquo;\u00e0 ce qu&rsquo;elles apparaissent \u00e0 l&rsquo;\u00e9cran. Par exemple, la derni\u00e8re image d&rsquo;un long article ne doit pas n\u00e9cessairement se charger jusqu&rsquo;\u00e0 ce que l&rsquo;utilisateur descende au bas de la page et arrive \u00e0 cette image.<\/p>\n<p>Cependant, le chargement diff\u00e9r\u00e9 pose souvent des probl\u00e8mes avec les images mises en avant car certaines <a href=\"https:\/\/kinsta.com\/fr\/blog\/lazy-load-wordpress\/#lazy-loading-plugins\">extensions de chargement diff\u00e9r\u00e9<\/a> traitent les images mises en avant comme des images normales. Ces extensions ne sont pas toujours la meilleure solution si elles emp\u00eachent l&rsquo;image de figurer dans la liste des <strong>derniers articles<\/strong>, ou si elles ralentissent le chargement de l&rsquo;image &#8211; l&rsquo;image devrait se charger imm\u00e9diatement pour une exp\u00e9rience utilisateur optimale.<\/p>\n<p>De nombreuses extensions d&rsquo;optimisation d&rsquo;images offrent une fonctionnalit\u00e9 de chargement diff\u00e9r\u00e9 en tant que module. Vous devez donc v\u00e9rifier pour chaque extension si cette fonctionnalit\u00e9 est activ\u00e9e sur votre site.<\/p>\n<p>Une fois que vous avez trouv\u00e9 le coupable potentiel, arr\u00eatez le chargement diff\u00e9r\u00e9, videz le cache de votre site et v\u00e9rifiez si cela r\u00e9sout les probl\u00e8mes que vous pourriez avoir avec vos images mises en avant.<\/p>\n<figure style=\"width: 1652px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/lazy.png\" alt=\"Activer le chargement diff\u00e9r\u00e9 d'images avec Jetpack\" width=\"1652\" height=\"900\"><figcaption class=\"wp-caption-text\">Activer le chargement diff\u00e9r\u00e9 d&rsquo;images avec Jetpack<\/figcaption><\/figure>\n<p>Voici quelques extensions qui ont tendance \u00e0 inclure des fonctionnalit\u00e9s de chargement diff\u00e9r\u00e9 :<\/p>\n<ul>\n<li>Les outils d&rsquo;optimisation d\u2019images comme <a href=\"https:\/\/kinsta.com\/fr\/blog\/support-wordpress\/\">ShortPixel<\/a> et <a href=\"https:\/\/kinsta.com\/fr\/blog\/support-wordpress\/\">Optimole<\/a>.<\/li>\n<li>Les extensions de chargement diff\u00e9r\u00e9 direct telles que Lazy Load de <a href=\"https:\/\/kinsta.com\/fr\/partenaires\/wp-rocket\/\">WP Rocket<\/a>.<\/li>\n<li>Des outils d&rsquo;optimisation des bases de donn\u00e9es et des sites tels qu\u2019<a href=\"https:\/\/kinsta.com\/fr\/blog\/reglages-autoptimize\/\">Autoptimize<\/a>.<\/li>\n<li>Des extensions de suites compl\u00e8tes telles que <a href=\"https:\/\/kinsta.com\/fr\/blog\/wordpress-jetpack\/\">Jetpack<\/a>.<\/li>\n<li>Les extensions de mise en cache comme <a href=\"https:\/\/kinsta.com\/fr\/blog\/w3-total-cache\/\">W3 Total Cache<\/a>.<\/li>\n<\/ul>\n<h3>L&rsquo;image WordPress mise en avant n&rsquo;appara\u00eet pas dans la bonne position<\/h3>\n<p>Chaque <a href=\"https:\/\/kinsta.com\/fr\/blog\/hierarchie-des-modeles-wordpress\/\">mod\u00e8le<\/a> de page et d\u2019article WordPress pr\u00e9cise l&#8217;emplacement d&rsquo;une image. Un th\u00e8me ou une extension le d\u00e9finit g\u00e9n\u00e9ralement.<\/p>\n<p>Vous trouverez g\u00e9n\u00e9ralement l&rsquo;image mise en avant juste en dessous du titre et au-dessus de la premi\u00e8re ligne. Il est possible qu&rsquo;un th\u00e8me ait chang\u00e9 cela. Vous pouvez d\u00e9placer l&rsquo;image mise en avant \u00e0 un autre endroit, par exemple en dessous de la premi\u00e8re ligne du contenu ou au-dessus de la signature avec le nom de l&rsquo;auteur.<\/p>\n<figure style=\"width: 1680px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/moving-the-image.png\" alt=\"Vous devez d\u00e9placer l\u00e9g\u00e8rement l'image\" width=\"1680\" height=\"1500\"><figcaption class=\"wp-caption-text\">Vous devez d\u00e9placer l\u00e9g\u00e8rement l&rsquo;image<\/figcaption><\/figure>\n<p>Pour ajuster l&#8217;emplacement d&rsquo;une image mise en avant, allez au mod\u00e8le de la page ou de l\u2019article utilis\u00e9.<\/p>\n<p>Recherchez ce bout de code dans le fichier :<\/p>\n<pre><code class=\"language-css\">the_post_thumbnail();<\/code><\/pre>\n<p>Ce code est une r\u00e9f\u00e9rence \u00e0 votre image mise en avant. Les miniatures des articles sont le nom que l&rsquo;on donnait aux images mises en avant dans WordPress \u00e0 ses d\u00e9buts. Cela indique \u00e0 WordPress d&rsquo;afficher l&rsquo;image mise en avant \u00e0 l&rsquo;endroit exact du mod\u00e8le. La fonction <code>the_post_thumbnail();<\/code> peut se situer avant le titre de la page ou apr\u00e8s le contenu &#8211; cela d\u00e9pend de la configuration de votre page et de votre th\u00e8me.<\/p>\n<p>Pour modifier l&#8217;emplacement de l&rsquo;image mise en avant, <a href=\"https:\/\/kinsta.com\/fr\/blog\/modifier-code-wordpress\/\">coupez ce morceau de code et collez-le ailleurs<\/a> dans le mod\u00e8le de page ou d\u2019article. En lui donnant une nouvelle position dans le mod\u00e8le, vous indiquerez \u00e9galement \u00e0 WordPress qu&rsquo;il doit effectuer le rendu ailleurs sur l\u2019interface publique.<\/p>\n<p>Comme toujours, nous vous recommandons de <a href=\"https:\/\/kinsta.com\/fr\/docs\/hebergement-wordpress\/sauvegardes-wordpress\/#wordpress-backup\">sauvegarder votre site WordPress<\/a> avant de modifier le code. Il est \u00e9galement conseill\u00e9 de modifier les th\u00e8mes enfants plut\u00f4t que les fichiers du c\u0153ur de WordPress.<\/p>\n<h3>L&rsquo;image mise en avant ne s&rsquo;affiche pas en raison des r\u00e9glages du tableau de bord<\/h3>\n<p>L&rsquo;un des probl\u00e8mes les plus frustrants avec les images mises en avant qui ne s&rsquo;affichent pas concerne les r\u00e9glages du <a href=\"https:\/\/kinsta.com\/fr\/blog\/tableau-de-bord-admin-wordpress\/\">tableau de bord<\/a>.<\/p>\n<p>Cette situation est frustrante car il s&rsquo;agit d&rsquo;un simple r\u00e9glage dans le tableau de bord qui indique \u00e0 WordPress d&rsquo;afficher ou non la section de l\u2019image mise en avant.<\/p>\n<p>Cette situation se pr\u00e9sente sous deux formes :<\/p>\n<ul>\n<li>Les images mises en avant n&rsquo;apparaissent pas sous forme de miniatures dans vos listes d\u2019articles et vos pages sur le tableau de bord.<\/li>\n<li>Le champ de l&rsquo;image mise en avant est absent lorsque vous essayez de modifier ou de cr\u00e9er une page ou un article.<\/li>\n<\/ul>\n<p>Voici comment r\u00e9parer les deux.<\/p>\n<p>Le premier probl\u00e8me survient lorsque vous ne pouvez pas voir les miniatures des images mises en avant dans votre liste de pages ou d\u2019articles. Vous pouvez aller dans <strong>Articles &gt; Tous les articles<\/strong> pour voir votre liste d&rsquo;articles. Une colonne intitul\u00e9e <strong>Image mise en avant<\/strong> est cens\u00e9e appara\u00eetre apr\u00e8s la <strong>Date de publication<\/strong>. Cette colonne r\u00e9v\u00e8le la miniature de cette image mise en avant pour vous donner une id\u00e9e rapide de ce qui appara\u00eetra sur l\u2019<a href=\"https:\/\/kinsta.com\/fr\/blog\/cours-web-design\/\">interface publique<\/a> de votre site.<\/p>\n<figure style=\"width: 1920px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/see-the-fi.png\" alt=\"liste des \u00ab images mises en avant \u00bb\" width=\"1920\" height=\"941\"><figcaption class=\"wp-caption-text\">Liste des \u00ab images mises en avant \u00bb<\/figcaption><\/figure>\n<p>Mais que faire si ces miniatures sont introuvables ?<\/p>\n<p>Cela signifie que vous avez d\u00e9sactiv\u00e9 un r\u00e9glage de votre tableau de bord pour faire appara\u00eetre la colonne des <strong>images mises en avant<\/strong>.<\/p>\n<figure style=\"width: 1686px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/no-image.png\" alt=\"Il n'y a pas de liste d'images pour le moment\" width=\"1686\" height=\"811\"><figcaption class=\"wp-caption-text\">Il n&rsquo;y a pas de liste d&rsquo;images pour le moment<\/figcaption><\/figure>\n<p>Pour rem\u00e9dier \u00e0 la situation, trouvez et cliquez sur l&rsquo;onglet <strong>Options de l&rsquo;\u00e9cran<\/strong> dans le coin sup\u00e9rieur droit du tableau de bord.<\/p>\n<p>Vous devez vous trouver dans le panneau des <strong>articles<\/strong> ou des <strong>pages<\/strong> pour que le panneau des <strong>options de l&rsquo;\u00e9cran<\/strong> apparaisse \u00e0 droite.<\/p>\n<figure style=\"width: 1255px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/options-screen.png\" alt=\"Cliquez sur l'onglet \u00ab Options de l'\u00e9cran \u00bb en haut de la page\" width=\"1255\" height=\"640\"><figcaption class=\"wp-caption-text\">Cliquez sur l&rsquo;onglet \u00ab Options de l&rsquo;\u00e9cran \u00bb en haut de la page<\/figcaption><\/figure>\n<p>La section <strong>Options de l&rsquo;\u00e9cran<\/strong> comporte une longue liste de champs \u00e0 cocher et permet de d\u00e9finir ce que vous voulez dans votre tableau de bord WordPress.<\/p>\n<p>Par exemple, vous pouvez ajouter ou supprimer des \u00e9l\u00e9ments tels que les \u00e9tiquettes, les cat\u00e9gories et l&rsquo;auteur.<\/p>\n<p>Ici, nous voulons nous assurer que la case de l&rsquo;<strong>image mise en avant<\/strong> est coch\u00e9e.<\/p>\n<p>La colonne <strong>Image mise en avant<\/strong> devrait maintenant appara\u00eetre dans votre liste d\u2019articles ou de pages.<\/p>\n<figure style=\"width: 1634px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/turn-on-fi.png\" alt=\"Assurez-vous de cocher la case \u00ab Image mise en avant \u00bb\" width=\"1634\" height=\"940\"><figcaption class=\"wp-caption-text\">Assurez-vous de cocher la case \u00ab Image mise en avant \u00bb<\/figcaption><\/figure>\n<p>Un autre dilemme des <strong>options de l&rsquo;\u00e9cran<\/strong> se pose lorsque vous ne voyez pas le champ pour t\u00e9l\u00e9verser et ins\u00e9rer une <strong>image mise<\/strong> en avant. Ce champ est disponible sur tous les articles et pages WordPress en allant dans le <strong>panneau des r\u00e9glages<\/strong> de l&rsquo;article ou de la page.<\/p>\n<p>Si vous constatez qu&rsquo;il est manquant, suivez les \u00e9tapes suivantes pour l&rsquo;activer.<\/p>\n<figure style=\"width: 1920px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/need-this.png\" alt=\"L'image mise en avant par WordPress ne s'affiche pas correctement\" width=\"1920\" height=\"760\"><figcaption class=\"wp-caption-text\">L&rsquo;image mise en avant par WordPress ne s&rsquo;affiche pas correctement<\/figcaption><\/figure>\n<p>Trouvez et s\u00e9lectionnez l&rsquo;ic\u00f4ne \u00e0 trois points (\u22ee) dans le coin extr\u00eame droit du tableau de bord. Faites d\u00e9filer la liste des r\u00e9glages pour trouver l&rsquo;option <strong>Pr\u00e9f\u00e9rences<\/strong>.<\/p>\n<p>Cliquez sur <strong>Pr\u00e9f\u00e9rences<\/strong> pour faire appara\u00eetre une nouvelle fen\u00eatre contextuelle.<\/p>\n<figure style=\"width: 1616px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/pref.png\" alt=\"L'onglet \u00ab Pr\u00e9f\u00e9rences \u00bb de l\u2019article\" width=\"1616\" height=\"940\"><figcaption class=\"wp-caption-text\">L&rsquo;onglet des \u00ab Pr\u00e9f\u00e9rences \u00bb de l\u2019article<\/figcaption><\/figure>\n<p>Le module des <strong>Pr\u00e9f\u00e9rences<\/strong> comprend un large \u00e9ventail d&rsquo;options pour un document. Faites d\u00e9filer vers le bas jusqu&rsquo;\u00e0 la section intitul\u00e9e <strong>R\u00e9glages du document<\/strong>.<\/p>\n<p>En dessous, vous trouverez un champ appel\u00e9 <strong>Image mise en avant<\/strong>. Assurez-vous que ce champ est coch\u00e9 pour faire appara\u00eetre l&rsquo;option <strong>Image mise en avant<\/strong> dans vos articles et vos pages.<\/p>\n<figure style=\"width: 1387px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" style=\"font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;font-size: 1rem\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/image-yeah.png\" alt=\"Cochez la case \u00ab Image mise en avant \u00bb sous Pr\u00e9f\u00e9rences\" width=\"1387\" height=\"940\"><figcaption class=\"wp-caption-text\">Cochez la case \u00ab Image mise en avant \u00bb sous Pr\u00e9f\u00e9rences<\/figcaption><\/figure>\n<p>Vous pouvez \u00e9galement vous retrouver dans l&rsquo;ancienne version de l&rsquo;\u00e9diteur WordPress. C&rsquo;est encore le cas pour de nombreuses pages, ou bien vous avez peut-\u00eatre renonc\u00e9 \u00e0 l&rsquo;\u00e9diteur Gutenberg pour utiliser l&rsquo;ancien \u00e9diteur \u00e0 la place.<\/p>\n<p>Si c&rsquo;est le cas, ouvrez la page ou l&rsquo;article en question et cherchez le bloc <strong>Image mise en avant<\/strong> sur le c\u00f4t\u00e9 droit de la page.<\/p>\n<p>S&rsquo;il n&rsquo;y est pas, cliquez sur l&rsquo;onglet <strong>Options de l&rsquo;\u00e9cran<\/strong> et cochez la case <strong>Image mise en avant<\/strong> pour la faire appara\u00eetre dans l&rsquo;\u00e9diteur.<\/p>\n<figure style=\"width: 1666px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/old-fi.png\" alt=\"L'image mise en avant n'appara\u00eet pas\" width=\"1666\" height=\"1045\"><figcaption class=\"wp-caption-text\">L&rsquo;image mise en avant n&rsquo;appara\u00eet pas<\/figcaption><\/figure>\n<h3>L&rsquo;image mise en avant n&rsquo;appara\u00eet pas sur la page de la galerie des articles du blog<\/h3>\n<p>Une autre fa\u00e7on d&rsquo;utiliser les images mises en avant est de mettre en ligne un flux de vos articles de blog sur la <a href=\"https:\/\/kinsta.com\/fr\/blog\/modifier-page-daccueil-wordpress\/\">page d&rsquo;accueil<\/a> de votre site (ou toute autre page).<\/p>\n<p>Mais que se passe-t-il si les images mises en avant ne figurent pas sur la page du blog ?<\/p>\n<figure style=\"width: 1342px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/no-images.png\" alt=\"Articles r\u00e9cents list\u00e9s sur le site de test\" width=\"1342\" height=\"1325\"><figcaption class=\"wp-caption-text\">Articles r\u00e9cents list\u00e9s sur le site de test<\/figcaption><\/figure>\n<p>Il n&rsquo;est pas rare que les marques partagent une liste des articles les plus r\u00e9cents, mais une galerie ou un flux avec seulement des liens peut ne pas attirer autant l&rsquo;attention.<\/p>\n<p>WordPress offre plusieurs fa\u00e7ons de lister vos articles de blog ailleurs sur un site web, mais il faut parfois configurer les bons r\u00e9glages pour qu&rsquo;ils s&rsquo;affichent correctement.<\/p>\n<p><strong>Note :<\/strong> De nombreux propri\u00e9taires de sites web utilisent des extensions tierces de <a href=\"https:\/\/kinsta.com\/fr\/blog\/extensions-wordpress-galerie-photo\/\">galerie<\/a> ou de listes d\u2019articles pour y parvenir. Si c&rsquo;est votre cas, vous devrez consulter le d\u00e9veloppeur de l\u2019extension. Pour ce tutoriel, nous ne parlerons que de la mani\u00e8re de corriger les images mises en avant \u00e0 l&rsquo;aide des outils int\u00e9gr\u00e9s de WordPress.<\/p>\n<p>L&rsquo;affichage d&rsquo;une galerie ou d&rsquo;une liste de vos r\u00e9cents articles de blog se fait en ajoutant un \u00e9l\u00e9ment de type bloc Gutenberg \u00e0 la page d\u00e9sign\u00e9e comme page d&rsquo;accueil de WordPress.<\/p>\n<p>Cela signifie que vous devez cr\u00e9er une page et l&rsquo;assigner comme page d&rsquo;accueil dans les r\u00e9glages de <strong>lecture<\/strong> de WordPress.<\/p>\n<p><span style=\"font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;font-size: 1rem\">Pour rappel, vous pouvez transformer n&rsquo;importe quelle page WordPress en page d&rsquo;accueil en allant dans <strong>R\u00e9glages &gt; Lecture<\/strong> dans le tableau de bord.<\/span><\/p>\n<figure style=\"width: 1085px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/readding.png\" alt=\"Aller \u00e0 la page des r\u00e9glages de lecture\" width=\"1085\" height=\"881\"><figcaption class=\"wp-caption-text\">Aller \u00e0 la page des r\u00e9glages de lecture<\/figcaption><\/figure>\n<p>Assurez-vous que la zone qui indique <strong>votre page d&rsquo;accueil affiche<\/strong> est r\u00e9gl\u00e9e sur une <strong>page statique<\/strong>. Cela montre que vous aimeriez avoir une page d&rsquo;accueil personnalisable avec la possibilit\u00e9 d&rsquo;ajouter et de supprimer des \u00e9l\u00e9ments de bloc gr\u00e2ce \u00e0 des constructeurs de pages comme Gutenberg. C&rsquo;est le contraire de l&rsquo;affichage d&rsquo;une liste de vos <strong>derniers articles<\/strong>.<\/p>\n<p>Cliquez sur le champ d\u00e9roulant de la <strong>Page d&rsquo;accueil<\/strong> pour faire appara\u00eetre la liste des pages actuellement actives sur votre site web. Dans ce tutoriel, nous avons une page appel\u00e9e \u00ab\u00a0Homepage\u00a0\u00bb. La v\u00f4tre peut avoir un nom diff\u00e9rent selon le nom que vous lui avez donn\u00e9.<\/p>\n<p><strong>Note :<\/strong> Vous pouvez toujours venir ici et changer la page d&rsquo;accueil <a href=\"https:\/\/kinsta.com\/fr\/blog\/wordpress-vs-html-statique\/\">statique<\/a>. Par exemple, vous pouvez vouloir r\u00e9organiser compl\u00e8tement votre page d&rsquo;accueil, et il est plus facile de cr\u00e9er une nouvelle page au lieu de modifier la page actuelle.<\/p>\n<figure style=\"width: 1920px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/choose-the-home.png\" alt=\"Choisir la page d'accueil statique\" width=\"1920\" height=\"941\"><figcaption class=\"wp-caption-text\">Choisir la page d&rsquo;accueil statique<\/figcaption><\/figure>\n<p>Il est maintenant temps d&rsquo;examiner le contenu de cette page pour s&rsquo;assurer que les images mises en avant sont bien celles qu&rsquo;elles devraient \u00eatre.<\/p>\n<p>Pour ajouter du contenu \u00e0 votre page d&rsquo;accueil, et pour ajuster les r\u00e9glages du flux du blog sur cette page, allez sur <strong>Pages &gt; Toutes les pages<\/strong> dans le tableau de bord.<\/p>\n<figure style=\"width: 1130px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/all-pages-s.png\" alt=\"Aller sur \u00ab Pages &gt; Toutes les pages \u00bb dans l'administration de WordPress\" width=\"1130\" height=\"772\"><figcaption class=\"wp-caption-text\">Aller sur \u00ab Pages &gt; Toutes les pages \u00bb dans l&rsquo;administration de WordPress<\/figcaption><\/figure>\n<p>Faites d\u00e9filer la liste des pages pour trouver celle que vous avez assign\u00e9e comme page d&rsquo;accueil. Il doit y avoir un libell\u00e9 <strong>Page d\u2019accueil<\/strong> \u00e0 c\u00f4t\u00e9. L\u00e0 encore, dans ce tutoriel, nous avons nomm\u00e9 la page \u00ab\u00a0Homepage\u00a0\u00bb, mais il se peut que vous ayez quelque chose de diff\u00e9rent.<\/p>\n<p>Cliquez sur la page sp\u00e9cifi\u00e9e comme <strong>Page d\u2019accueil<\/strong>.<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/homepage-sss.png\" alt=\"Modifier la \u00ab page d'accueil \u00bb\" width=\"1600\" height=\"940\"><figcaption class=\"wp-caption-text\">Modifier la \u00ab page d&rsquo;accueil \u00bb<\/figcaption><\/figure>\n<h4>Ajouter les derniers articles<\/h4>\n<p>Il se peut que le bloc <strong>Derniers articles<\/strong> soit d\u00e9j\u00e0 activ\u00e9 sur votre page d&rsquo;accueil, mais si ce n&rsquo;est pas le cas, vous pouvez le trouver en effectuant une recherche dans la biblioth\u00e8que des blocs Gutenberg. Ce bloc est appel\u00e9 <strong>Derniers articles<\/strong>. Il vous suffit de cliquer sur l&rsquo;ic\u00f4ne pour l&rsquo;ins\u00e9rer quelque part sur la page d&rsquo;accueil.<\/p>\n<p>Apr\u00e8s cela, n&rsquo;h\u00e9sitez pas \u00e0 le faire glisser vers le haut ou vers le bas sur la page d&rsquo;accueil pour qu&rsquo;il se trouve \u00e0 la bonne place.<\/p>\n<figure style=\"width: 1562px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/latest-posts.png\" alt=\"Ajout du bloc \u00ab Derniers articles \u00bb sur la \u00ab page d'accueil \u00bb\" width=\"1562\" height=\"940\"><figcaption class=\"wp-caption-text\">Ajout du bloc des \u00ab Derniers articles \u00bb sur la \u00ab page d&rsquo;accueil \u00bb<\/figcaption><\/figure>\n<p>Pour en revenir aux images mises en avant, il n&rsquo;est pas r\u00e9gl\u00e9 par d\u00e9faut pour afficher les images mises en avant des articles de blog lorsque vous mettez le bloc <strong>Derniers articles<\/strong> dans une page. Vous pouvez voir une simple liste de liens, ainsi que les <a href=\"https:\/\/kinsta.com\/fr\/blog\/meta-descriptions-wordpress\/\">descriptions<\/a> de ces articles.<\/p>\n<p>Pour ajouter les images mises en avant, cliquez sur le bloc des <strong>Derniers articles<\/strong>. Cela s\u00e9lectionne le bloc entier et r\u00e9v\u00e8le les r\u00e9glages de ce bloc dans le panneau de droite.<\/p>\n<p>Assurez-vous qu&rsquo;il se trouve dans l&rsquo;onglet des r\u00e9glages du <strong>bloc<\/strong>. Il se peut que vous deviez le faire passer de <strong>Page<\/strong> \u00e0 <strong>Bloc<\/strong>.<\/p>\n<figure style=\"width: 1900px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/block-post.png\" alt=\"Acc\u00e9der \u00e0 l'onglet des r\u00e9glages du \u00ab bloc \u00bb\" width=\"1900\" height=\"844\"><figcaption class=\"wp-caption-text\">Acc\u00e9der \u00e0 l&rsquo;onglet des r\u00e9glages du \u00ab bloc \u00bb<\/figcaption><\/figure>\n<p>Faites d\u00e9filer vers le bas dans l&rsquo;onglet des r\u00e9glages du <strong>bloc<\/strong> pour voir les options disponibles. Les premiers r\u00e9glages n&rsquo;ont rien \u00e0 voir avec l&rsquo;image mise en avant, mais ils peuvent affecter la fa\u00e7on dont les articles apparaissent dans le bloc et donner \u00e0 vos images mises en avant un aspect \u00e9trange.<\/p>\n<p>Nous vous recommandons d&rsquo;exp\u00e9rimenter avec les r\u00e9glages de contenu, comme <strong>contenu de l&rsquo;article<\/strong>, <strong>afficher le nom de l&rsquo;auteur<\/strong> ou <strong>afficher la date de l&rsquo;article<\/strong>. Tous ces r\u00e9glages entrent en jeu lorsque vous mettez en \u00e9vidence vos derniers articles et que vous vous assurez qu&rsquo;ils sont pr\u00e9sentables tout en affichant vos images mises en avant.<\/p>\n<figure style=\"width: 1245px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/post-content.png\" alt=\"L'onglet des \u00ab R\u00e9glages de contenu d\u2019article \u00bb\" width=\"1245\" height=\"940\"><figcaption class=\"wp-caption-text\">L&rsquo;onglet des \u00ab R\u00e9glages de contenu d\u2019article \u00bb<\/figcaption><\/figure>\n<p>La partie suivante est l&rsquo;\u00e9l\u00e9ment le plus important puisqu&rsquo;elle active les images mises en avant dans le bloc des <strong>Derniers articles<\/strong>.<\/p>\n<p>Trouvez la section intitul\u00e9e <strong>R\u00e9glages d\u2019image mise en avant<\/strong>.<\/p>\n<p>Ici, activez l&rsquo;option <strong>Afficher l&rsquo;image mise en avant<\/strong>. Cela permet d&rsquo;activer les images mises en avant pour tous les derniers articles. Si une image mise en avant n&rsquo;est pas assign\u00e9e \u00e0 un article, elle affichera \u00e0 la place un espace vide dans son bloc.<\/p>\n<figure style=\"width: 1687px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" style=\"font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;font-size: 1rem\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/featured-image-sets.png\" alt=\"L'option \u00ab Afficher l'image mise en avant \u00bb\" width=\"1687\" height=\"848\"><figcaption class=\"wp-caption-text\">L&rsquo;option \u00ab Afficher l&rsquo;image mise en avant \u00bb<\/figcaption><\/figure>\n<p>De plus, plusieurs r\u00e9glages sont d\u00e9sormais disponibles pour donner un aspect professionnel aux images mises en avant. Ceci est particuli\u00e8rement important si vous mettez en avant vos derniers articles sur la page d&rsquo;accueil.<\/p>\n<p>Par exemple, le champ <strong>Taille de l&rsquo;image<\/strong> indique \u00e0 votre site web la taille \u00e0 laquelle doivent \u00eatre affich\u00e9es les images mises en avant figurant dans la liste ou la galerie. Si vous passez \u00e0 l&rsquo;option <strong>Miniature<\/strong>, ces images se r\u00e9duisent l\u00e9g\u00e8rement et deviennent g\u00e9n\u00e9ralement des carr\u00e9s parfaits.<\/p>\n<figure style=\"width: 1463px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/thumbnail-sss.png\" alt=\"D\u00e9finir la taille de l'image mise en avant\" width=\"1463\" height=\"940\"><figcaption class=\"wp-caption-text\">D\u00e9finir la taille de l&rsquo;image mise en avant<\/figcaption><\/figure>\n<p>Le passage en mode <strong>Grande<\/strong> ou <strong>Moyenne<\/strong> permet d&rsquo;ajuster la taille de toutes les images mises en avant du bloc et d&rsquo;ajouter une vue en mode paysage en fonction des dimensions de vos images.<\/p>\n<figure style=\"width: 1472px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/large-size.png\" alt=\"Choisir la taille d'image \u00ab Grande \u00bb\" width=\"1472\" height=\"861\"><figcaption class=\"wp-caption-text\">Choisir la taille d&rsquo;image \u00ab Grande \u00bb<\/figcaption><\/figure>\n<p>Nous vous recommandons \u00e9galement d&rsquo;examiner les <strong>dimensions de l&rsquo;image<\/strong>. Ce r\u00e9glage contr\u00f4le la taille de toutes les images mises en avant dans le bloc des <strong>Derniers articles<\/strong>. Vous pouvez saisir une largeur et une hauteur personnalis\u00e9es, ou d\u00e9cider d&rsquo;un pourcentage, de sorte que l&rsquo;outil modifie automatiquement la taille de toutes les images mises en avant en fonction du pourcentage indiqu\u00e9. Par exemple, vous pouvez r\u00e9duire la taille de chaque image mise en avant \u00e0 <strong>25 %<\/strong> de sa taille d&rsquo;origine.<\/p>\n<p>Il y a \u00e9galement un r\u00e9glage d&rsquo;<strong>Alignement des images<\/strong> pour indiquer si les images doivent glisser vers la droite, le centre ou la gauche.<\/p>\n<figure style=\"width: 1549px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/dimensions.png\" alt=\"R\u00e9gler les dimensions d'image mise en avant\" width=\"1549\" height=\"941\"><figcaption class=\"wp-caption-text\">R\u00e9gler les dimensions d&rsquo;image mise en avant<\/figcaption><\/figure>\n<p>L&rsquo;un des derniers points \u00e0 prendre en compte pour la section <strong>Image mise en avant<\/strong> (dans le bloc des derniers articles) est le nombre d&rsquo;articles que vous affichez dans le bloc et le nombre de colonnes qui le composent.<\/p>\n<p>Comme la plupart des r\u00e9glages de WordPress, ceux-ci ont \u00e9galement tendance \u00e0 modifier l&rsquo;apparence de vos images. En effet, un bloc de quatre colonnes n\u00e9cessite beaucoup plus d&rsquo;espace (et des images plus petites) qu&rsquo;un bloc de deux ou trois colonnes.<\/p>\n<p>Testez les champs <strong>Nombre d&rsquo;articles<\/strong> et <strong>Colonnes<\/strong> pour vous assurer que vos images mises en avant sont \u00e0 la fois pr\u00e9sentables et attrayantes lorsqu&rsquo;elles sont publi\u00e9es sur la page d&rsquo;accueil.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/number-of-items.png\" alt=\"D\u00e9finition du \u00ab nombre d'articles \u00bb et des \u00ab colonnes \u00bb\" width=\"1500\" height=\"941\"><figcaption class=\"wp-caption-text\">D\u00e9finition du \u00ab nombre d&rsquo;articles \u00bb et des \u00ab colonnes \u00bb<\/figcaption><\/figure>\n<p>Une fois que tout est configur\u00e9, cliquez sur le bouton <strong>Publier<\/strong>. Vos derniers articles devraient appara\u00eetre \u00e0 l&rsquo;endroit o\u00f9 vous avez plac\u00e9 le bloc sur votre page d&rsquo;accueil. En outre, les images de chaque article doivent \u00eatre affich\u00e9es au-dessus du <a href=\"https:\/\/kinsta.com\/fr\/blog\/cacher-titre-pages-articles-wordpress\/\">titre de l&rsquo;article<\/a> et du lien.<\/p>\n<figure style=\"width: 1416px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/the-res.png\" alt=\"Articles r\u00e9cents avec les images mises en avant\" width=\"1416\" height=\"1475\"><figcaption class=\"wp-caption-text\">Articles r\u00e9cents avec les images mises en avant<\/figcaption><\/figure>\n<h2>L&rsquo;image mise en avant de WordPress n&rsquo;appara\u00eet pas sur Facebook<\/h2>\n<p>L&rsquo;image mise en avant appara\u00eet \u00e9galement dans les <a href=\"https:\/\/kinsta.com\/fr\/blog\/desactiver-embeds-wordpress\/\">int\u00e9grations<\/a> lorsqu&rsquo;un article ou une page est partag\u00e9 sur des sites de r\u00e9seaux sociaux.<\/p>\n<p>Chaque r\u00e9seau social a son propre affichage pour les contenus partag\u00e9s, mais Facebook est un point de d\u00e9part solide \u00e9tant donn\u00e9 que c&rsquo;est le plus populaire. Si l&rsquo;image mise en avant appara\u00eet sur Facebook, il y a de fortes chances qu&rsquo;elle apparaisse \u00e9galement sur d&rsquo;autres sites sociaux.<\/p>\n<p>La grande question est de savoir si l&rsquo;image mise en avant dans un article est correctement affich\u00e9e quand vous <a href=\"https:\/\/kinsta.com\/fr\/blog\/plugins-wordpress-facebook\/\">partagez un lien sur Facebook<\/a>. Si ce n&rsquo;est pas le cas, comment rem\u00e9dier \u00e0 ce probl\u00e8me ? Apr\u00e8s tout, un article partag\u00e9 sur Facebook sans image ne sera pas tr\u00e8s populaire.<\/p>\n<p>En ce qui concerne les images mises en avant sur Facebook, nous constatons souvent les probl\u00e8mes suivants :<\/p>\n<ul>\n<li>Une mauvaise image est affich\u00e9e sur Facebook.<\/li>\n<li>Aucune image ne vient compl\u00e9ter les articles lors du partage sur Facebook.<\/li>\n<li>Plusieurs images sont r\u00e9cup\u00e9r\u00e9es de l\u2019article, mais vous devez choisir celle que vous voulez utiliser.<\/li>\n<\/ul>\n<p>Toutes les pr\u00e9occupations list\u00e9es ci-dessus d\u00e9coulent de probl\u00e8mes similaires. Elles vous disent toutes que Facebook a des difficult\u00e9s \u00e0 acc\u00e9der aux donn\u00e9es Open Graph depuis votre site web, ou qu&rsquo;il n&rsquo;y a pas de donn\u00e9es Open Graph, pour commencer.<\/p>\n<h3>Comment v\u00e9rifier si votre image appara\u00eet correctement sur Facebook<\/h3>\n<p>Il n&rsquo;y a aucune raison de passer en mode de d\u00e9pannage si les images et le contenu de votre article sont bien visibles sur Facebook lorsque l\u2019article est partag\u00e9.<\/p>\n<p>Nous vous sugg\u00e9rons de faire un test pour voir si les images mises en avant apparaissent r\u00e9ellement sur Facebook ou non.<\/p>\n<p>Une fa\u00e7on d&rsquo;accomplir cette t\u00e2che est d&rsquo;ouvrir votre compte Facebook et de pr\u00e9tendre que vous \u00eates sur le point de partager une mise \u00e0 jour de votre statut.<\/p>\n<p>Il vous suffit de coller le lien de l&rsquo;article dans le champ de statut de Facebook (vous pouvez \u00e9galement le faire sur des <a href=\"https:\/\/kinsta.com\/fr\/blog\/comment-creer-une-page-facebook\/\">pages personnelles ou professionnelles<\/a>) et d&rsquo;attendre de voir si le contenu de l&rsquo;article est affich\u00e9, ainsi que l&rsquo;image mise en avant.<\/p>\n<p>La capture d&rsquo;\u00e9cran suivante montre un article qui fonctionne bien sur Facebook puisqu&rsquo;il comprend un r\u00e9sum\u00e9 du contenu de l\u2019article, avec un lien, le titre et l&rsquo;image mise en avant.<\/p>\n<p><strong>Note :<\/strong> Les images mises en avant sont extraites depuis WordPress et diffus\u00e9es sur les sites de r\u00e9seaux sociaux \u00e0 l&rsquo;aide d&rsquo;un outil appel\u00e9 Open Graph. Kinsta offre d\u00e9j\u00e0 la prise en charge d&rsquo;Open Graph, ainsi que la possibilit\u00e9 de contr\u00f4ler cela en utilisant Yoast SEO. Par cons\u00e9quent, <a href=\"https:\/\/kinsta.com\/fr\/docs\/hebergement-wordpress\/plugins-themes-wordpress\/plugins-wordpress-interdits-incompatibles\/#social-media-plugins\">Kinsta interdit la majorit\u00e9 des extensions Open Graph<\/a> car elles peuvent causer des conflits. Cependant, nous vous recommanderons quelques extensions Open Graph pour r\u00e9soudre les probl\u00e8mes si l&rsquo;un de vos sites web utilise un autre h\u00e9bergeur.<\/p>\n<figure style=\"width: 1178px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/lookjs-good.png\" alt=\"Image mise en avant de WordPress sur Facebook\" width=\"1178\" height=\"883\"><figcaption class=\"wp-caption-text\">Image mise en avant de WordPress sur Facebook<\/figcaption><\/figure>\n<p>Une autre fa\u00e7on de voir si cela fonctionne est de v\u00e9rifier si vous avez des <a href=\"https:\/\/kinsta.com\/fr\/blog\/medias-sociaux-wordpress\/#5-social-media-share-buttons--social-sharing-icons-ultimate-sharing\">boutons de partage social<\/a> sur votre site web. Allez sur l&rsquo;article en question, cliquez sur le lien <strong>Partager sur Facebook<\/strong>, et regardez si l&rsquo;image en question appara\u00eet dans la fen\u00eatre pop-up.<\/p>\n<p>Enfin, vous avez \u00e9galement la possibilit\u00e9 de visiter le <a href=\"http:\/\/developers.facebook.com\/tools\/debug\">Developers Debug Tool sur Facebook<\/a>. Cet outil r\u00e9cup\u00e8re les URL que vous voulez et vous indique si des erreurs se produisent lorsque Facebook acc\u00e8de aux informations. Il fournit \u00e9galement un aper\u00e7u clair de ce que vous pouvez vous attendre \u00e0 voir si vous deviez coller ou partager cette URL sur Facebook.<\/p>\n<p>Une fois sur la page de l&rsquo;<strong>outil de d\u00e9bogage des d\u00e9veloppeurs<\/strong>, trouvez l&rsquo;onglet <strong>D\u00e9bogueur de partage<\/strong> et collez l&rsquo;URL en question.<\/p>\n<p>Cliquez sur le bouton <strong>D\u00e9boguer<\/strong> pour continuer.<\/p>\n<figure style=\"width: 1861px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/paste-and.png\" alt=\"L'onglet \u00ab D\u00e9bogueur de partage \u00bb du portail Facebook pour les d\u00e9veloppeurs\" width=\"1861\" height=\"881\"><figcaption class=\"wp-caption-text\">L&rsquo;onglet \u00ab D\u00e9bogueur de partage \u00bb du portail Facebook pour les d\u00e9veloppeurs<\/figcaption><\/figure>\n<p><a href=\"https:\/\/kinsta.com\/fr\/blog\/debogueur-facebook\/\">Consultez notre guide<\/a> pour en savoir plus sur l&rsquo;outil de d\u00e9bogage de Facebook.<\/p>\n<p>Il existe de nombreuses informations sur la fa\u00e7on dont votre URL interagit avec Facebook, mais il vous suffit de regarder l&rsquo;aper\u00e7u. La zone d\u2019<strong>aper\u00e7u de lien<\/strong> vous montre exactement \u00e0 quoi ressemblera votre article si vous, ou quelqu&rsquo;un d&rsquo;autre, le partagez sur Facebook.<\/p>\n<p>La capture d&rsquo;\u00e9cran ci-dessous nous indique que notre image mise en avant est tr\u00e8s bien affich\u00e9e. Mais que faire si ce n&rsquo;est pas le cas ? Et si l&rsquo;image mise en avant n&rsquo;est pas la bonne, ou si vous ne voyez pas d&rsquo;image du tout ?<\/p>\n<p>C&rsquo;est un probl\u00e8me, alors suivez les \u00e9tapes ci-dessous pour vous assurer que votre image mise en avant est toujours pr\u00eate \u00e0 \u00eatre utilis\u00e9e pour le partage social.<\/p>\n<figure style=\"width: 1792px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/again-si.png\" alt=\"V\u00e9rification de l'aper\u00e7u du lien d'une URL sur Facebook\" width=\"1792\" height=\"1196\"><figcaption class=\"wp-caption-text\">V\u00e9rification de l&rsquo;aper\u00e7u du lien d&rsquo;une URL sur Facebook<\/figcaption><\/figure>\n<p><strong>Note :<\/strong> Parfois, les sites web plus r\u00e9cents ont des probl\u00e8mes avec Facebook et d&rsquo;autres sites sociaux parce que Facebook n&rsquo;a pas encore parcouru le site. Pour cette raison, coller et d\u00e9boguer l&rsquo;URL dans l&rsquo;outil de d\u00e9bogage de partage de Facebook pourrait en fait r\u00e9soudre tous vos probl\u00e8mes.<\/p>\n<p>Un moyen facile de voir si le code Open Graph est activ\u00e9 sur votre site est d&rsquo;utiliser une extension SEO. Beaucoup d&rsquo;entre elles fournissent des outils permettant de pr\u00e9visualiser ce qui appara\u00eet sur Facebook et d&rsquo;autres r\u00e9seaux sociaux.<\/p>\n<p>De plus, vous pouvez g\u00e9n\u00e9ralement activer le balisage Open Graph directement \u00e0 partir des r\u00e9glages d&rsquo;une extension SEO.<\/p>\n<p>Dans cette section, nous vous montrerons comment activer le balisage Open Graph avec deux des <a href=\"https:\/\/kinsta.com\/fr\/blog\/meilleurs-plugins-wordpress-seo\/#the-best-seo-plugins-for-wordpress-2019\">extensions SEO les plus populaires<\/a> : AIO (All In One) SEO et Yoast SEO.<\/p>\n<p>Pour l\u2019extension SEO AIO, rendez-vous dans le menu <strong>All in One SEO<\/strong> et cliquez sur l&rsquo;onglet <strong>R\u00e9seaux sociaux<\/strong>.<\/p>\n<p>Choisissez l&rsquo;option <strong>Facebook<\/strong> et faites d\u00e9filer vers le bas pour localiser le champ permettant d&rsquo;<strong>activer le marquage Open Graph<\/strong>. Par d\u00e9faut, cette fonctionnalit\u00e9 devrait \u00eatre activ\u00e9e, mais il est possible que vous l&rsquo;ayez d\u00e9sactiv\u00e9e \u00e0 un moment donn\u00e9.<\/p>\n<p>Vous pouvez \u00e9galement configurer les r\u00e9glages pour avoir une <strong>source d&rsquo;image par d\u00e9faut<\/strong>, comme par exemple r\u00e9cup\u00e9rer la premi\u00e8re image d&rsquo;un article ou bien l\u2019<strong>image mise en avant<\/strong>.<\/p>\n<p><span style=\"font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;font-size: 1rem\">Ensuite, cliquez sur le bouton <strong>Enregistrer les modifications<\/strong> et testez pour voir si le partage Facebook permet \u00e0 l&rsquo;image mise en avant d&rsquo;appara\u00eetre.<\/span><\/p>\n<figure style=\"width: 1722px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/aioseo.png\" alt=\"Onglet des r\u00e9glages Facebook d\u2019AISEO\" width=\"1722\" height=\"853\"><figcaption class=\"wp-caption-text\">Onglet des r\u00e9glages Facebook d\u2019AISEO<\/figcaption><\/figure>\n<p><a href=\"https:\/\/kinsta.com\/fr\/blog\/yoast-seo\/\">Yoast SEO<\/a> est une autre extension SEO qui comprend des fonctions de partage social et des options pour activer\/d\u00e9sactiver la fonctionnalit\u00e9 <strong>Open Graph<\/strong>.<\/p>\n<p>Ce qui est formidable avec Yoast SEO, c&rsquo;est que la simple installation de l\u2019extension peut faire l&rsquo;affaire pour activer le protocole Open Graph pour le partage social.<\/p>\n<p>Si vous avez toujours des probl\u00e8mes, allez sur <strong>SEO &gt; Social<\/strong> dans le tableau de bord WordPress.<\/p>\n<figure style=\"width: 1387px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/social-seo.png\" alt=\"Lien vers les r\u00e9glages \u00ab sociaux \u00bb de Yoast SEO\" width=\"1387\" height=\"915\"><figcaption class=\"wp-caption-text\">Lien vers les r\u00e9glages \u00ab sociaux \u00bb de Yoast SEO<\/figcaption><\/figure>\n<p>Ici, s\u00e9lectionnez l&rsquo;onglet <strong>Facebook<\/strong>. Vous pouvez \u00e9galement le tester pour les autres r\u00e9seaux sociaux comme Twitter et Pinterest.<\/p>\n<p>Trouvez l&rsquo;interrupteur <strong>Ajouter les m\u00e9ta-donn\u00e9es Open Graph\u00a0<\/strong> et assurez-vous qu&rsquo;il est r\u00e9gl\u00e9 sur <strong>Activ\u00e9<\/strong>.<\/p>\n<p>Vous pouvez \u00e9galement d\u00e9finir une <strong>URL d&rsquo;image par d\u00e9faut<\/strong> qui appara\u00eetra si une image mise en avant n&rsquo;est pas assign\u00e9e \u00e0 un article.<\/p>\n<p>Veillez \u00e0 <strong>enregistrer les modifications<\/strong> et essayez de partager un autre article pour voir si celui-ci permet maintenant de mettre des images mises en avant dans les articles partag\u00e9s.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/open-graph.png\" alt=\"Facebook tab - WordPress featured image not showing\" width=\"1445\" height=\"911\"><\/p>\n<p>Chaque fois que vous apportez un changement, il est bon de revenir \u00e0 l&rsquo;<strong>outil de d\u00e9bogage de partage de Facebook<\/strong> pour promouvoir Facebook afin de rechercher plus de donn\u00e9es sur l\u2019article.<\/p>\n<p>Vous pouvez cliquer sur le bouton <strong>Scrape Again<\/strong> ou simplement actualiser la page et coller \u00e0 nouveau l&rsquo;URL de votre article dans le champ.<\/p>\n<h3>D\u00e9boguer plusieurs URL en m\u00eame temps sur Facebook<\/h3>\n<p>Vous avez peut-\u00eatre beaucoup d&rsquo;anciens articles qui ne g\u00e9n\u00e8rent pas d&rsquo;images mises en avant lorsqu&rsquo;ils sont partag\u00e9s sur Facebook. C&rsquo;est un \u00e9norme probl\u00e8me.<\/p>\n<p>Si vous vous trouvez dans cette situation, nous vous recommandons de retourner \u00e0 l&rsquo;outil de d\u00e9bogage du partage de Facebook et de cliquer sur l&rsquo;option <strong>Batch Invalidator<\/strong>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full\" style=\"font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;font-size: 1rem\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/batch.png\" alt=\"paste in bulk - featured image not showing WordPress \" width=\"1841\" height=\"940\"><\/p>\n<p>Cela vous permet de coller jusqu&rsquo;\u00e0 50 URL et de lancer l&rsquo;outil pour que Facebook supprime \u00e0 nouveau correctement ses m\u00e9tadonn\u00e9es.<\/p>\n<p>Vous avez deux possibilit\u00e9s pour r\u00e9cup\u00e9rer les URL de votre site. La premi\u00e8re consiste \u00e0 le faire manuellement, en cliquant sur chaque article et chaque page de votre site et en rassemblant les URL dans un document.<\/p>\n<p>Une alternative consiste \u00e0 installer et \u00e0 activer une extension comme <a href=\"https:\/\/wordpress.org\/plugins\/export-all-urls\/\">Export All URLs<\/a>. Elle prend toutes les URL de votre site et les <a href=\"https:\/\/kinsta.com\/fr\/blog\/exporter-site-wordpress\/\">exporte<\/a> dans un simple document. De cette fa\u00e7on, vous pouvez les copier et les coller facilement dans l&rsquo;outil de d\u00e9bogage du partage de Facebook.<\/p>\n<p>Une fois que tout cela est fait, cliquez sur le bouton D\u00e9boguer pour traiter toutes les <a href=\"https:\/\/kinsta.com\/fr\/blog\/description-url\/\">URL<\/a> de la liste et faire en sorte que les images mises en avant, et toutes les autres donn\u00e9es pertinentes, apparaissent lorsqu&rsquo;elles sont partag\u00e9es sur Facebook.<\/p>\n<h3>Options suppl\u00e9mentaires pour afficher l&rsquo;image mise en avant de WordPress sur les r\u00e9seaux sociaux<\/h3>\n<p>L&rsquo;activation d&rsquo;Open Graph sur votre site WordPress est essentielle pour afficher vos images sur des plateformes comme Facebook.<\/p>\n<p>Si vous rencontrez des probl\u00e8mes avec les extensions SEO mentionn\u00e9es ci-dessus, ou si vous n&rsquo;avez tout simplement pas l&rsquo;intention d&rsquo;utiliser <a href=\"https:\/\/kinsta.com\/fr\/blog\/meilleurs-plugins-wordpress-seo\/#seopress\">une extension SEO<\/a> (et n&rsquo;avez donc pas acc\u00e8s \u00e0 un bouton d&rsquo;activation rapide d&rsquo;Open Graph), il existe quelques autres options pour activer Open Graph.<\/p>\n<h4>Extension OG<\/h4>\n<p>La premi\u00e8re est OG, qui est pratique pour ajouter le protocole Open Graph afin de transformer toute page web en objets riches pour les r\u00e9seaux sociaux. L\u2019extension est l\u00e9g\u00e8re et n&rsquo;offre aucune autre fonctionnalit\u00e9, ce qui la rend id\u00e9ale pour ceux qui ne sont pas int\u00e9ress\u00e9s par autre chose que la r\u00e9solution du probl\u00e8me d&rsquo;Open Graph.<\/p>\n<p>Pour commencer, installez et <a href=\"https:\/\/wordpress.org\/plugins\/og\/\">activez l\u2019extension OG<\/a> sur votre site WordPress.<\/p>\n<figure style=\"width: 1327px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/og.png\" alt=\"L\u2019extension OG\" width=\"1327\" height=\"429\"><figcaption class=\"wp-caption-text\">L\u2019extension OG<\/figcaption><\/figure>\n<p>Le v\u00e9ritable avantage d&rsquo;une extension comme OG est qu&rsquo;elle ne n\u00e9cessite aucune configuration apr\u00e8s l&rsquo;installation. Cela signifie qu&rsquo;il n&rsquo;y a pas de r\u00e9glages \u00e0 regarder ou \u00e0 modifier avant qu&rsquo;elle ne fasse son effet.<\/p>\n<p>Le protocole Open Graph est automatiquement activ\u00e9 pour tous les articles et les pages WordPress.<\/p>\n<p>Maintenant, allez sur votre page Facebook (personnelle ou professionnelle) et collez un lien avec une image mise en avant dans le champ <strong>Statut<\/strong>.<\/p>\n<figure style=\"width: 1198px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/the-results-s.png\" alt=\"Image mise en avant sur Facebook\" width=\"1198\" height=\"860\"><figcaption class=\"wp-caption-text\">Image mise en avant sur Facebook<\/figcaption><\/figure>\n<p>Avec l\u2019extension OG activ\u00e9e, vous devriez maintenant voir les informations de l\u2019article et l&rsquo;image mise en avant dans l&rsquo;aper\u00e7u.<\/p>\n<p>Si vous n&rsquo;y parvenez toujours pas, pensez \u00e0 vous rendre sur le D\u00e9bogueur de partage Facebook pour vous assurer que Facebook sait comment explorer votre site web, car c&rsquo;est g\u00e9n\u00e9ralement le probl\u00e8me si vous avez d\u00e9j\u00e0 activ\u00e9 le protocole Open Graph.<\/p>\n<h4>L\u2019extension Open Graph and Twitter Card Tags<\/h4>\n<p>Notre derni\u00e8re option pour activer le protocole Open Graph afin de r\u00e9v\u00e9ler les images mises en avant est l\u2019extension Open Graph and Twitter Card Tags. En plus d&rsquo;activer Open Graph pour tous les sites de r\u00e9seaux sociaux, cette extension a l&rsquo;avantage d&rsquo;inclure des balises Twitter pour am\u00e9liorer vos r\u00e9sultats de partage sur Twitter.<\/p>\n<p>L\u00e0 encore, <a href=\"https:\/\/kinsta.com\/fr\/docs\/hebergement-wordpress\/plugins-themes-wordpress\/\">Kinsta interdit de nombreuses extensions Open Graph<\/a>, dont celle-ci. C&rsquo;est parce qu&rsquo;il n&rsquo;est pas n\u00e9cessaire d&rsquo;activer une extension Open Graph avec Kinsta. Cependant, si vous utilisez un autre fournisseur d&rsquo;h\u00e9bergement, cela peut s&rsquo;av\u00e9rer utile.<\/p>\n<p>Pour commencer, installez et activez l\u2019<a href=\"https:\/\/wordpress.org\/plugins\/wonderm00ns-simple-facebook-open-graph-tags\/\">extension Open Graph and Twitter Card Tags<\/a> sur votre site WordPress.<\/p>\n<figure style=\"width: 1326px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/Open-Graph-and-Twitter-Card-Tags.png\" alt=\"Extension Open Graph and Twitter Card Tags\" width=\"1326\" height=\"435\"><figcaption class=\"wp-caption-text\">Extension Open Graph and Twitter Card Tags<\/figcaption><\/figure>\n<p>Maintenant, allez dans <strong>R\u00e9glages &gt; Open Graph and Twitter Card Tags<\/strong>. Cela vous am\u00e8ne aux r\u00e9glages n\u00e9cessaires pour activer le protocole Open Graph et calibrer les \u00e9l\u00e9ments de contenu que vous souhaitez voir lorsque vos articles et vos pages sont partag\u00e9s sur des sites de r\u00e9seaux sociaux.<\/p>\n<figure style=\"width: 1326px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/open-gr.png\" alt=\"R\u00e9glages d\u2019Open Graph and Twitter Card Tags\" width=\"1326\" height=\"907\"><figcaption class=\"wp-caption-text\">R\u00e9glages d\u2019Open Graph and Twitter Card Tags<\/figcaption><\/figure>\n<p>S\u00e9lectionnez l&rsquo;onglet <strong>G\u00e9n\u00e9ral<\/strong> et localisez la section <strong>R\u00e9glages de description<\/strong>. Ici, vous devez remplir des champs comme la <strong>longueur de la description<\/strong>, la <strong>description de la page d&rsquo;accueil<\/strong> et la <strong>description par d\u00e9faut. <\/strong>Ils ne contr\u00f4lent pas votre image mise en avant, mais ils s&rsquo;affichent juste en dessous de l&rsquo;image, ce qui est important pour l&rsquo;affichage du contenu.<\/p>\n<figure style=\"width: 1476px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/reg-stuff.png\" alt=\"L'onglet \u00ab G\u00e9n\u00e9ral \u00bb sous Open Graph and Twitter Card Tags\" width=\"1476\" height=\"940\"><figcaption class=\"wp-caption-text\">L&rsquo;onglet \u00ab G\u00e9n\u00e9ral \u00bb sous Open Graph and Twitter Card Tags<\/figcaption><\/figure>\n<p>Faites d\u00e9filer l&rsquo;\u00e9cran jusqu&rsquo;\u00e0 la zone appel\u00e9e <strong>R\u00e9glages d\u2019image<\/strong>. Un champ permet de choisir la provenance de l&rsquo;image lorsque vous partagez un article ou une page sur les r\u00e9seaux sociaux.<\/p>\n<p>Cochez les deux premi\u00e8res cases pour obtenir l&rsquo;image Open Graph, et l&rsquo;autre pour utiliser l&rsquo;image de la page ou de l\u2019<a href=\"https:\/\/kinsta.com\/fr\/blog\/obtenir-id-article-wordpress\/\">article<\/a>.<\/p>\n<p>Ce sont les r\u00e9glages g\u00e9n\u00e9raux de tous les partages sur les r\u00e9seaux sociaux, en veillant \u00e0 ce que Facebook et Twitter ne s\u00e9lectionnent pas au hasard des photos de votre article ou d&rsquo;autres endroits de votre site web.<\/p>\n<figure style=\"width: 1487px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/first-two.png\" alt=\"D\u00e9finir o\u00f9 utiliser l'image mise en avant\" width=\"1487\" height=\"940\"><figcaption class=\"wp-caption-text\">D\u00e9finir o\u00f9 utiliser l&rsquo;image mise en avant<\/figcaption><\/figure>\n<p>Ensuite, cliquez sur l&rsquo;onglet <strong>Facebook Open Graph<\/strong>. Ici, vous pouvez tout r\u00e9gler pour le protocole de partage Open Graph, mais uniquement les caract\u00e9ristiques uniques sp\u00e9cifiques pour Facebook.<\/p>\n<p>Par exemple, vous pourriez envisager d&rsquo;inclure des \u00e9l\u00e9ments comme le <strong>nom du site<\/strong> et le <strong>titre de l&rsquo;article<\/strong>, mais sans l&rsquo;URL. Il y a une longue liste de r\u00e9glages \u00e0 modifier, donc c&rsquo;est \u00e0 vous de d\u00e9cider.<\/p>\n<p>L&rsquo;option la plus importante actuellement est le champ <strong>Inclure l&rsquo;image<\/strong>. Cochez cette case pour que l&rsquo;image mise en avant d&rsquo;un article ou d&rsquo;une page WordPress soit ajout\u00e9e lors du partage sur Facebook.<\/p>\n<figure style=\"width: 1455px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/include-image.png\" alt=\"L'onglet des r\u00e9glages \u00ab Open Graph \u00bb\" width=\"1455\" height=\"896\"><figcaption class=\"wp-caption-text\">L&rsquo;onglet des r\u00e9glages \u00ab Open Graph \u00bb<\/figcaption><\/figure>\n<p>Un autre module <strong>Open Graph<\/strong> sp\u00e9cifique de cette extension est destin\u00e9 \u00e0 Twitter. S\u00e9lectionnez l&rsquo;onglet <strong>Twitter Cards<\/strong> pour afficher les r\u00e9glages de configuration de vos <strong>Twitter Card Tags<\/strong>.<\/p>\n<p>Les <a href=\"https:\/\/kinsta.com\/fr\/blog\/marketing-twitter\/\">cartes Twitter<\/a> sont un peu diff\u00e9rentes des modules de partage de Facebook, vous pouvez donc passer en revue ces r\u00e9glages pour vous assurer que tout a l&rsquo;air bien. Nous vous recommandons de cocher les cases pour le <strong>titre<\/strong>, l&rsquo;<strong>URL<\/strong> et la <strong>description<\/strong>.<\/p>\n<p>Enfin, vous devez cocher la case <strong>Inclure l&rsquo;image<\/strong>, car c&rsquo;est la seule fa\u00e7on pour Twitter de r\u00e9cup\u00e9rer votre image mise en avant dans un article ou une page.<\/p>\n<p><span style=\"font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;font-size: 1rem\">Veillez \u00e0 <strong>enregistrer<\/strong> les r\u00e9glages apr\u00e8s avoir termin\u00e9.<\/span><\/p>\n<figure style=\"width: 1481px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/include-twitter.png\" alt=\"L'onglet \u00ab Cartes \u00bb des r\u00e9glages\" width=\"1481\" height=\"883\"><figcaption class=\"wp-caption-text\">L&rsquo;onglet \u00ab Cartes \u00bb des r\u00e9glages<\/figcaption><\/figure>\n<p>Globalement, la meilleure fa\u00e7on d&rsquo;activer le protocole Open Graph pour partager correctement le contenu et les images mises en avant sur les r\u00e9seaux sociaux est d&rsquo;installer une extension comme Yoast SEO ou OG. La meilleure m\u00e9thode suivante consiste \u00e0 <a href=\"https:\/\/kinsta.com\/fr\/pourquoi-nous\/\">utiliser un h\u00e9bergeur infog\u00e9r\u00e9 comme Kinsta<\/a>, qui a d\u00e9j\u00e0 configur\u00e9 Open Graph pour vous.<\/p>\n<h2>Veiller \u00e0 ce que les images mises en avant apparaissent toujours dans les articles et les pages<\/h2>\n<p>L&rsquo;image mise en avant est sujette \u00e0 l&rsquo;erreur humaine, \u00e9tant donn\u00e9 que l&rsquo;auteur de la page ou de l&rsquo;article doit t\u00e9l\u00e9verser manuellement une image mise en avant lors de la cr\u00e9ation d&rsquo;une nouvelle page web.<\/p>\n<p>Bien que l&rsquo;<a href=\"https:\/\/kinsta.com\/fr\/partenaires\/mailoptin\/\">automatisation<\/a> de processus ne convienne pas \u00e0 tout le monde, il existe des astuces pour s&rsquo;assurer qu&rsquo;une image mise en avant soit toujours affich\u00e9e pour les articles et les pages, ce qui r\u00e9duit au minimum le risque qu&rsquo;un auteur oublie d&rsquo;en t\u00e9l\u00e9verser une.<\/p>\n<h3>Comment configurer les images mises en avant par d\u00e9faut pour l&rsquo;ensemble de WordPress<\/h3>\n<p>Une fa\u00e7on de vous assurer que le champ de votre image mise en avant n&rsquo;est jamais vide est de d\u00e9finir une image mise en avant par d\u00e9faut pour tous les articles.<\/p>\n<p>L&rsquo;avantage de cette extension est qu&rsquo;elle ne remplace pas les images mises en avant que vous avez d\u00e9j\u00e0 sur vos articles. Elle d\u00e9tecte les articles qui ne comportent pas d&rsquo;image mise en avant et leur attribue une image par d\u00e9faut.<\/p>\n<p>Commencez par installer et activer l\u2019extension <a href=\"https:\/\/wordpress.org\/plugins\/default-featured-image\/\">Default Featured Image<\/a>.<\/p>\n<p>Maintenant, allez dans <strong>R\u00e9glages &gt; M\u00e9dia<\/strong> dans votre tableau de bord WordPress.<\/p>\n<figure style=\"width: 1100px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/01\/settings-media.png\" alt=\"Allez dans \u00ab R\u00e9glages &gt; M\u00e9dia \u00bb dans le tableau de bord WordPress\" width=\"1100\" height=\"915\"><figcaption class=\"wp-caption-text\">Allez dans \u00ab R\u00e9glages &gt; M\u00e9dia \u00bb dans le tableau de bord WordPress<\/figcaption><\/figure>\n<p>C&rsquo;est la seule section du tableau de bord qui est modifi\u00e9e par l\u2019extension Default Featured Image.<\/p>\n<p>Faites d\u00e9filer la page vers le bas pour trouver un nouveau champ appel\u00e9 <strong>Image mise en avant par d\u00e9faut<\/strong>.<\/p>\n<p>Cliquez sur le bouton <strong>S\u00e9lectionner l&rsquo;image mise en avant par d\u00e9faut<\/strong>.<\/p>\n<figure style=\"width: 1109px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/01\/select-defa.png\" alt=\"S\u00e9lectionnez l'image mise en avant par d\u00e9faut\" width=\"1109\" height=\"1175\"><figcaption class=\"wp-caption-text\">S\u00e9lectionnez l&rsquo;image mise en avant par d\u00e9faut<\/figcaption><\/figure>\n<p>Vous acc\u00e9dez alors \u00e0 la m\u00e9diath\u00e8que, dans laquelle vous pouvez choisir une image qui vous servira d&rsquo;image mise en avant par d\u00e9faut.<\/p>\n<p>Apr\u00e8s avoir s\u00e9lectionn\u00e9 une image, cliquez sur le bouton <strong>D\u00e9finir l&rsquo;image mise en avant par d\u00e9faut<\/strong>.<\/p>\n<figure style=\"width: 1920px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/01\/choose-and-sel.png\" alt=\"S\u00e9lectionnez l'image mise en avant par d\u00e9faut\" width=\"1920\" height=\"941\"><figcaption class=\"wp-caption-text\">S\u00e9lectionnez l&rsquo;image mise en avant par d\u00e9faut<\/figcaption><\/figure>\n<p>Vous devriez maintenant voir une miniature de cette image pour tous les articles qui ne comportent pas d&rsquo;images mise en avant d\u00e9j\u00e0 t\u00e9l\u00e9vers\u00e9es.<\/p>\n<p>Veillez \u00e0 cliquer sur le bouton <strong>Enregistrer les modifications<\/strong> pour activer l&rsquo;image mise en avant par d\u00e9faut de votre site.<\/p>\n<figure style=\"width: 1066px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/01\/check-and-save.png\" alt=\"D\u00e9finir une image mise en avant par d\u00e9faut\" width=\"1066\" height=\"635\"><figcaption class=\"wp-caption-text\">D\u00e9finir une image mise en avant par d\u00e9faut<\/figcaption><\/figure>\n<p>Il est important de tester le fonctionnement de l&rsquo;image mise en avant par d\u00e9faut sur votre site.<\/p>\n<p>Pour ce faire, allez sur <strong>Articles &gt; Tous les articles<\/strong>.<\/p>\n<figure style=\"width: 1101px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/01\/all-post-s.png\" alt=\"Aller sur l'\u00e9cran \u00ab Tous les articles \u00bb.\" width=\"1101\" height=\"830\"><figcaption class=\"wp-caption-text\">Aller sur l&rsquo;\u00e9cran \u00ab Tous les articles \u00bb.<\/figcaption><\/figure>\n<p>S\u00e9lectionnez l&rsquo;un de vos articles de blog qui ne comporte pas encore d&rsquo;image.<\/p>\n<p>Allez dans le panneau des <strong>r\u00e9glages de publication<\/strong> et ouvrez la section <strong>Image mise en avant<\/strong>.<\/p>\n<p>Elle doit \u00eatre vide et vous demander de t\u00e9l\u00e9verser une image mise en avant.<\/p>\n<figure style=\"width: 1920px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/01\/no-featutre.png\" alt=\"S\u00e9lectionnez l'image mise en avant\" width=\"1920\" height=\"941\"><figcaption class=\"wp-caption-text\">S\u00e9lectionnez l&rsquo;image mise en avant<\/figcaption><\/figure>\n<p>Cependant, lorsque l\u2019extension Default Featured Image est activ\u00e9e, il suffit de cliquer sur le bouton Mettre \u00e0 jour de l\u2019article.<\/p>\n<figure style=\"width: 1906px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/01\/update-button.png\" alt=\"Cliquez sur le bouton \u00ab Mettre \u00e0 jour \u00bb.\" width=\"1906\" height=\"861\"><figcaption class=\"wp-caption-text\">Cliquez sur le bouton \u00ab Mettre \u00e0 jour \u00bb<\/figcaption><\/figure>\n<p>L&rsquo;image mise en avant par d\u00e9faut est alors ins\u00e9r\u00e9e dans le module Image mise en avant de l\u2019article.<\/p>\n<p>La bonne nouvelle, c&rsquo;est que tous les futurs articles sans image mise en avant ajouteront automatiquement la photo par d\u00e9faut. Cependant, il se peut que vous deviez mettre \u00e0 jour des articles d\u00e9j\u00e0 publi\u00e9s pour que l&rsquo;image mise en avant par d\u00e9faut apparaisse sur ceux-ci.<\/p>\n<figure style=\"width: 1920px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/01\/shows-up.png\" alt=\"L'image mise en avant par d\u00e9faut est affich\u00e9e ici\" width=\"1920\" height=\"941\"><figcaption class=\"wp-caption-text\">L&rsquo;image mise en avant par d\u00e9faut est affich\u00e9e ici<\/figcaption><\/figure>\n<p>\u00c0 titre de test, allons sur un article qui poss\u00e8de d\u00e9j\u00e0 une image mise en avant.<\/p>\n<p>Comme vous pouvez le voir, une image diff\u00e9rente appara\u00eet dans la section Image mise en avant. Cela nous indique que l\u2019extension fait son travail en ajoutant l&rsquo;image mise en avant par d\u00e9faut dans les bons articles et en laissant de c\u00f4t\u00e9 ceux qui ont d\u00e9j\u00e0 des images mises en avant.<\/p>\n<figure style=\"width: 1920px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/01\/still-here.png\" alt=\"L'image mise en avant par d\u00e9faut n'appara\u00eet pas ici\" width=\"1920\" height=\"941\"><figcaption class=\"wp-caption-text\">L&rsquo;image mise en avant par d\u00e9faut n&rsquo;appara\u00eet pas ici<\/figcaption><\/figure>\n<h2>Comment t\u00e9l\u00e9verser et modifier de mani\u00e8re group\u00e9e toutes les images mises en avant sur votre site<\/h2>\n<p>\u00c0 un moment donn\u00e9, vous vous rendrez peut-\u00eatre compte que plusieurs <a href=\"https:\/\/kinsta.com\/fr\/blog\/ninja-marketing-contenu\/#republish-content\">anciens<\/a> articles pourraient utiliser de nouvelles images mises en avant. Il est \u00e9galement possible que vous souhaitiez remplacer une certaine cat\u00e9gorie d&rsquo;articles ou de pages pour qu&rsquo;ils aient tous la m\u00eame image mise en avant, qu&rsquo;il s&rsquo;agisse d&rsquo;une image professionnelle indiquant que l&rsquo;article est destin\u00e9 \u00e0 un tutoriel ou peut-\u00eatre pour que votre logo figure sur toutes les pages web.<\/p>\n<p>Quoi qu&rsquo;il en soit, vous devez modifier en masse ces images pour ne pas passer des heures \u00e0 les modifier toutes. Certains sites web proposent d\u00e9j\u00e0 des centaines, voire des milliers d&rsquo;images, et il est donc n\u00e9cessaire de disposer d&rsquo;un outil de modification group\u00e9e.<\/p>\n<p>L\u2019<a href=\"https:\/\/wordpress.org\/plugins\/quick-featured-images\/\">extension Quick Featured Images<\/a> permet de modifier en masse les images mises en avant, ainsi qu&rsquo;une myriade d&rsquo;autres fonctionnalit\u00e9s, comme l&rsquo;ajout d&rsquo;une image mise en avant par d\u00e9faut pour tous les articles ou la d\u00e9finition de pr\u00e9-r\u00e9glages pour les images mises en avant par d\u00e9faut.<\/p>\n<figure style=\"width: 1135px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/quick-featured-image.png\" alt=\"Extension Quick Featured Images\" width=\"1135\" height=\"369\"><figcaption class=\"wp-caption-text\">Extension Quick Featured Images<\/figcaption><\/figure>\n<p>Nous sommes surtout int\u00e9ress\u00e9s par l&rsquo;outil de modification group\u00e9e pour ce tutoriel. Il vous permet d&rsquo;\u00e9changer plusieurs images mises en avant pr\u00e9c\u00e9demment t\u00e9l\u00e9vers\u00e9es, en les faisant toutes correspondre \u00e0 la m\u00eame image.<\/p>\n<p>Une fois l\u2019extension install\u00e9e et activ\u00e9e, allez sur <strong>Featured Images &gt; Modification group\u00e9e.<\/strong><\/p>\n<figure style=\"width: 1340px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/bulk-edit.png\" alt=\"Allez sur \u00ab Featured Images &gt; Modification group\u00e9e \u00bb.\" width=\"1340\" height=\"902\"><figcaption class=\"wp-caption-text\">Allez sur \u00ab Featured Images &gt; Modification group\u00e9e \u00bb.<\/figcaption><\/figure>\n<p>Ici, vous verrez une <strong>barre de progression<\/strong> en haut de la page. La barre de progression indique exactement o\u00f9 vous en \u00eates dans le processus de modification group\u00e9e des images mises en avant.<\/p>\n<p>C&rsquo;est important car la modification group\u00e9e est permanente, vous voulez donc \u00eatre s\u00fbr de vos actions \u00e0 chaque \u00e9tape.<\/p>\n<p>Pour commencer le processus de modification group\u00e9e des images mises en avant, faites d\u00e9filer la page vers le bas.<\/p>\n<figure style=\"width: 1360px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/bulk-ed.png\" alt=\"Modification group\u00e9e des images mises en avant\" width=\"1360\" height=\"940\"><figcaption class=\"wp-caption-text\">Modification group\u00e9e des images mises en avant<\/figcaption><\/figure>\n<p>Localisez la section intitul\u00e9e <strong>Actions avec une image unique<\/strong>. Trois options vous sont propos\u00e9es pour modifier de mani\u00e8re group\u00e9e les images mises en avant :<\/p>\n<ul>\n<li>D\u00e9finissez l&rsquo;image s\u00e9lectionn\u00e9e comme la nouvelle image mise en avant.<\/li>\n<li>Remplacez les images mises en avant par l&rsquo;image s\u00e9lectionn\u00e9e.<\/li>\n<li>Supprimez l&rsquo;image s\u00e9lectionn\u00e9e comme image mise en avant.<\/li>\n<\/ul>\n<p>Choisissez la bonne option en fonction de ce que vous essayez de r\u00e9aliser. Par exemple, vous pouvez simplement supprimer toutes les anciennes images mises en avant ou vous assurer que toutes les nouvelles images mises en avant sont d\u00e9finies comme une image sp\u00e9cifique. Dans ce cas, vous pouvez choisir la premi\u00e8re ou la troisi\u00e8me option.<\/p>\n<p>Cependant, vous allez g\u00e9n\u00e9ralement opter pour celle intitul\u00e9e \u00ab\u00a0Remplacer les images mises en avant par l&rsquo;image s\u00e9lectionn\u00e9e\u00a0\u00bb. Cela vous permet de t\u00e9l\u00e9verser une image qui remplacera autant d&rsquo;images mises en avant actuelles que vous le souhaitez. Vous s\u00e9lectionnerez ces images plus tard et remplacerez chacune d&rsquo;entre elles par la nouvelle.<\/p>\n<p>Cliquez sur le bouton <strong>Choisir une image<\/strong> pour continuer.<\/p>\n<figure style=\"width: 1357px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/choose-im.png\" alt=\"R\u00e9glages \u00ab Actions avec une image unique \u00bb\" width=\"1357\" height=\"897\"><figcaption class=\"wp-caption-text\">R\u00e9glages \u00ab Actions avec une image unique \u00bb<\/figcaption><\/figure>\n<p>Cette \u00e9tape consiste \u00e0 choisir l&rsquo;image que vous aimeriez voir appara\u00eetre comme nouvelle image mise en avant pour quelques-uns de vos articles ou pages actuels.<\/p>\n<p>S\u00e9lectionnez l&rsquo;image qui vous pla\u00eet, puis cliquez sur le bouton <strong>Choisir l&rsquo;image<\/strong>.<\/p>\n<figure style=\"width: 1920px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/choose-image.png\" alt=\"Cliquez sur le bouton \u00ab Choisir une image \u00bb.\" width=\"1920\" height=\"941\"><figcaption class=\"wp-caption-text\">Cliquez sur le bouton \u00ab Choisir une image \u00bb<\/figcaption><\/figure>\n<p>Vous verrez cette image s&rsquo;afficher dans le tableau de bord. Assurez-vous simplement que c&rsquo;est la bonne image et que l\u2019extension la reconna\u00eet.<\/p>\n<figure style=\"width: 1362px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/now-you-see.png\" alt=\"Choisissez l'option \u00ab Remplacer les images mises en avant par l'image s\u00e9lectionn\u00e9e \u00bb.\" width=\"1362\" height=\"915\"><figcaption class=\"wp-caption-text\">Choisissez l&rsquo;option \u00ab Remplacer les images mises en avant par l&rsquo;image s\u00e9lectionn\u00e9e \u00bb.<\/figcaption><\/figure>\n<p>Faites d\u00e9filer la page vers le bas pour cliquer sur le bouton <strong>Suivant<\/strong>.<\/p>\n<figure style=\"width: 1405px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/sroll-and-next.png\" alt=\"Cliquez sur le bouton \u00ab Suivant \u00bb.\" width=\"1405\" height=\"870\"><figcaption class=\"wp-caption-text\">Cliquez sur le bouton \u00ab Suivant \u00bb.<\/figcaption><\/figure>\n<p>L&rsquo;\u00e9tape suivante consiste \u00e0 <strong>ajouter un filtre<\/strong>, qui vous demande essentiellement de choisir les images que vous voulez remplacer. Pour cela, cliquez sur le bouton <strong>Choisir les images<\/strong> sous la section intitul\u00e9e \u00ab\u00a0S\u00e9lectionner les images mises en avant que vous voulez remplacer par l&rsquo;image s\u00e9lectionn\u00e9e\u00a0\u00bb.<\/p>\n<figure style=\"width: 1154px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/choose-imas.png\" alt=\"Cliquez sur le bouton \u00ab Choisir des images \u00bb\" width=\"1154\" height=\"856\"><figcaption class=\"wp-caption-text\">Cliquez sur le bouton \u00ab Choisir les images \u00bb<\/figcaption><\/figure>\n<p>Dans ce module, vous pouvez s\u00e9lectionner plusieurs images de votre m\u00e9diath\u00e8que. Le seul probl\u00e8me est qu&rsquo;il ne vous indique pas quelles images de votre m\u00e9diath\u00e8que ont \u00e9t\u00e9 pr\u00e9c\u00e9demment t\u00e9l\u00e9vers\u00e9es comme images mises en avant.<\/p>\n<p>Quoi qu&rsquo;il en soit, s\u00e9lectionnez une ou plusieurs images en maintenant la touche \u00ab\u00a0Maj\u00a0\u00bb enfonc\u00e9e pendant le choix des images, puis cliquez sur le bouton <strong>Choisir les images<\/strong> pour continuer.<\/p>\n<figure style=\"width: 1920px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" style=\"font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;font-size: 1rem\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/image-chosen.png\" alt=\"Choisissez les images \u00e0 modifier en masse\" width=\"1920\" height=\"941\"><figcaption class=\"wp-caption-text\">Choisissez les images \u00e0 modifier de mani\u00e8re group\u00e9e<\/figcaption><\/figure>\n<p>Toutes les images s\u00e9lectionn\u00e9es apparaissent sous forme de miniatures dans le tableau de bord de l\u2019extension. N&rsquo;h\u00e9sitez pas \u00e0 revenir en arri\u00e8re et \u00e0 choisir d&rsquo;autres images si vous en avez manqu\u00e9.<\/p>\n<p>Cliquez sur le bouton <strong>Pr\u00e9visualiser le filtre<\/strong> pour voir quels seront les remplacements group\u00e9s.<\/p>\n<figure style=\"width: 1347px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/preview-theme.png\" alt=\"S\u00e9lectionnez l'option \u00ab Pr\u00e9visualiser le filtre \u00bb\" width=\"1347\" height=\"858\"><figcaption class=\"wp-caption-text\">S\u00e9lectionnez l&rsquo;option \u00ab Pr\u00e9visualiser le filtre \u00bb<\/figcaption><\/figure>\n<p>La page suivante explique quelles images mises en avant actuelles seront remplac\u00e9es par la future image mise en avant que vous avez sp\u00e9cifi\u00e9e auparavant. Il semble que seules deux des images s\u00e9lectionn\u00e9es soient effectivement stock\u00e9es comme images mises en avant dans nos articles. Cela signifie que seules ces images seront remplac\u00e9es par la nouvelle image.<\/p>\n<p>Une fois que tout semble en ordre et que vous avez d\u00e9cid\u00e9 que ces anciennes images mises en avant sont pr\u00eates \u00e0 \u00eatre remplac\u00e9es, cliquez sur le bouton <strong>Appliquer<\/strong> pour terminer la modification group\u00e9e.<\/p>\n<figure style=\"width: 1450px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/apply-s.png\" alt=\"Cliquez sur le bouton \u00ab Appliquer \u00bb\" width=\"1450\" height=\"888\"><figcaption class=\"wp-caption-text\">Cliquez sur le bouton \u00ab Appliquer \u00bb<\/figcaption><\/figure>\n<p>La derni\u00e8re page pr\u00e9sente les r\u00e9sultats de la modification group\u00e9e, avec des d\u00e9tails sur les articles qui ont maintenant de nouvelles images mises en avant. Vous pouvez voir que deux de mes articles ont maintenant une nouvelle image mise en avant, et ce sont les m\u00eames images. C&rsquo;est ce que nous essayions d&rsquo;accomplir.<\/p>\n<figure style=\"width: 1355px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/results.png\" alt=\"Consultez les r\u00e9sultats de la modification group\u00e9e\" width=\"1355\" height=\"940\"><figcaption class=\"wp-caption-text\">Consultez les r\u00e9sultats de la modification group\u00e9e<\/figcaption><\/figure>\n<p>Vous pouvez maintenant aller dans la section <strong>Articles &gt; Tous les articles<\/strong> de votre tableau de bord pour voir les articles dans une liste et vous assurer que les images mises en avant ont vraiment \u00e9t\u00e9 remplac\u00e9es dans les articles.<\/p>\n<p>Comme vous pouvez le voir, les deux articles pr\u00e9sent\u00e9s pr\u00e9c\u00e9demment avaient leurs images en mises en avant \u00e9chang\u00e9es par celle que je voulais.<\/p>\n<figure style=\"width: 1489px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/it-works.png\" alt=\"Voir les nouvelles images mises en avant\" width=\"1489\" height=\"717\"><figcaption class=\"wp-caption-text\">Voir les nouvelles images mises en avant<\/figcaption><\/figure>\n<p>N&rsquo;oubliez pas que la page de <strong>s\u00e9lection<\/strong> initiale de l\u2019extension Quick Featured Images propose un large \u00e9ventail de mesures \u00e0 prendre avec vos images mises en avant. Il s&rsquo;agit d&rsquo;excellents outils pour remplacer des images mal con\u00e7ues ou r\u00e9soudre des probl\u00e8mes lorsque certaines images mises en avant n&rsquo;apparaissent pas.<\/p>\n<p>Par exemple, vous pouvez compl\u00e9ter une action avec plusieurs pages. Dans ce cas, vous choisirez au hasard plusieurs images pour vos articles en vous basant sur les photos que vous aurez choisies dans la m\u00e9diath\u00e8que.<\/p>\n<p>Une autre option consiste \u00e0 prendre des <a href=\"https:\/\/kinsta.com\/fr\/blog\/hooks-wordpress\/#hooks-vs-actions-vs-filters\">mesures<\/a> sans image s\u00e9lectionn\u00e9e, comme la suppression d&rsquo;une image mise en avant qui se r\u00e9p\u00e8te plusieurs fois sur plusieurs articles, ou si vous devez supprimer toutes les images mises en avant sans fichier image existant.<\/p>\n<figure style=\"width: 1151px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/more-sets.png\" alt=\"Actions avec une seule image et plusieurs images\" width=\"1151\" height=\"808\"><figcaption class=\"wp-caption-text\">Actions avec une seule image et plusieurs images<\/figcaption><\/figure>\n<p>Les possibilit\u00e9s sont nombreuses avec l\u2019extension Quick Featured Images, nous vous sugg\u00e9rons donc de tester les outils et de voir comment vous pouvez modifier en masse certaines de vos anciennes images mises en avant ou celles qui ne fonctionnent pas afin de nettoyer l&rsquo;attrait visuel global de votre site web.<\/p>\n<h2>Extensions pour corriger les probl\u00e8mes d&rsquo;image mise en avant de WordPress<\/h2>\n<p>Les probl\u00e8mes li\u00e9s aux images mises en avant proviennent de divers probl\u00e8mes. Parfois, la meilleure solution consiste \u00e0 installer une extension en esp\u00e9rant qu&rsquo;elle offre les fonctionnalit\u00e9s n\u00e9cessaires pour tout r\u00e9gler.<\/p>\n<p>Apr\u00e8s tout, un th\u00e8me ou une extension pourrait \u00eatre \u00e0 l&rsquo;origine du probl\u00e8me. Il est pr\u00e9f\u00e9rable d&rsquo;utiliser une extension qui peut r\u00e9soudre le conflit plut\u00f4t que de remplacer tout votre th\u00e8me et de reconcevoir votre site web juste pour corriger les images mises en avant.<\/p>\n<p>Bien que toutes les extensions de correction d&rsquo;image mise en avant ne remplissent pas les m\u00eames fonctions, nous vous recommandons d&rsquo;en examiner quelques-unes avant d&rsquo;apporter des modifications radicales \u00e0 votre site web.<\/p>\n<h3>Featured Image from URL (FIFU)<\/h3>\n<figure style=\"width: 1332px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/Featured-Image-from-URL-FIFU.png\" alt=\"Extension FIFU\" width=\"1332\" height=\"435\"><figcaption class=\"wp-caption-text\">Extension FIFU<\/figcaption><\/figure>\n<p>L\u2019extension <a href=\"https:\/\/wordpress.org\/plugins\/featured-image-from-url\/\">Featured Image from URL<\/a>, ou FIFU, vous permet de prendre une image externe et de l&rsquo;utiliser comme image mise en avant pour un article ou une page. Cela permet de contourner l&rsquo;id\u00e9e de t\u00e9l\u00e9verser une image dans votre m\u00e9diath\u00e8que WordPress et d&rsquo;activer cette image en tant qu&rsquo;image mise en avant.<\/p>\n<p>Par cons\u00e9quent, cela pourrait vous aider \u00e0 r\u00e9soudre les probl\u00e8mes que vous pourriez rencontrer en ce qui concerne les restrictions de taille de t\u00e9l\u00e9versement ou m\u00eame si vos autorisations ne sont pas correctement d\u00e9finies. Dans l&rsquo;ensemble, l\u2019extension comporte un champ permettant de coller l\u2019URL d&rsquo;une image et d&rsquo;ins\u00e9rer cette image dans l&#8217;emplacement d\u2019image mise en avant.<\/p>\n<p>Vous devez <a href=\"https:\/\/kinsta.com\/fr\/blog\/wordpress-google-cloud-storage\/\">h\u00e9berger l&rsquo;image dans un lieu tiers<\/a> et vous assurer qu&rsquo;elle y sera h\u00e9berg\u00e9e \u00e0 l&rsquo;avenir. Nous vous recommandons de n&rsquo;utiliser qu&rsquo;une plateforme d&rsquo;h\u00e9bergement de m\u00e9dias, ou peut-\u00eatre un autre h\u00e9bergeur de site web dont vous \u00eates propri\u00e9taire. Il serait troublant et potentiellement ill\u00e9gal de simplement rechercher une image en ligne, de prendre son URL et de l&rsquo;utiliser pour votre image mise en avant, car vous ne savez pas o\u00f9 l&rsquo;URL de l&rsquo;image est h\u00e9berg\u00e9e.<\/p>\n<p>L\u2019extension FIFU comprend \u00e9galement des fonctions permettant de d\u00e9finir automatiquement les images mises en avant \u00e0 partir d&rsquo;images et de vid\u00e9os en utilisant les balises iframe et d&rsquo;autres \u00e9l\u00e9ments. Vous pouvez \u00e9galement d\u00e9finir des images \u00e0 partir de sources plus uniques, comme une API de livre ou un ISBN, ou m\u00eame \u00e0 partir du titre d&rsquo;un article ou d&rsquo;un moteur de recherche.<\/p>\n<h3><span style=\"color: #43414e;font-family: 'Brandon Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;font-size: 1.25rem;font-weight: 900\">Quick Featured Images<\/span><\/h3>\n<figure style=\"width: 1135px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/quick-featured-image.png\" alt=\"Extension Quick Featured Images\" width=\"1135\" height=\"369\"><figcaption class=\"wp-caption-text\">Extension Quick Featured Images<\/figcaption><\/figure>\n<p>Nous avons couvert l\u2019extension <a href=\"https:\/\/wordpress.org\/plugins\/quick-featured-images\/\">Quick Featured Images<\/a> ci-dessus dans cet article. Elle est principalement utilis\u00e9e pour remplacer les images mises en avant en masse. C&rsquo;est la principale raison pour laquelle vous profiterez de cette extension. Elle \u00e9limine une quantit\u00e9 importante de travail de t\u00e9l\u00e9versement manuel qui pourrait vous attendre.<\/p>\n<p>Nous appr\u00e9cions particuli\u00e8rement sa capacit\u00e9 \u00e0 \u00e9tablir des r\u00e8gles pour vos images mises en avant pass\u00e9es et futures. Par exemple, vous pouvez choisir la premi\u00e8re image de votre contenu et en faire votre image mise en avant pour un article. Il est \u00e9galement possible de g\u00e9n\u00e9rer des images mises en avant en fonction des auteurs, des <a href=\"https:\/\/kinsta.com\/fr\/blog\/etiquettes-wordpress\/\">\u00e9tiquettes<\/a> et des types de publication.<\/p>\n<p>Qu&rsquo;il s&rsquo;agisse de remplacer des images mises en avant existantes ou d&rsquo;essayer de r\u00e9parer des images qui n&rsquo;existaient pas, l\u2019extension Quick Featured Images fait l&rsquo;affaire pour tout cela.<\/p>\n<h3>Default Featured Image<\/h3>\n<p>L\u2019extension <a href=\"https:\/\/wordpress.org\/plugins\/default-featured-image\/\">Default Featured Image<\/a> offre un moyen simple de passer outre toutes les situations o\u00f9 une image mise en avant n&rsquo;est pas d\u00e9finie pour une page ou un article. Elle permet de nettoyer les articles dans lesquels vous avez oubli\u00e9 d&rsquo;ajouter une image mise en avant ou, \u00e0 un moment donn\u00e9, de la supprimer parce que l&rsquo;image mise en avant originale ne r\u00e9pond pas \u00e0 vos crit\u00e8res. Dans l&rsquo;ensemble, l\u2019extension Default Featured Image dispose d&rsquo;outils simples pour ajouter une image mise en avant par d\u00e9faut en un clic.<\/p>\n<figure style=\"width: 1328px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/default-feat-image.png\" alt=\"Extension Default featured image\" width=\"1328\" height=\"436\"><figcaption class=\"wp-caption-text\">Extension Default featured image<\/figcaption><\/figure>\n<p>Cette extension recherche tous les champs d&rsquo;image mises en avant vides et les remplit avec l&rsquo;option par d\u00e9faut. Bien qu&rsquo;il puisse s&rsquo;agir d&rsquo;une correction temporaire, elle peut \u00e9galement s&rsquo;av\u00e9rer utile pour d\u00e9finir des images mises en avant\u00a0 permanentes sur des pages et des articles de blog g\u00e9n\u00e9raux. Il se peut que vous n&rsquo;ayez besoin que d&rsquo;<a href=\"https:\/\/kinsta.com\/fr\/blog\/jpg-vs-jpeg\/\">une photo basique<\/a> qui soit pertinente pour votre site web sur ces pages.<\/p>\n<p>Ses r\u00e9glages sont situ\u00e9s dans les r\u00e9glages des m\u00e9dias de WordPress, mais vous n&rsquo;avez qu&rsquo;un seul champ \u00e0 remplir. T\u00e9l\u00e9versez l&rsquo;image ici et cliquez sur le bouton <strong>Enregistrer<\/strong>.<\/p>\n<h3>Auto Featured Image<\/h3>\n<p>L\u2019extension <a href=\"https:\/\/wordpress.org\/plugins\/auto-post-thumbnail\/\">Auto Featured Image<\/a> offre une option unique pour r\u00e9soudre les probl\u00e8mes li\u00e9s aux images mises en avant. Elle promet de faciliter le processus de t\u00e9l\u00e9versement des images mises en avant pour les propri\u00e9taires de sites web.<\/p>\n<p>L\u2019extension g\u00e9n\u00e8re une image mise en avant \u00e0 partir de la premi\u00e8re image d&rsquo;un article, mais seulement si l&rsquo;image mise en avant n&rsquo;est pas d\u00e9j\u00e0 configur\u00e9e. Par cons\u00e9quent, elle sert de sauvegarde pour le champ de l&rsquo;image r\u00e9elle, au cas o\u00f9 vous oublieriez de t\u00e9l\u00e9verser l&rsquo;image mise en avant mais que vous voudriez quand m\u00eame que quelque chose apparaisse.<\/p>\n<figure style=\"width: 1322px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/Auto-Featured-Image.png\" alt=\"Extension Auto Featured Image\" width=\"1322\" height=\"430\"><figcaption class=\"wp-caption-text\">Extension Auto Featured Image<\/figcaption><\/figure>\n<p>L&rsquo;avantage d&rsquo;utiliser une telle m\u00e9thode est qu&rsquo;il n&rsquo;est pas n\u00e9cessaire de se fier \u00e0 une image mise en avant par d\u00e9faut qui peut ne pas s&rsquo;appliquer \u00e0 l\u2019article. Nous supposons que la premi\u00e8re image d&rsquo;un article est pertinente pour le sujet, il n&rsquo;y a donc pas besoin de s&rsquo;inqui\u00e9ter qu&rsquo;une image mise en avant par d\u00e9faut soit <a href=\"https:\/\/kinsta.com\/fr\/blog\/fichiers-wordpress\/\">r\u00e9cup\u00e9r\u00e9e depuis un fichier<\/a> et duplique la m\u00eame image sur plusieurs articles.<\/p>\n<p>L\u2019extension dispose \u00e9galement d&rsquo;un merveilleux <a href=\"https:\/\/kinsta.com\/fr\/blog\/recherche-wordpress\/\">moteur de recherche natif<\/a> qui puise dans des endroits comme Google, Pixabay et Unsplash. Elle fonctionne \u00e9galement bien avec des constructeurs de pages comme Gutenberg et Elementor. Auto Featured Image dispose m\u00eame d&rsquo;un outil de g\u00e9n\u00e9ration group\u00e9e\u00a0 d&rsquo;images.<\/p>\n<h3>Multiple Featured Images<\/h3>\n<p>L\u2019extension <a href=\"https:\/\/wordpress.org\/plugins\/multiple-featured-images\/\">Multiple Featured Images<\/a> propose plusieurs fonctionnalit\u00e9s qui s&rsquo;av\u00e8rent utiles pour r\u00e9soudre les probl\u00e8mes de vos images mises en avant. Tout d&rsquo;abord, l\u2019extension ouvre la limite par d\u00e9faut que WordPress fixe \u00e0 une image mise en avant par article. Cela signifie que vous pouvez t\u00e9l\u00e9verser plusieurs images mises en avant et choisir laquelle d&rsquo;entre elles sera affich\u00e9e sur diff\u00e9rentes parties de votre site web.<\/p>\n<p>Elle utilise un widget et un <a href=\"https:\/\/kinsta.com\/fr\/blog\/shortcodes-wordpress\/\">code court<\/a>, qui demandent tous deux quelle image vous souhaitez afficher lors de la mise en \u0153uvre de l&rsquo;un des outils. Par exemple, vous pouvez pr\u00e9f\u00e9rer qu&rsquo;une image mise en avant apparaisse dans la colonne lat\u00e9rale, mais qu&rsquo;une autre apparaisse lorsque l\u2019article est dans une liste sur votre page d&rsquo;accueil.<\/p>\n<figure style=\"width: 1328px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/Multiple-Featured-Images.png\" alt=\"Extension Multiple Featured Images\" width=\"1328\" height=\"433\"><figcaption class=\"wp-caption-text\">Extension Multiple Featured Images<\/figcaption><\/figure>\n<p>L\u2019extension fonctionne avec les articles et les pages, y compris les publications personnalis\u00e9es et les <a href=\"https:\/\/kinsta.com\/fr\/blog\/conversions-pages-produits-woocommerce\/\">produits WooCommerce<\/a>. Vous pouvez t\u00e9l\u00e9verser autant d&rsquo;images que vous le souhaitez tout en choisissant l&rsquo;image mise en avant \u00e0 afficher dans certaines zones et la taille de ces images.<\/p>\n<p>Cette extension convient essentiellement \u00e0 ceux qui ont du mal \u00e0 d\u00e9cider quelle image mise en avant utiliser, ou lorsqu&rsquo;une image a du sens au d\u00e9but de l&rsquo;article, mais qu&rsquo;une autre est plus appropri\u00e9e dans une colonne lat\u00e9rale.<\/p>\n<h2>Meilleures pratiques pour les images mises en avant<\/h2>\n<p>Pour s&rsquo;assurer que les images mises en avant ont l&rsquo;air correctes, il est important de comprendre les meilleures pratiques avant de les t\u00e9l\u00e9verser sur votre site WordPress. Vous pouvez d\u00e9panner une image mise en avant qui n&rsquo;appara\u00eet pas ou modifier manuellement chaque image mise en avant.<\/p>\n<p>N\u00e9anmoins, il est beaucoup plus facile de conna\u00eetre les approches principales des images mises en avant afin de minimiser les probl\u00e8mes au d\u00e9butt. Ces meilleures pratiques couvrent tous les aspects, des recommandations de design aux tactiques de t\u00e9l\u00e9versement, ce qui vous permet de vous sentir en confiance pour toutes les images mises en avant tout en r\u00e9duisant le temps que vous passez avec ces images.<\/p>\n<h3>Rendre pertinentes les images mises en avant<\/h3>\n<p>L&rsquo;inconv\u00e9nient de d\u00e9finir une image mise en avant par d\u00e9faut est que vous risquez de vous retrouver avec plusieurs images mises en avant qui ne sont pas pertinentes pour l\u2019article. L&rsquo;int\u00e9r\u00eat d&rsquo;une image mise en avant est de servir d&rsquo;introduction visuelle \u00e0 l&rsquo;article, un peu comme un titre, et le premier paragraphe d&rsquo;un article donne au lecteur un aper\u00e7u de ce qu&rsquo;il peut s&rsquo;attendre \u00e0 lire.<\/p>\n<p>Par exemple, si votre article contient des conseils sur l&rsquo;utilisation d&rsquo;<a href=\"https:\/\/kinsta.com\/fr\/blog\/statistiques-instagram\/\">Instagram<\/a>, il est pr\u00e9f\u00e9rable que l&rsquo;image mise en avant comporte des \u00e9l\u00e9ments faisant r\u00e9f\u00e9rence \u00e0 Instagram (des \u00e9l\u00e9ments l\u00e9gaux, bien s\u00fbr), ainsi que des \u00e9l\u00e9ments cr\u00e9atifs qui rendent l&rsquo;article attrayant.<\/p>\n<figure style=\"width: 1577px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/buffer-example.png\" alt=\"Site Buffer\" width=\"1577\" height=\"803\"><figcaption class=\"wp-caption-text\">Site Buffer<\/figcaption><\/figure>\n<p>La pertinence entre \u00e9galement en jeu lorsque vous ins\u00e9rez manuellement une image pour chaque image mise en avant dans un article. Il est facile de saisir une image rapide qui se rapporte \u00e0 l&rsquo;article, juste pour gagner du temps. Cependant, nous devrions tous prendre notre temps pour choisir une image mise en avant, car c&rsquo;est la \u00ab\u00a0couverture du livre\u00a0\u00bb de l&rsquo;article qui incitera les gens \u00e0 le lire.<\/p>\n<h3>Obtenir des droits l\u00e9gaux avant de publier des images mises en avant<\/h3>\n<p>Une fa\u00e7on de vous mettre dans le p\u00e9trin avec vos images est d&rsquo;utiliser des photos et des graphiques que vous trouvez au hasard en ligne. Le propri\u00e9taire d&rsquo;une photo pourrait alors vous demander de retirer un grand nombre de vos images, ou pire, menacer de poursuites judiciaires.<\/p>\n<p><strong>En r\u00e8gle g\u00e9n\u00e9rale<\/strong>, si vous n&rsquo;avez pas pris la photo vous-m\u00eame ou si vous n&rsquo;avez pas pay\u00e9 les droits, vous risquez de ne pas pouvoir l&rsquo;utiliser.<\/p>\n<p>Il y a des exceptions \u00e0 cette r\u00e8gle !<\/p>\n<p>La seule fois o\u00f9 vous constaterez qu&rsquo;il est acceptable de partager gratuitement une image sur votre site web est lorsque vous la r\u00e9cup\u00e9rez d&rsquo;un site web comme <a href=\"https:\/\/kinsta.com\/fr\/blog\/images-gratuites-pour-wordpress\/#4-pexels\">Pexels<\/a> ou <a href=\"https:\/\/kinsta.com\/fr\/blog\/images-gratuites-pour-wordpress\/#2-unsplash\">Unsplash<\/a>.<\/p>\n<p>Pourtant, m\u00eame sur ces sites, on vous demande g\u00e9n\u00e9ralement d&rsquo;indiquer l&rsquo;origine de toutes les photos (ce qui est difficile car les images mises en avant n&rsquo;ont souvent pas de l\u00e9gende).<\/p>\n<figure style=\"width: 1647px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/attribution.png\" alt=\"L'attribution des images est cruciale pour \u00e9viter les probl\u00e8mes de droits d'auteur\" width=\"1647\" height=\"904\"><figcaption class=\"wp-caption-text\">Le cr\u00e9dit des images est crucial pour \u00e9viter les probl\u00e8mes de droits d&rsquo;auteur<\/figcaption><\/figure>\n<p>Suivez ces r\u00e8gles pour vous assurer que vos images mises en avant sont l\u00e9gales :<\/p>\n<ol>\n<li>Prenez une photo avec votre propre appareil. C&rsquo;est un moyen s\u00fbr d&rsquo;\u00e9liminer les probl\u00e8mes juridiques.<\/li>\n<li>Regardez les sites web de photos avec une licence <a href=\"https:\/\/kinsta.com\/fr\/blog\/photos-stock-wordpress\/\">Creative Commons<\/a>. Vous y trouverez des options comme Unsplash et Pexels.<\/li>\n<li>Comme les <a href=\"https:\/\/kinsta.com\/fr\/blog\/legende-image-wordpress\/\">images mises en avant dans WordPress bloquent g\u00e9n\u00e9ralement les l\u00e9gendes<\/a>, indiquez la source de cette image quelque part dans votre article.<\/li>\n<li>Payez pour des photos sur des sites comme Shutterstock et iStockPhoto.<\/li>\n<li><a href=\"https:\/\/kinsta.com\/fr\/blog\/diagrammes-wordpress\/\">R\u00e9alisez vos propres graphiques<\/a> avec des outils de conception gratuits comme Canva ou Adobe Spark.<\/li>\n<li>Si vous trouvez une photo que vous aimez vraiment, prenez contact avec le photographe ou l&rsquo;artiste et demandez-lui si vous pouvez utiliser son travail sur votre site web. Gratuit, payant ou avec attribution. Assurez-vous d&rsquo;obtenir cet accord par \u00e9crit (l\u2019e-mail fonctionne aussi).<\/li>\n<\/ol>\n<h3>Conserver la coh\u00e9rence de l&rsquo;image mise en avant avec le th\u00e8me<\/h3>\n<p>C&rsquo;est une chose de s&rsquo;assurer que toutes les images mises en avant sont pertinentes pour les articles auxquelles elles sont attach\u00e9es.<\/p>\n<p>Cependant, vous voulez aussi vous en <a href=\"https:\/\/kinsta.com\/fr\/#a-fresh-new-look\">tenir \u00e0 un th\u00e8me coh\u00e9rent<\/a>. Cela permet d&rsquo;acc\u00e9l\u00e9rer le processus de cr\u00e9ation de votre image mise en avant tout en aidant votre marque.<\/p>\n<p>Par exemple, toutes vos images mises en avant pourraient \u00eatre dot\u00e9es d&rsquo;un filtre noir et blanc. Ou alors, elles peuvent inclure des animations color\u00e9es tout en repr\u00e9sentant ce qui se trouve dans les articles.<\/p>\n<figure style=\"width: 1178px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/similar.png\" alt=\"Maintenez la coh\u00e9rence de la marque sur vos images mises en avant\" width=\"1178\" height=\"844\"><figcaption class=\"wp-caption-text\">Maintenez la coh\u00e9rence de la marque sur vos images mises en avant<\/figcaption><\/figure>\n<h3>Utiliser des images de haute r\u00e9solution et \u00e0 \u00e9chelle r\u00e9duite<\/h3>\n<p>Une image mise en avant ne diff\u00e8re pas des autres photos de votre site web. Elle est plac\u00e9e sur un support num\u00e9rique o\u00f9 la r\u00e9solution de la photo ne doit pas n\u00e9cessairement \u00eatre digne d&rsquo;\u00eatre imprim\u00e9e pour \u00eatre belle.<\/p>\n<p>Dans l&rsquo;ensemble, les photos de votre site web occupent une quantit\u00e9 importante d&rsquo;espace sur le serveur, ce qui peut ralentir le temps de chargement de votre site. Cependant, vous souhaitez \u00e9galement utiliser des photos qui ont vraiment de l&rsquo;allure, c&rsquo;est pourquoi vous devez continuer \u00e0 <a href=\"https:\/\/kinsta.com\/fr\/blog\/optimiser-les-images-pour-le-web\/#best-practices\">rechercher autant que possible des photos en haute r\u00e9solution<\/a>.<\/p>\n<p>Lorsque vous recherchez une image mise en avant, pensez toujours \u00e0 commencer par une photo plus grande et en haute r\u00e9solution. Ainsi, vous pourrez la r\u00e9duire pour une interface num\u00e9rique tout en conservant une grande partie de sa r\u00e9solution.<\/p>\n<p>La mise \u00e0 l&rsquo;\u00e9chelle d&rsquo;une photo est un grand non. Pourtant, laisser vos photos plus grandes et \u00e0 haute d\u00e9finition dans leur format d&rsquo;origine posera certainement des probl\u00e8mes de chargement.<\/p>\n<h3>Utiliser un outil de redimensionnement et d&rsquo;optimisation rapide des images<\/h3>\n<p>\u00c9tant donn\u00e9 que vous devriez t\u00e9l\u00e9verser des images de haute r\u00e9solution en tant qu&rsquo;images mises en avant, il est logique d&rsquo;automatiser l&rsquo;optimisation. Apr\u00e8s tout, il est difficile de r\u00e9duire, redimensionner et recadrer manuellement chaque image que vous pr\u00e9voyez de t\u00e9l\u00e9verser.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2018\/04\/wp-rocket-image-optimization.jpg\" alt=\"Optimisation d'image par Imagify\" width=\"1500\" height=\"870\"><figcaption class=\"wp-caption-text\">Optimisation d&rsquo;image par Imagify<\/figcaption><\/figure>\n<p>Une extension d&rsquo;optimisation d\u2019images fait une grande partie du travail pour vous, en s&rsquo;assurant que les images mises en avant apparaissent r\u00e9ellement et ne ralentissent pas votre site web.<\/p>\n<p>Nous avons un excellent guide sur l&rsquo;<a href=\"https:\/\/kinsta.com\/fr\/blog\/optimiser-les-images-pour-le-web\/\">optimisation de vos images WordPress<\/a>. Dans l&rsquo;ensemble, il est pr\u00e9f\u00e9rable d&rsquo;opter pour une extension qui optimise vos images sur un serveur tiers. Cela \u00e9vitera de causer des probl\u00e8mes avec votre propre serveur. Nous recommandons des solutions comme <a href=\"https:\/\/kinsta.com\/fr\/blog\/optimiser-les-images-pour-le-web\/#optimole\">Optimole<\/a> et <a href=\"https:\/\/kinsta.com\/fr\/blog\/optimiser-les-images-pour-le-web\/#imagify\">Imagify<\/a>.<\/p>\n<h3>Optimiser les images mises en avant pour le SEO<\/h3>\n<p>Un autre \u00e9l\u00e9ment de l&rsquo;optimisation d&rsquo;images concerne la mani\u00e8re dont ces images vont appara\u00eetre dans les moteurs de recherche. Elles sont essentielles pour aider votre article ou votre page \u00e0 progresser dans les classements. Chaque image h\u00e9berg\u00e9e, y compris les images mises en avant, comporte des m\u00e9tadonn\u00e9es qui sont explor\u00e9es par les moteurs de recherche afin de d\u00e9terminer le contenu de votre article ou de votre page.<\/p>\n<p>Si vous ciblez un mot-cl\u00e9, ces m\u00e9tadonn\u00e9es sont une excellente occasion de montrer aux moteurs de recherche que l&rsquo;image est pertinente. Vous devez <a href=\"https:\/\/kinsta.com\/fr\/blog\/diagnostiquer-baisse-classements\/#penalties\">\u00e9viter de bourrer les mots-cl\u00e9s<\/a> juste parce que vous le voulez. Expliquez plut\u00f4t rapidement ce que contient l&rsquo;image et ajoutez \u00e9ventuellement le mot-cl\u00e9 pour am\u00e9liorer votre classement.<\/p>\n<p>La pi\u00e8ce la plus importante des m\u00e9tadonn\u00e9es d&rsquo;image est son <strong>Texte d\u2019Alt<\/strong>, qui peut \u00eatre trouv\u00e9 en ouvrant votre image mise en avant dans la <strong>M\u00e9diath\u00e8que<\/strong>.<\/p>\n<figure style=\"width: 1920px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" style=\"font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;font-size: 1rem\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/alt-text-s.png\" alt=\"D\u00e9finir le \u00ab Texte d\u2019Alt \u00bb pour les images\" width=\"1920\" height=\"941\"><figcaption class=\"wp-caption-text\">D\u00e9finir le \u00ab Texte d\u2019Alt \u00bb pour les images<\/figcaption><\/figure>\n<p>M\u00eame si la d\u00e9finition d&rsquo;un texte d\u2019alt appropri\u00e9 pour les images aide le SEO, vous devriez le faire quand m\u00eame pour des raisons d&rsquo;<a href=\"https:\/\/kinsta.com\/fr\/blog\/meilleures-pratiques-design-web\/#accessibility-standards\">accessibilit\u00e9<\/a>.<\/p>\n<figure style=\"width: 1320px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/03\/webdesign-accessibility-standards.jpg\" alt=\"L'accessibilit\u00e9 est cruciale pour tout site web\" width=\"1320\" height=\"732\"><figcaption class=\"wp-caption-text\">L&rsquo;accessibilit\u00e9 est cruciale pour tout site web<\/figcaption><\/figure>\n<p>De nombreux aveugles utilisent l&rsquo;internet par le biais de lecteurs d&rsquo;\u00e9cran. Rendez votre site accessible \u00e0 ces personnes.<\/p>\n<h3>S&rsquo;assurer qu\u2019Open Graph est actif pour le partage<\/h3>\n<p>Nous avons couvert les points essentiels d&rsquo;Open Graph dans la section ci-dessus. Mais nous vous rappelons que votre fournisseur d&rsquo;h\u00e9bergement doit, soit fournir les outils n\u00e9cessaires au rendu des images mises en avant, soit trouver une extension qui active le protocole Open Graph.<\/p>\n<p>L&rsquo;image mise en avant doit appara\u00eetre rapidement chaque fois que quelqu&rsquo;un veut partager un de vos articles ou une de vos pages sur un r\u00e9seau social. Sinon, vous courez le risque que quelqu&rsquo;un d\u00e9cide de ne pas partager l\u2019article du tout, ou que <a href=\"https:\/\/kinsta.com\/fr\/blog\/comment-reduire-le-taux-de-rebond\/\">votre marque ne paraisse pas professionnelle<\/a> lorsque les utilisateurs partagent un des liens de votre site.<\/p>\n<h3>Envisager une extension qui remplace les champs d&rsquo;image mises en avant vides<\/h3>\n<p>Nous avons d\u00e9j\u00e0 abord\u00e9 cette solution dans la section pr\u00e9c\u00e9dente, mais elle s&rsquo;inscrit \u00e9galement dans les meilleures pratiques. Vous ne savez jamais quand une erreur humaine peut emp\u00eacher le t\u00e9l\u00e9versement d&rsquo;une image mise en avant sur votre site web.<\/p>\n<p>Pensez \u00e0 utiliser une extension d&rsquo;image mise en avant par d\u00e9faut pour remplir les blancs et lister les images mises en avant temporaires ou permanentes lorsque vous oubliez de le faire. Cela vous aidera \u00e9galement lorsque vos anciens articles ne contiennent pas d&rsquo;images appropri\u00e9es.<\/p>\n\n<h2>R\u00e9sum\u00e9<\/h2>\n<p>Cr\u00e9er un site web avec un contenu \u00e9tonnant pour d\u00e9couvrir que les images mises en avant ne sont pas visibles est \u00e0 la fois frustrant et potentiellement nuisible \u00e0 votre marque. Nous esp\u00e9rons que ce guide vous a aid\u00e9 \u00e0 r\u00e9soudre les probl\u00e8mes courants li\u00e9s \u00e0 l&rsquo;absence d&rsquo;images mises en avant sur WordPress. Assurez-vous simplement de tester que vos images mises en avant sont correctement t\u00e9l\u00e9vers\u00e9es et configur\u00e9es avant de vous lancer dans des solutions plus avanc\u00e9es.<\/p>\n<p>En cours de route, vous avez \u00e9galement appris des conseils pour am\u00e9liorer vos comp\u00e9tences en mati\u00e8re de modification d&rsquo;images et de flux de travail. Pour en savoir plus sur ces conseils et astuces, consultez notre <a href=\"https:\/\/kinsta.com\/fr\/blog\/optimiser-les-images-pour-le-web\/#optimole\">guide d\u00e9taill\u00e9 sur l&rsquo;optimisation d&rsquo;images<\/a>. C&rsquo;est un document indispensable pour <a href=\"https:\/\/kinsta.com\/fr\/ebooks\/wordpress\/accelerer-site-wordpress\/\">acc\u00e9l\u00e9rer votre site WordPress<\/a>.<\/p>\n<p>Maintenant que les images mises en avant sont pr\u00eates, partagez-les !<\/p>\n<p><em>Avons-nous manqu\u00e9 quelque chose d&rsquo;important ? Veuillez laisser un commentaire ci-dessous si vous avez des questions sur les images mises en avant ou des probl\u00e8mes avec les images mises en avant de WordPress.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Une image WordPress mise en avant fonctionne comme une carte de bienvenue visuelle, un signal pour les visiteurs de venir et d&rsquo;appr\u00e9cier ce qui se cache &#8230;<\/p>\n","protected":false},"author":117,"featured_media":45097,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[467,404],"topic":[975,1032],"class_list":["post-45091","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-featured-image","tag-images","topic-optimisation-images","topic-erreurs-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>L&#039;image mise en avant de WordPress ne s&#039;affiche pas correctement (ou pas du tout)<\/title>\n<meta name=\"description\" content=\"Apprenez comment r\u00e9parer l&#039;image mise en avant de WordPress qui ne s&#039;affiche pas correctement sur votre site. Nous allons explorer les solutions manuelles et les extensions.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/fr\/blog\/image-mise-en-avant-wordpress-non-affichee\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"L&#039;image mise en avant de WordPress ne s&#039;affiche pas correctement (ou pas du tout)\" \/>\n<meta property=\"og:description\" content=\"Apprenez comment r\u00e9parer l&#039;image mise en avant de WordPress qui ne s&#039;affiche pas correctement sur votre site. Nous allons explorer les solutions manuelles et les extensions.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/fr\/blog\/image-mise-en-avant-wordpress-non-affichee\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstafrance\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-03-15T16:10:51+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-01T15:24:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2021\/03\/image-mise-en-avant-wordpress-non-affichee.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Salman Ravoof\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Apprenez comment r\u00e9parer l&#039;image mise en avant de WordPress qui ne s&#039;affiche pas correctement sur votre site. Nous allons explorer les solutions manuelles et les extensions.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2021\/03\/image-mise-en-avant-wordpress-non-affichee.png\" \/>\n<meta name=\"twitter:creator\" content=\"@salmanravoof\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_fr\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Salman Ravoof\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"93 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/image-mise-en-avant-wordpress-non-affichee\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/image-mise-en-avant-wordpress-non-affichee\/\"},\"author\":{\"name\":\"Salman Ravoof\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/9cafd2eedd617e640eeea4cf3a5fd987\"},\"headline\":\"L&rsquo;image mise en avant de WordPress ne s&rsquo;affiche pas correctement (ou pas du tout)\",\"datePublished\":\"2021-03-15T16:10:51+00:00\",\"dateModified\":\"2025-09-01T15:24:01+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/image-mise-en-avant-wordpress-non-affichee\/\"},\"wordCount\":18392,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/image-mise-en-avant-wordpress-non-affichee\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2021\/03\/image-mise-en-avant-wordpress-non-affichee.png\",\"keywords\":[\"featured image\",\"images\"],\"articleSection\":[\"Meilleurs Tutoriels WordPress\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/fr\/blog\/image-mise-en-avant-wordpress-non-affichee\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/image-mise-en-avant-wordpress-non-affichee\/\",\"url\":\"https:\/\/kinsta.com\/fr\/blog\/image-mise-en-avant-wordpress-non-affichee\/\",\"name\":\"L'image mise en avant de WordPress ne s'affiche pas correctement (ou pas du tout)\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/image-mise-en-avant-wordpress-non-affichee\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/image-mise-en-avant-wordpress-non-affichee\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2021\/03\/image-mise-en-avant-wordpress-non-affichee.png\",\"datePublished\":\"2021-03-15T16:10:51+00:00\",\"dateModified\":\"2025-09-01T15:24:01+00:00\",\"description\":\"Apprenez comment r\u00e9parer l'image mise en avant de WordPress qui ne s'affiche pas correctement sur votre site. Nous allons explorer les solutions manuelles et les extensions.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/image-mise-en-avant-wordpress-non-affichee\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/fr\/blog\/image-mise-en-avant-wordpress-non-affichee\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/image-mise-en-avant-wordpress-non-affichee\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2021\/03\/image-mise-en-avant-wordpress-non-affichee.png\",\"contentUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2021\/03\/image-mise-en-avant-wordpress-non-affichee.png\",\"width\":1460,\"height\":730,\"caption\":\"L'image mise en avant de WordPress ne s'affiche pas correctement\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/image-mise-en-avant-wordpress-non-affichee\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Probl\u00e8mes avec WordPress\",\"item\":\"https:\/\/kinsta.com\/fr\/sujets\/erreurs-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"L&#8217;image mise en avant de WordPress ne s&#8217;affiche pas correctement (ou pas du tout)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/fr\/#website\",\"url\":\"https:\/\/kinsta.com\/fr\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Solutions d&#039;h\u00e9bergement premium, rapides et s\u00e9curis\u00e9es\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/fr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/fr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstafrance\/\",\"https:\/\/x.com\/kinsta_fr\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/9cafd2eedd617e640eeea4cf3a5fd987\",\"name\":\"Salman Ravoof\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0c5885f75cb78473fb7408e5e49ad190?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/0c5885f75cb78473fb7408e5e49ad190?s=96&d=mm&r=g\",\"caption\":\"Salman Ravoof\"},\"description\":\"Salman Ravoof is a self-taught web developer, writer, creator, and a huge admirer of Free and Open Source Software (FOSS). Besides tech, he's excited by science, philosophy, photography, arts, cats, and food. Learn more about him on his website, and connect with Salman on Twitter.\",\"sameAs\":[\"https:\/\/salmanravoof.com\",\"https:\/\/www.linkedin.com\/in\/salman-ravoof-5a749133\/\",\"https:\/\/x.com\/salmanravoof\"],\"url\":\"https:\/\/kinsta.com\/fr\/blog\/author\/salmanravoof\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"L'image mise en avant de WordPress ne s'affiche pas correctement (ou pas du tout)","description":"Apprenez comment r\u00e9parer l'image mise en avant de WordPress qui ne s'affiche pas correctement sur votre site. Nous allons explorer les solutions manuelles et les extensions.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/fr\/blog\/image-mise-en-avant-wordpress-non-affichee\/","og_locale":"fr_FR","og_type":"article","og_title":"L'image mise en avant de WordPress ne s'affiche pas correctement (ou pas du tout)","og_description":"Apprenez comment r\u00e9parer l'image mise en avant de WordPress qui ne s'affiche pas correctement sur votre site. Nous allons explorer les solutions manuelles et les extensions.","og_url":"https:\/\/kinsta.com\/fr\/blog\/image-mise-en-avant-wordpress-non-affichee\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstafrance\/","article_published_time":"2021-03-15T16:10:51+00:00","article_modified_time":"2025-09-01T15:24:01+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2021\/03\/image-mise-en-avant-wordpress-non-affichee.png","type":"image\/png"}],"author":"Salman Ravoof","twitter_card":"summary_large_image","twitter_description":"Apprenez comment r\u00e9parer l'image mise en avant de WordPress qui ne s'affiche pas correctement sur votre site. Nous allons explorer les solutions manuelles et les extensions.","twitter_image":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2021\/03\/image-mise-en-avant-wordpress-non-affichee.png","twitter_creator":"@salmanravoof","twitter_site":"@kinsta_fr","twitter_misc":{"\u00c9crit par":"Salman Ravoof","Dur\u00e9e de lecture estim\u00e9e":"93 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/fr\/blog\/image-mise-en-avant-wordpress-non-affichee\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/blog\/image-mise-en-avant-wordpress-non-affichee\/"},"author":{"name":"Salman Ravoof","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/9cafd2eedd617e640eeea4cf3a5fd987"},"headline":"L&rsquo;image mise en avant de WordPress ne s&rsquo;affiche pas correctement (ou pas du tout)","datePublished":"2021-03-15T16:10:51+00:00","dateModified":"2025-09-01T15:24:01+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/fr\/blog\/image-mise-en-avant-wordpress-non-affichee\/"},"wordCount":18392,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/fr\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/fr\/blog\/image-mise-en-avant-wordpress-non-affichee\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2021\/03\/image-mise-en-avant-wordpress-non-affichee.png","keywords":["featured image","images"],"articleSection":["Meilleurs Tutoriels WordPress"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/fr\/blog\/image-mise-en-avant-wordpress-non-affichee\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/fr\/blog\/image-mise-en-avant-wordpress-non-affichee\/","url":"https:\/\/kinsta.com\/fr\/blog\/image-mise-en-avant-wordpress-non-affichee\/","name":"L'image mise en avant de WordPress ne s'affiche pas correctement (ou pas du tout)","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/fr\/blog\/image-mise-en-avant-wordpress-non-affichee\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/fr\/blog\/image-mise-en-avant-wordpress-non-affichee\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2021\/03\/image-mise-en-avant-wordpress-non-affichee.png","datePublished":"2021-03-15T16:10:51+00:00","dateModified":"2025-09-01T15:24:01+00:00","description":"Apprenez comment r\u00e9parer l'image mise en avant de WordPress qui ne s'affiche pas correctement sur votre site. Nous allons explorer les solutions manuelles et les extensions.","breadcrumb":{"@id":"https:\/\/kinsta.com\/fr\/blog\/image-mise-en-avant-wordpress-non-affichee\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/fr\/blog\/image-mise-en-avant-wordpress-non-affichee\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/blog\/image-mise-en-avant-wordpress-non-affichee\/#primaryimage","url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2021\/03\/image-mise-en-avant-wordpress-non-affichee.png","contentUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2021\/03\/image-mise-en-avant-wordpress-non-affichee.png","width":1460,"height":730,"caption":"L'image mise en avant de WordPress ne s'affiche pas correctement"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/fr\/blog\/image-mise-en-avant-wordpress-non-affichee\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Probl\u00e8mes avec WordPress","item":"https:\/\/kinsta.com\/fr\/sujets\/erreurs-wordpress\/"},{"@type":"ListItem","position":3,"name":"L&#8217;image mise en avant de WordPress ne s&#8217;affiche pas correctement (ou pas du tout)"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/fr\/#website","url":"https:\/\/kinsta.com\/fr\/","name":"Kinsta\u00ae","description":"Solutions d&#039;h\u00e9bergement premium, rapides et s\u00e9curis\u00e9es","publisher":{"@id":"https:\/\/kinsta.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/fr\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstafrance\/","https:\/\/x.com\/kinsta_fr","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/9cafd2eedd617e640eeea4cf3a5fd987","name":"Salman Ravoof","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/0c5885f75cb78473fb7408e5e49ad190?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0c5885f75cb78473fb7408e5e49ad190?s=96&d=mm&r=g","caption":"Salman Ravoof"},"description":"Salman Ravoof is a self-taught web developer, writer, creator, and a huge admirer of Free and Open Source Software (FOSS). Besides tech, he's excited by science, philosophy, photography, arts, cats, and food. Learn more about him on his website, and connect with Salman on Twitter.","sameAs":["https:\/\/salmanravoof.com","https:\/\/www.linkedin.com\/in\/salman-ravoof-5a749133\/","https:\/\/x.com\/salmanravoof"],"url":"https:\/\/kinsta.com\/fr\/blog\/author\/salmanravoof\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/45091","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/users\/117"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/comments?post=45091"}],"version-history":[{"count":14,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/45091\/revisions"}],"predecessor-version":[{"id":80691,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/45091\/revisions\/80691"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/45091\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/45091\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/45091\/translations\/pt"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/45091\/translations\/es"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/45091\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/45091\/translations\/de"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/45091\/translations\/nl"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/45091\/translations\/jp"},{"href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/45091\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media\/45097"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media?parent=45091"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/tags?post=45091"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/topic?post=45091"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}