{"id":71575,"date":"2022-12-14T10:28:19","date_gmt":"2022-12-14T18:28:19","guid":{"rendered":"https:\/\/dhblog.dream.press\/blog\/?p=71575"},"modified":"2025-05-26T07:55:03","modified_gmt":"2025-05-26T14:55:03","slug":"comment-crer-limage-la-une-parfaite-pour-wordpress-guide-de-taille-et-de-design-fr","status":"publish","type":"post","link":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/comment-crer-limage-la-une-parfaite-pour-wordpress-guide-de-taille-et-de-design-fr\/","title":{"rendered":"Comment Cr\u00e9er L\u2019Image \u00e0 La Une Parfaite Pour WordPress (Guide de Taille et de Design)"},"content":{"rendered":"\n<p>Pour attirer de nouveaux visiteurs sur ton site, tu pourrais envisager de publier des <a href=\"https:\/\/www.dreamhost.com\/blog\/how-to-write-a-blog-post\/\" target=\"_blank\" rel=\"noopener\">articles de blog<\/a> r\u00e9guli\u00e8rement. Cependant, sans images \u00e0 la une, tes articles risquent de ne pas sembler suffisamment attrayants pour obtenir des clics.<\/p>\n\n\n<p>Heureusement, tu peux facilement cr\u00e9er des images \u00e0 la une bien con\u00e7ues pour tes articles. Une fois que tu sais comment trouver les bonnes photos, les dimensionner correctement et les optimiser pour les moteurs de recherche, tu peux instantan\u00e9ment revitaliser tes <a href=\"https:\/\/www.dreamhost.com\/blog\/guide-to-wp-posts\/\" target=\"_blank\" rel=\"noopener\">articles WordPress<\/a>.<\/p>\n\n\n<p>Dans cet article, nous expliquerons ce qu&#8217;est une image \u00e0 la une. Ensuite, nous partagerons quelques conseils sur la mani\u00e8re de les utiliser. Commen\u00e7ons !<\/p>\n\n\n<h2 id=\"h-what-is-a-featured-image\" class=\"wp-block-heading\"><b>Qu&#8217;est-ce qu&#8217;une Image \u00e0 la Une ?<\/b><\/h2>\n\n\n<p>Dans WordPress, l&#8217;image \u00e0 la une est la repr\u00e9sentation visuelle d&#8217;un post sp\u00e9cifique, d&#8217;une page ou d&#8217;un type de post personnalis\u00e9. Lorsque quelqu&#8217;un visite ton site web, ces images appara\u00eetront g\u00e9n\u00e9ralement en haut des posts ou dans ton flux de blog :<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1999\" height=\"1713\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/blog-post-grid-with-featured-images.jpg\" alt=\"Images \u00e0 la une de WordPress\" class=\"wp-image-38372 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/blog-post-grid-with-featured-images.jpg.webp 1999w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/blog-post-grid-with-featured-images-300x257.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/blog-post-grid-with-featured-images-1024x877.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/blog-post-grid-with-featured-images-768x658.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/blog-post-grid-with-featured-images-1536x1316.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/blog-post-grid-with-featured-images-600x514.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/blog-post-grid-with-featured-images-1200x1028.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/blog-post-grid-with-featured-images-730x626.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/blog-post-grid-with-featured-images-1460x1251.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/blog-post-grid-with-featured-images-784x672.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/blog-post-grid-with-featured-images-1568x1344.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/blog-post-grid-with-featured-images-877x752.jpg.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/blog-post-grid-with-featured-images-1754x1503.jpg.webp 1754w\" data-sizes=\"(max-width: 1999px) 100vw, 1999px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1999px; --smush-placeholder-aspect-ratio: 1999\/1713;\" \/><\/figure><\/div>\n\n<p>Essentiellement, l&#8217;image \u00e0 la une est la miniature par d\u00e9faut de ton article. Si quelqu&#8217;un partage l&#8217;article sur les r\u00e9seaux sociaux, cette image appara\u00eetra avec le lien :<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1908\" height=\"1780\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/twitter-preview-open-graph-images.jpg\" alt=\"Image vedette des r\u00e9seaux sociaux\" class=\"wp-image-38384 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/twitter-preview-open-graph-images.jpg.webp 1908w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/twitter-preview-open-graph-images-300x280.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/twitter-preview-open-graph-images-1024x955.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/twitter-preview-open-graph-images-768x716.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/twitter-preview-open-graph-images-1536x1433.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/twitter-preview-open-graph-images-600x560.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/twitter-preview-open-graph-images-1200x1119.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/twitter-preview-open-graph-images-730x681.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/twitter-preview-open-graph-images-1460x1362.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/twitter-preview-open-graph-images-784x731.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/twitter-preview-open-graph-images-1568x1463.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/twitter-preview-open-graph-images-877x818.jpg.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/twitter-preview-open-graph-images-1754x1636.jpg.webp 1754w\" data-sizes=\"(max-width: 1908px) 100vw, 1908px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1908px; --smush-placeholder-aspect-ratio: 1908\/1780;\" \/><\/figure><\/div>\n\n<p>Dans WordPress, les param\u00e8tres de l&#8217;image \u00e0 la une sont d\u00e9termin\u00e9s par ton th\u00e8me. Cela inclut l&#8217;emplacement et la taille de tes images.<\/p>\n\n\n<p>En g\u00e9n\u00e9ral, les images \u00e0 la une sont affich\u00e9es aux endroits suivants :<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li>La zone sup\u00e9rieure des articles ou des pages<\/li>\n\n\n\n<li>Pages de ton site web qui renvoient \u00e0 des articles de blog, comme <a href=\"https:\/\/www.dreamhost.com\/blog\/guide-to-wp-front-page\/\" target=\"_blank\" rel=\"noopener\">ta page d\u2019accueil WordPress<\/a>, section des articles recommand\u00e9s, ou les r\u00e9sultats de recherche<\/li>\n\n\n\n<li>Vignettes pour les liens des m\u00e9dias sociaux<\/li>\n\n\n<\/ul>\n\n\n<p>Parfois, des images \u00e0 la une peuvent \u00eatre incluses dans des <a href=\"https:\/\/www.dreamhost.com\/blog\/monetize-your-wordpress-image-gallery\/\" target=\"_blank\" rel=\"noopener\">galeries d&#8217;images<\/a> ou des carrousels. Tu peux \u00e9galement les voir comme des images d&#8217;arri\u00e8re-plan.<\/p>\n\n\n<h2 id=\"h-the-advantages-of-using-featured-images\" class=\"wp-block-heading\"><b>Les Avantages D&#8217;Utiliser Des Images \u00c0 La Une<\/b><\/h2>\n\n\n<p>Si tu es nouveau sur WordPress, tu te demandes peut-\u00eatre pourquoi tu as besoin d&#8217;une image \u00e0 la une pour chaque article sur ton site web. Cependant, celles-ci peuvent \u00eatre la cl\u00e9 pour faire une bonne premi\u00e8re impression aupr\u00e8s des nouveaux visiteurs.<\/p>\n\n\n<p>Apr\u00e8s que les utilisateurs cliquent sur un lien vers l&#8217;un de tes articles, les images \u00e0 la une sont souvent la premi\u00e8re chose qu&#8217;ils verront et cela peut les engager suffisamment pour continuer \u00e0 lire l&#8217;article :<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1999\" height=\"1619\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/featured-image-example.jpg\" alt=\"Image \u00e0 la une du post\" class=\"wp-image-38376 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/featured-image-example.jpg.webp 1999w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/featured-image-example-300x243.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/featured-image-example-1024x829.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/featured-image-example-768x622.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/featured-image-example-1536x1244.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/featured-image-example-600x486.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/featured-image-example-1200x972.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/featured-image-example-730x591.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/featured-image-example-1460x1182.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/featured-image-example-784x635.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/featured-image-example-1568x1270.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/featured-image-example-877x710.jpg.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/featured-image-example-1754x1421.jpg.webp 1754w\" data-sizes=\"(max-width: 1999px) 100vw, 1999px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1999px; --smush-placeholder-aspect-ratio: 1999\/1619;\" \/><\/figure><\/div>\n\n<p>Tu auras probablement une liste de tes articles publi\u00e9s sur ta page d&#8217;accueil. Tu peux motiver les visiteurs \u00e0 lire ton contenu en incluant des images \u00e0 la une bien con\u00e7ues.<\/p>\n\n\n<p>De plus, avoir une image \u00e0 la une pour chaque article peut t&#8217;aider \u00e0 \u00e9tablir une coh\u00e9rence visuelle sur ton site web :<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1999\" height=\"1475\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/blog-all-articles.jpg\" alt=\"Images vedettes de la page d'accueil\" class=\"wp-image-38371 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/blog-all-articles.jpg.webp 1999w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/blog-all-articles-300x221.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/blog-all-articles-1024x756.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/blog-all-articles-768x567.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/blog-all-articles-1536x1133.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/blog-all-articles-600x443.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/blog-all-articles-1200x885.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/blog-all-articles-730x539.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/blog-all-articles-1460x1077.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/blog-all-articles-784x578.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/blog-all-articles-1568x1157.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/blog-all-articles-877x647.jpg.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/blog-all-articles-1754x1294.jpg.webp 1754w\" data-sizes=\"(max-width: 1999px) 100vw, 1999px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1999px; --smush-placeholder-aspect-ratio: 1999\/1475;\" \/><\/figure><\/div>\n\n<p>Quand tu partages tes articles sur les r\u00e9seaux sociaux, les images \u00e0 la une peuvent aider \u00e0 promouvoir ton contenu aupr\u00e8s des utilisateurs qui parcourent leurs flux. Une image bien con\u00e7ue peut <a href=\"https:\/\/www.dreamhost.com\/blog\/tools-boost-social-media-engagement\/\" target=\"_blank\" rel=\"noopener\">augmenter l&#8217;engagement<\/a> et g\u00e9n\u00e9rer plus de clics vers ton site.<\/p>\n\n\n<h2 id=\"h-what-is-the-ideal-wordpress-featured-image-size\" class=\"wp-block-heading\"><b>Quelle est la Taille Id\u00e9ale pour l&#8217;Image \u00e0 la Une sur WordPress ?<\/b><\/h2>\n\n\n<p>Comme nous l&#8217;avons mentionn\u00e9 pr\u00e9c\u00e9demment, diff\u00e9rents th\u00e8mes WordPress peuvent avoir diff\u00e9rentes tailles pour les images \u00e0 la une. Cependant, la taille g\u00e9n\u00e9rale est de 1200 x 628 pixels.<\/p>\n\n\n<p>Voici \u00e0 quoi cela ressemblerait avec le th\u00e8me par d\u00e9faut Twenty Twenty-Two :<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1999\" height=\"1706\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/large-featured-image-at-top-of-post.jpg\" alt=\"Taille de l'image \u00e0 la une\" class=\"wp-image-38379 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/large-featured-image-at-top-of-post.jpg.webp 1999w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/large-featured-image-at-top-of-post-300x256.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/large-featured-image-at-top-of-post-1024x874.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/large-featured-image-at-top-of-post-768x655.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/large-featured-image-at-top-of-post-1536x1311.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/large-featured-image-at-top-of-post-600x512.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/large-featured-image-at-top-of-post-1200x1024.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/large-featured-image-at-top-of-post-730x623.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/large-featured-image-at-top-of-post-1460x1246.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/large-featured-image-at-top-of-post-784x669.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/large-featured-image-at-top-of-post-1568x1338.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/large-featured-image-at-top-of-post-877x748.jpg.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/large-featured-image-at-top-of-post-1754x1497.jpg.webp 1754w\" data-sizes=\"(max-width: 1999px) 100vw, 1999px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1999px; --smush-placeholder-aspect-ratio: 1999\/1706;\" \/><\/figure><\/div>\n\n<p>Cette taille fonctionnera efficacement avec de nombreux th\u00e8mes WordPress. Cependant, la taille de ton image mise en avant peut varier selon tes pr\u00e9f\u00e9rences personnelles et la disposition de ton th\u00e8me.<\/p>\n\n\n<p>Il est important de noter que WordPress redimensionnera tes images selon ses param\u00e8tres par d\u00e9faut. Chaque fois que tu t\u00e9l\u00e9charges une image, il cr\u00e9e trois versions diff\u00e9rentes :<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li><b>Vignette<\/b>: 150 x 150 px<\/li>\n\n\n\n<li><b>Moyenne<\/b>: 300 x 300 px<\/li>\n\n\n\n<li><b>Grande<\/b>: 1024 x 1024 px<\/li>\n\n\n<\/ul>\n\n\n<p>Si tu veux conserver la taille originale de l&#8217;image \u00e0 la une, ce sera sa \u2018Taille Compl\u00e8te.\u2019 Pour modifier l&#8217;une de ces options de taille, tu peux naviguer vers <i>Param\u00e8tres &gt; M\u00e9dia<\/i>:<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1886\" height=\"1514\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/wordpress-media-settings-thumbnail-size.jpg\" alt=\"Param\u00e8tres m\u00e9dias WordPress\" class=\"wp-image-38387 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/wordpress-media-settings-thumbnail-size.jpg.webp 1886w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/wordpress-media-settings-thumbnail-size-300x241.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/wordpress-media-settings-thumbnail-size-1024x822.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/wordpress-media-settings-thumbnail-size-768x617.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/wordpress-media-settings-thumbnail-size-1536x1233.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/wordpress-media-settings-thumbnail-size-600x482.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/wordpress-media-settings-thumbnail-size-1200x963.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/wordpress-media-settings-thumbnail-size-730x586.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/wordpress-media-settings-thumbnail-size-1460x1172.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/wordpress-media-settings-thumbnail-size-784x629.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/wordpress-media-settings-thumbnail-size-1568x1259.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/wordpress-media-settings-thumbnail-size-877x704.jpg.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/wordpress-media-settings-thumbnail-size-1754x1408.jpg.webp 1754w\" data-sizes=\"(max-width: 1886px) 100vw, 1886px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1886px; --smush-placeholder-aspect-ratio: 1886\/1514;\" \/><\/figure><\/div>\n\n<p>Ici, tu peux mettre \u00e0 jour la largeur et la hauteur avec de nouvelles valeurs. Une fois tes modifications enregistr\u00e9es, les images t\u00e9l\u00e9charg\u00e9es seront redimensionn\u00e9es \u00e0 ces dimensions.<\/p>\n\n\n<p>Tu peux \u00e9galement ajouter une taille d&#8217;image mise en avant personnalis\u00e9e. Avant de le faire, c\u2019est une bonne id\u00e9e de <a href=\"https:\/\/www.dreamhost.com\/blog\/how-to-back-up-wordpress-tutorial\/\" target=\"_blank\" rel=\"noopener\">sauvegarder ton site web<\/a>. Apr\u00e8s cette \u00e9tape, tu peux <a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/add_image_size\/\" target=\"_blank\" rel=\"noopener\">ajouter le code suivant<\/a> \u00e0 ton fichier <a href=\"https:\/\/www.dreamhost.com\/blog\/guide-to-wp-functions\/\" target=\"_blank\" rel=\"noopener\"><i>functions.php<\/i><\/a> :<\/p>\n\n\n<pre class=\"wp-block-preformatted\">add_image_size( string $name, int $width, int $height, bool|array $crop = false )<\/pre>\n\n\n<p>Assure-toi de mettre \u00e0 jour ces valeurs avec les nouvelles tailles de tes images \u00e0 la une. Voici un exemple de ce \u00e0 quoi cela pourrait ressembler :<\/p>\n\n\n<pre class=\"wp-block-preformatted\">add_image_size( 'post-thumbnail size', 800, 1500 );<\/pre>\n\n\n<p>Ensuite, tu devras afficher la nouvelle taille dans ton th\u00e8me. Dans le fichier de mod\u00e8le de ton th\u00e8me, mets \u00e0 jour la fonction <a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/get_the_post_thumbnail\/\" target=\"_blank\" rel=\"noopener\">the_post_thumbnail()<\/a> :<\/p>\n\n\n<pre class=\"wp-block-preformatted\">if ( has_post_thumbnail() ) {\nthe_post_thumbnail( 'your-custom-size' );\n}<\/pre>\n\n\n<p>Une fois que tu as enregistr\u00e9 le fichier, tu auras une nouvelle image \u00e0 la une personnalis\u00e9e !<\/p>\n\n\n<div class=\"article-newsletter article-newsletter--gradient\">\n\n\n<h2>Get Content Delivered Straight to Your Inbox<\/h2><p>Subscribe now to receive all the latest updates, delivered directly to your inbox.<\/p><form class=\"nwsl-form\" id=\"newsletter_block_\" novalidate><div class=\"messages\"><\/div><div class=\"form-group\"><label for=\"input_newsletter_block_\"><input type=\"email\"name=\"email\"id=\"input_newsletter_block_\"placeholder=\"Enter your email address\"novalidatedisabled=\"disabled\"\/><\/label><button type=\"submit\"class=\"btn btn--brand\"disabled=\"disabled\"><span>Sign Me Up!<\/span><svg width=\"21\" height=\"14\" viewBox=\"0 0 21 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M13.8523 0.42524L12.9323 1.34521C12.7095 1.56801 12.7132 1.9304 12.9404 2.14865L16.7241 5.7823H0.5625C0.251859 5.7823 0 6.03416 0 6.3448V7.6573C0 7.96794 0.251859 8.2198 0.5625 8.2198H16.7241L12.9405 11.8535C12.7132 12.0717 12.7095 12.4341 12.9323 12.6569L13.8523 13.5769C14.072 13.7965 14.4281 13.7965 14.6478 13.5769L20.8259 7.39879C21.0456 7.17913 21.0456 6.82298 20.8259 6.60327L14.6477 0.42524C14.4281 0.205584 14.0719 0.205584 13.8523 0.42524Z\" fill=\"white\"\/>\n<\/svg>\n<\/button><\/div><\/form><\/div>\n\n<h2 id=\"h-how-to-set-a-featured-image-in-wordpress\" class=\"wp-block-heading\"><b>Comment D\u00e9finir Une Image \u00c0 La Une Dans WordPress<\/b><\/h2>\n\n\n<p>Pour d\u00e9finir une image \u00e0 la une, ouvre ton tableau de bord WordPress et cr\u00e9e un nouveau post. Ensuite, dans la barre lat\u00e9rale droite, cherche la section <i>Image \u00e0 la une<\/i> :<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1999\" height=\"1104\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/add-featured-image-in-wordpress.jpg\" alt=\"Ajouter une image \u00e0 la une WordPress\" class=\"wp-image-38369 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/add-featured-image-in-wordpress.jpg.webp 1999w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/add-featured-image-in-wordpress-300x166.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/add-featured-image-in-wordpress-1024x566.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/add-featured-image-in-wordpress-768x424.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/add-featured-image-in-wordpress-1536x848.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/add-featured-image-in-wordpress-600x331.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/add-featured-image-in-wordpress-1200x663.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/add-featured-image-in-wordpress-730x403.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/add-featured-image-in-wordpress-1460x806.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/add-featured-image-in-wordpress-784x433.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/add-featured-image-in-wordpress-1568x866.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/add-featured-image-in-wordpress-877x484.jpg.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/add-featured-image-in-wordpress-1754x969.jpg.webp 1754w\" data-sizes=\"(max-width: 1999px) 100vw, 1999px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1999px; --smush-placeholder-aspect-ratio: 1999\/1104;\" \/><\/figure><\/div>\n\n<p>Ici, clique sur <i>Set Featured Image<\/i>. Cela ouvrira une pop-up o\u00f9 tu peux t\u00e9l\u00e9charger ton fichier multim\u00e9dia. Alternativement, tu peux s\u00e9lectionner une image depuis ta <a href=\"https:\/\/www.dreamhost.com\/blog\/wordpress-media-library\/\" target=\"_blank\" rel=\"noopener\">Biblioth\u00e8que de m\u00e9dias<\/a> :<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1999\" height=\"1403\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/wordpress-media-library.jpg\" alt=\"S\u00e9lectionner l'image \u00e0 la une\" class=\"wp-image-38386 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/wordpress-media-library.jpg.webp 1999w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/wordpress-media-library-300x211.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/wordpress-media-library-1024x719.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/wordpress-media-library-768x539.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/wordpress-media-library-1536x1078.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/wordpress-media-library-600x421.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/wordpress-media-library-1200x842.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/wordpress-media-library-730x512.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/wordpress-media-library-1460x1025.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/wordpress-media-library-784x550.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/wordpress-media-library-1568x1101.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/wordpress-media-library-877x616.jpg.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/wordpress-media-library-1754x1231.jpg.webp 1754w\" data-sizes=\"(max-width: 1999px) 100vw, 1999px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1999px; --smush-placeholder-aspect-ratio: 1999\/1403;\" \/><\/figure><\/div>\n\n<p>Si tu as besoin de r\u00e9gler la taille, trouve le bouton <i>Modifier l&#8217;Image<\/i>. Ensuite, utilise les diff\u00e9rentes options de modification pour redimensionner, recadrer, pivoter ou retourner l&#8217;image selon tes besoins :<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1999\" height=\"1472\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/edit-image-in-wordpress.jpg\" alt=\"Modifier l'image \u00e0 la une\" class=\"wp-image-38375 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/edit-image-in-wordpress.jpg.webp 1999w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/edit-image-in-wordpress-300x221.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/edit-image-in-wordpress-1024x754.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/edit-image-in-wordpress-768x566.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/edit-image-in-wordpress-1536x1131.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/edit-image-in-wordpress-600x442.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/edit-image-in-wordpress-1200x884.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/edit-image-in-wordpress-730x538.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/edit-image-in-wordpress-1460x1075.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/edit-image-in-wordpress-784x577.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/edit-image-in-wordpress-1568x1155.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/edit-image-in-wordpress-877x646.jpg.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/edit-image-in-wordpress-1754x1292.jpg.webp 1754w\" data-sizes=\"(max-width: 1999px) 100vw, 1999px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1999px; --smush-placeholder-aspect-ratio: 1999\/1472;\" \/><\/figure><\/div>\n\n<p>Quand tu as termin\u00e9, clique sur <i>Set featured image<\/i>. Tu verras maintenant un aper\u00e7u de l&#8217;image pendant que tu cr\u00e9es le post :<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1999\" height=\"1283\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/replace-wordpress-featured-image.jpg\" alt=\"Nouvelle image \u00e0 la une WordPress\" class=\"wp-image-38382 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/replace-wordpress-featured-image.jpg.webp 1999w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/replace-wordpress-featured-image-300x193.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/replace-wordpress-featured-image-1024x657.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/replace-wordpress-featured-image-768x493.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/replace-wordpress-featured-image-1536x986.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/replace-wordpress-featured-image-600x385.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/replace-wordpress-featured-image-1200x770.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/replace-wordpress-featured-image-730x469.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/replace-wordpress-featured-image-1460x937.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/replace-wordpress-featured-image-784x503.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/replace-wordpress-featured-image-1568x1006.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/replace-wordpress-featured-image-877x563.jpg.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/replace-wordpress-featured-image-1754x1126.jpg.webp 1754w\" data-sizes=\"(max-width: 1999px) 100vw, 1999px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1999px; --smush-placeholder-aspect-ratio: 1999\/1283;\" \/><\/figure><\/div>\n\n<p>Avant de publier l&#8217;article, tu voudras le pr\u00e9visualiser pour t&#8217;assurer que l&#8217;image mise en avant s&#8217;affiche. Souviens-toi que ton th\u00e8me peut n\u00e9cessiter des dimensions plus sp\u00e9cifiques pour fonctionner correctement. Tu peux te r\u00e9f\u00e9rer \u00e0 la documentation de ton th\u00e8me si tu rencontres des difficult\u00e9s durant ce processus.<\/p>\n\n\n<p>De plus, tu peux installer quelques plugins pour faciliter ce processus. Par exemple, <a href=\"https:\/\/wordpress.org\/plugins\/auto-post-thumbnail\/\" target=\"_blank\" rel=\"noopener\">Auto Featured Image<\/a> utilisera automatiquement la premi\u00e8re photo de ton article comme image \u00e0 la une. Tu peux \u00e9galement utiliser <a href=\"https:\/\/wordpress.org\/plugins\/default-featured-image\/\" target=\"_blank\" rel=\"noopener\">Default featured image<\/a> pour s\u00e9lectionner une image qui sera utilis\u00e9e comme image \u00e0 la une dans le cas o\u00f9 tu oublies d&#8217;en ajouter une \u00e0 un article.<\/p>\n\n\n<h2 id=\"h-how-to-create-the-perfect-wordpress-featured-image-6-tips\" class=\"wp-block-heading\"><b>Comment Cr\u00e9er L&#8217;Image Vedette Parfaite Pour WordPress (6 Astuces)<\/b><\/h2>\n\n\n<p>Les images \u00e0 la une peuvent transformer ton site web en une exp\u00e9rience riche en m\u00e9dias et captivante. Discutons de quelques bonnes pratiques pour les cr\u00e9er !<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-1-be-relevant-and-consistent\">1. Sois Pertinent Et Coh\u00e9rent<\/h3>\n\n\n<p>Lorsqu&#8217;elles sont utilis\u00e9es correctement, les images \u00e0 la une peuvent am\u00e9liorer tes articles de blog et les rendre plus attrayants pour les visiteurs, mais il y a quelques points que tu devras garder \u00e0 l&#8217;esprit.<\/p>\n\n\n<p>Tout d&#8217;abord, tu devras \u00e9viter d&#8217;utiliser des images al\u00e9atoires. Une image \u00e0 la une doit servir d&#8217;introduction \u00e0 un article, donc elle doit \u00eatre pertinente par rapport au contenu.<\/p>\n\n\n<p>Par exemple, si tu g\u00e8res un blog culinaire, tu publies probablement des articles avec de nouvelles recettes. Dans ce cas, ton image mise en avant peut \u00eatre une photo du plat termin\u00e9 :<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1999\" height=\"1701\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/recipe-websote-featured-image.jpg\" alt=\"Image vedette pertinente\" class=\"wp-image-38380 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/recipe-websote-featured-image.jpg.webp 1999w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/recipe-websote-featured-image-300x255.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/recipe-websote-featured-image-1024x871.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/recipe-websote-featured-image-768x654.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/recipe-websote-featured-image-1536x1307.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/recipe-websote-featured-image-600x511.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/recipe-websote-featured-image-1200x1021.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/recipe-websote-featured-image-730x621.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/recipe-websote-featured-image-1460x1242.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/recipe-websote-featured-image-784x667.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/recipe-websote-featured-image-1568x1334.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/recipe-websote-featured-image-877x746.jpg.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/recipe-websote-featured-image-1754x1493.jpg.webp 1754w\" data-sizes=\"(max-width: 1999px) 100vw, 1999px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1999px; --smush-placeholder-aspect-ratio: 1999\/1701;\" \/><\/figure><\/div>\n\n<p>Il est \u00e9galement recommand\u00e9 de garder tes images \u00e0 la une coh\u00e9rentes sur l&#8217;ensemble de ton site web. Comme celles-ci seront affich\u00e9es sur ta page d&#8217;accueil, tes archives et ton blog, tu voudras des photos qui correspondent \u00e0 ton <a href=\"https:\/\/www.dreamhost.com\/blog\/elements-of-webdesign\/\" target=\"_blank\" rel=\"noopener\">design web<\/a> :<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1999\" height=\"1592\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/gallery-homepage.jpg\" alt=\"Images \u00e0 la une coh\u00e9rentes\" class=\"wp-image-38377 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/gallery-homepage.jpg.webp 1999w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/gallery-homepage-300x239.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/gallery-homepage-1024x816.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/gallery-homepage-768x612.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/gallery-homepage-1536x1223.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/gallery-homepage-600x478.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/gallery-homepage-1200x956.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/gallery-homepage-730x581.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/gallery-homepage-1460x1163.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/gallery-homepage-784x624.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/gallery-homepage-1568x1249.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/gallery-homepage-877x698.jpg.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/gallery-homepage-1754x1397.jpg.webp 1754w\" data-sizes=\"(max-width: 1999px) 100vw, 1999px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1999px; --smush-placeholder-aspect-ratio: 1999\/1592;\" \/><\/figure><\/div>\n\n<p>Pour trouver l&#8217;image mise en avant id\u00e9ale, consid\u00e8re le th\u00e8me WordPress actuel et la disposition. Ensuite, s\u00e9lectionne une image haute r\u00e9solution qui peut \u00eatre facilement r\u00e9duite. Apr\u00e8s avoir fini de cr\u00e9er l&#8217;article, assure-toi de le pr\u00e9visualiser pour \u00e9valuer l&#8217;ad\u00e9quation de l&#8217;image avec ton site web.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-2-avoid-using-copyrighted-images\">2. \u00c9vitez D&#8217;utiliser Des Images Prot\u00e9g\u00e9es Par Des Droits D&#8217;auteur<\/h3>\n\n\n<p>En naviguant sur des images sur Internet, tu pourrais tomber sur une photo qui serait parfaite comme image \u00e0 la une. Cependant, avant de la t\u00e9l\u00e9charger sur ton site WordPress, tu devras t&#8217;assurer qu&#8217;elle n&#8217;est pas prot\u00e9g\u00e9e par le droit d&#8217;auteur pour <a href=\"https:\/\/www.dreamhost.com\/blog\/10-legal-questions-online-content-answered\/\" target=\"_blank\" rel=\"noopener\">\u00e9viter des probl\u00e8mes juridiques<\/a>.<\/p>\n\n\n<p>Lorsque tu recherches des images, tu peux g\u00e9n\u00e9ralement utiliser tout ce qui est sous une <a href=\"https:\/\/creativecommons.org\/licenses\/\" target=\"_blank\" rel=\"noopener\">licence Creative Commons<\/a>. Elles seront gratuites \u00e0 t\u00e9l\u00e9charger et \u00e0 utiliser sur ton site web, sauf si c&#8217;est \u00e0 des fins commerciales.<\/p>\n\n\n<p>Pour trouver des images Creative Commons, ouvre Google Images. Ensuite, clique sur <i>Outils &gt; Droits d\u2019usage &gt; Licences Creative Commons<\/i>. Une fois ta recherche affin\u00e9e, tu obtiendras une multitude d&#8217;images gratuites \u00e0 choisir :<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1718\" height=\"980\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/google-image-search-license-filter.jpg\" alt=\"Images sous Creative Commons\" class=\"wp-image-38378 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/google-image-search-license-filter.jpg.webp 1718w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/google-image-search-license-filter-300x171.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/google-image-search-license-filter-1024x584.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/google-image-search-license-filter-768x438.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/google-image-search-license-filter-1536x876.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/google-image-search-license-filter-600x342.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/google-image-search-license-filter-1200x685.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/google-image-search-license-filter-730x416.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/google-image-search-license-filter-1460x833.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/google-image-search-license-filter-784x447.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/google-image-search-license-filter-1568x894.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/google-image-search-license-filter-877x500.jpg.webp 877w\" data-sizes=\"(max-width: 1718px) 100vw, 1718px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1718px; --smush-placeholder-aspect-ratio: 1718\/980;\" \/><\/figure><\/div>\n\n<p>Il existe \u00e9galement des sites web entiers avec ces images libres de droits. Sur une plateforme comme <a href=\"https:\/\/unsplash.com\/\" target=\"_blank\" rel=\"noopener\">Unsplash<\/a>, tu peux t\u00e9l\u00e9charger des photos haute r\u00e9solution qui sont libres de droits d&#8217;auteur :<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1999\" height=\"1005\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/unsplash.jpg\" alt=\"Site web Unsplash\" class=\"wp-image-38385 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/unsplash.jpg.webp 1999w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/unsplash-300x151.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/unsplash-1024x515.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/unsplash-768x386.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/unsplash-1536x772.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/unsplash-600x302.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/unsplash-1200x603.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/unsplash-730x367.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/unsplash-1460x734.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/unsplash-784x394.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/unsplash-1568x788.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/unsplash-877x441.jpg.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/unsplash-1754x882.jpg.webp 1754w\" data-sizes=\"(max-width: 1999px) 100vw, 1999px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1999px; --smush-placeholder-aspect-ratio: 1999\/1005;\" \/><\/figure><\/div>\n\n<p>Une autre alternative est de cr\u00e9er tes propres images \u00e0 la une. En prenant des photos toi-m\u00eame ou en cr\u00e9ant des graphiques sur <a href=\"https:\/\/www.canva.com\/\" target=\"_blank\" rel=\"noopener\">Canva<\/a>, tu peux t&#8217;assurer d&#8217;\u00e9viter toute violation de droits d&#8217;auteur. De plus, elles seront compl\u00e8tement originales !<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-3-optimize-featured-images-to-reduce-file-size\">3. Optimisez les Images Vedettes pour R\u00e9duire la Taille du Fichier<\/h3>\n\n\n<p>Si tu publies des articles r\u00e9guli\u00e8rement, les images \u00e0 la une commenceront \u00e0 occuper beaucoup d&#8217;espace dans ta biblioth\u00e8que multim\u00e9dia. Si elles ne sont pas optimis\u00e9es correctement, ces photos pourraient affecter n\u00e9gativement la performance de ton site.<\/p>\n\n\n<p>Essentiellement, <a href=\"https:\/\/www.dreamhost.com\/blog\/optimize-images-for-web\/\" target=\"_blank\" rel=\"noopener\">optimiser tes images<\/a> implique de r\u00e9duire leurs tailles de fichier. En compressant tes images \u00e0 la une, tu peux minimiser ton temps de chargement.<\/p>\n\n\n<p>Si tu ne fais pas cela, tu pourrais obtenir un mauvais score de <a href=\"https:\/\/www.dreamhost.com\/blog\/improve-core-web-vitals\/\" target=\"_blank\" rel=\"noopener\">Core Web Vitals<\/a>. Les images pourraient prendre trop de temps \u00e0 s&#8217;afficher, et tu verras des probl\u00e8mes de performance dans tes rapports <a href=\"https:\/\/pagespeed.web.dev\/\" target=\"_blank\" rel=\"noopener\">PageSpeed Insights<\/a> :<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1999\" height=\"1056\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/core-web-vitals-test.jpg\" alt=\"Rapport des Core Web Vitals \u00e9chou\u00e9\" class=\"wp-image-38373 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/core-web-vitals-test.jpg.webp 1999w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/core-web-vitals-test-300x158.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/core-web-vitals-test-1024x541.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/core-web-vitals-test-768x406.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/core-web-vitals-test-1536x811.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/core-web-vitals-test-600x317.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/core-web-vitals-test-1200x634.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/core-web-vitals-test-730x386.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/core-web-vitals-test-1460x771.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/core-web-vitals-test-784x414.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/core-web-vitals-test-1568x828.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/core-web-vitals-test-877x463.jpg.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/core-web-vitals-test-1754x927.jpg.webp 1754w\" data-sizes=\"(max-width: 1999px) 100vw, 1999px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1999px; --smush-placeholder-aspect-ratio: 1999\/1056;\" \/><\/figure><\/div>\n\n<p><style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }<\/style><\/p>\n\n\n<div class=\"embed-container\"><iframe data-src=\"https:\/\/www.youtube.com\/embed\/-UQZp4p_TgQ\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" data-load-mode=\"1\"><\/iframe><\/div>\n\n\n<p>Heureusement, il y a une solution facile pour ce <a href=\"https:\/\/www.dreamhost.com\/blog\/how-to-fix-common-image-issues-wordpress\/\" target=\"_blank\" rel=\"noopener\">probl\u00e8me d&#8217;image courant<\/a>. Un plugin tel que <a href=\"https:\/\/wordpress.org\/plugins\/tiny-compress-images\/\" target=\"_blank\" rel=\"noopener\">TinyPNG<\/a> peut compresser automatiquement les images au moment o\u00f9 tu les t\u00e9l\u00e9charges :<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1866\" height=\"596\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/tinypng-wordpress-pugin.jpg\" alt=\"TinyPNG plugin\" class=\"wp-image-38383 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/tinypng-wordpress-pugin.jpg.webp 1866w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/tinypng-wordpress-pugin-300x96.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/tinypng-wordpress-pugin-1024x327.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/tinypng-wordpress-pugin-768x245.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/tinypng-wordpress-pugin-1536x491.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/tinypng-wordpress-pugin-600x192.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/tinypng-wordpress-pugin-1200x383.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/tinypng-wordpress-pugin-730x233.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/tinypng-wordpress-pugin-1460x466.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/tinypng-wordpress-pugin-784x250.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/tinypng-wordpress-pugin-1568x501.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/tinypng-wordpress-pugin-877x280.jpg.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/tinypng-wordpress-pugin-1754x560.jpg.webp 1754w\" data-sizes=\"(max-width: 1866px) 100vw, 1866px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1866px; --smush-placeholder-aspect-ratio: 1866\/596;\" \/><\/figure><\/div>\n\n<p>De plus, tu pourras m\u00eame compresser toutes les images que tu as d\u00e9j\u00e0 t\u00e9l\u00e9charg\u00e9es sur ton site web. TinyPNG te permet d&#8217;optimiser en masse toutes les images JPEG, PNG ou WebP dans ta biblioth\u00e8que m\u00e9dia.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-4-regenerate-old-thumbnails\">4. R\u00e9g\u00e9n\u00e9rer les Anciennes Miniatures<\/h3>\n\n\n<p>Lorsque tu t\u00e9l\u00e9charges des images sur WordPress, il les redimensionne selon les directives de pixels dans tes param\u00e8tres. Une fois que tu d\u00e9finis de nouvelles tailles par d\u00e9faut, tes images pr\u00e9c\u00e9demment t\u00e9l\u00e9charg\u00e9es conserveront toujours la taille obsol\u00e8te.<\/p>\n\n\n<p>Si tu souhaites redimensionner tes images \u00e0 la une, tu peux les t\u00e9l\u00e9verser manuellement \u00e0 nouveau. Cependant, cela prendra un peu de temps.<\/p>\n\n\n<p>Pour r\u00e9soudre ce probl\u00e8me, tu peux installer un plugin WordPress comme <a href=\"https:\/\/wordpress.org\/plugins\/regenerate-thumbnails-advanced\/\" target=\"_blank\" rel=\"noopener\">reGenerate Thumbnails Advanced<\/a>. Cet outil peut r\u00e9g\u00e9n\u00e9rer les miniatures pour chacune des images dans ta Biblioth\u00e8que de m\u00e9dias :<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1860\" height=\"590\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/automatically-regenerate-thumbnails-wordpress-plugin.jpg\" alt=\"Plugin Regenerate Thumbnails Advanced\" class=\"wp-image-38370 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/automatically-regenerate-thumbnails-wordpress-plugin.jpg.webp 1860w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/automatically-regenerate-thumbnails-wordpress-plugin-300x95.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/automatically-regenerate-thumbnails-wordpress-plugin-1024x325.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/automatically-regenerate-thumbnails-wordpress-plugin-768x244.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/automatically-regenerate-thumbnails-wordpress-plugin-1536x487.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/automatically-regenerate-thumbnails-wordpress-plugin-600x190.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/automatically-regenerate-thumbnails-wordpress-plugin-1200x381.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/automatically-regenerate-thumbnails-wordpress-plugin-730x232.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/automatically-regenerate-thumbnails-wordpress-plugin-1460x463.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/automatically-regenerate-thumbnails-wordpress-plugin-784x249.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/automatically-regenerate-thumbnails-wordpress-plugin-1568x497.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/automatically-regenerate-thumbnails-wordpress-plugin-877x278.jpg.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/automatically-regenerate-thumbnails-wordpress-plugin-1754x556.jpg.webp 1754w\" data-sizes=\"(max-width: 1860px) 100vw, 1860px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1860px; --smush-placeholder-aspect-ratio: 1860\/590;\" \/><\/figure><\/div>\n\n<p>Apr\u00e8s avoir install\u00e9 et activ\u00e9 le plugin, rends-toi dans <i>Outils &gt; R\u00e9g\u00e9n\u00e9rer les miniatures<\/i>. Sous <i>Options de r\u00e9g\u00e9n\u00e9ration<\/i>, coche la case \u00e0 c\u00f4t\u00e9 de <i>R\u00e9g\u00e9n\u00e9rer uniquement les images \u00e0 la une<\/i>:<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1999\" height=\"1279\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/regenerate-thumbnails-wordpress-plugin-settings.jpg\" alt=\"R\u00e9g\u00e9n\u00e9rer les images \u00e0 la une\" class=\"wp-image-38381 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/regenerate-thumbnails-wordpress-plugin-settings.jpg.webp 1999w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/regenerate-thumbnails-wordpress-plugin-settings-300x192.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/regenerate-thumbnails-wordpress-plugin-settings-1024x655.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/regenerate-thumbnails-wordpress-plugin-settings-768x491.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/regenerate-thumbnails-wordpress-plugin-settings-1536x983.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/regenerate-thumbnails-wordpress-plugin-settings-600x384.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/regenerate-thumbnails-wordpress-plugin-settings-1200x768.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/regenerate-thumbnails-wordpress-plugin-settings-730x467.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/regenerate-thumbnails-wordpress-plugin-settings-1460x934.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/regenerate-thumbnails-wordpress-plugin-settings-784x502.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/regenerate-thumbnails-wordpress-plugin-settings-1568x1003.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/regenerate-thumbnails-wordpress-plugin-settings-877x561.jpg.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/regenerate-thumbnails-wordpress-plugin-settings-1754x1122.jpg.webp 1754w\" data-sizes=\"(max-width: 1999px) 100vw, 1999px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1999px; --smush-placeholder-aspect-ratio: 1999\/1279;\" \/><\/figure><\/div>\n\n<p>Enfin, clique sur <i>Regenerate<\/i>. Cela mettra automatiquement \u00e0 jour toutes tes images \u00e0 la une avec la taille correcte.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-5-optimize-images-for-search-engines\">5. Optimisez Les Images Pour Les Moteurs De Recherche<\/h3>\n\n\n<p>En tant que propri\u00e9taire de site web, tu sais probablement d\u00e9j\u00e0 \u00e0 quel point l&#8217;<a href=\"https:\/\/www.dreamhost.com\/blog\/5-no-brainer-seo-tips-total-beginners\/\" target=\"_blank\" rel=\"noopener\">Optimisation pour les Moteurs de Recherche (SEO)<\/a> est essentielle. Si tu veux \u00e9viter de payer pour des <a href=\"https:\/\/www.dreamhost.com\/blog\/ppc-guide\/\" target=\"_blank\" rel=\"noopener\">m\u00e9thodes de publicit\u00e9 co\u00fbteuses<\/a>, tu devras te hisser en haut des r\u00e9sultats de recherche en optimisant ton contenu. Cela peut t&#8217;aider \u00e0 attirer plus de trafic organique.<\/p>\n\n\n<p>Avoir des images \u00e0 la une peut t&#8217;aider \u00e0 am\u00e9liorer le SEO de ton site. En ajustant simplement quelques \u00e9l\u00e9ments, tu peux rendre tes images plus attrayantes pour les moteurs de recherche <i>et <\/i>les utilisateurs.<\/p>\n\n\n<p>Tout d&#8217;abord, tu voudras t&#8217;assurer d&#8217;ajouter un texte alternatif. Cela d\u00e9crira l&#8217;image mise en avant aux moteurs de recherche et aux lecteurs d&#8217;\u00e9cran. Par exemple, tu pourrais \u00e9crire \u00ab Chat orange et blanc debout dans un champ de citrouilles \u00bb :<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1999\" height=\"1821\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/edit-image-alt-text-in-wordpress.jpg\" alt=\"Texte alternatif de l'image en vedette\" class=\"wp-image-38374 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/edit-image-alt-text-in-wordpress.jpg.webp 1999w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/edit-image-alt-text-in-wordpress-300x273.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/edit-image-alt-text-in-wordpress-1024x933.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/edit-image-alt-text-in-wordpress-768x700.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/edit-image-alt-text-in-wordpress-1536x1399.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/edit-image-alt-text-in-wordpress-600x547.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/edit-image-alt-text-in-wordpress-1200x1093.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/edit-image-alt-text-in-wordpress-730x665.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/edit-image-alt-text-in-wordpress-1460x1330.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/edit-image-alt-text-in-wordpress-784x714.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/edit-image-alt-text-in-wordpress-1568x1428.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/edit-image-alt-text-in-wordpress-877x799.jpg.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/edit-image-alt-text-in-wordpress-1754x1598.jpg.webp 1754w\" data-sizes=\"(max-width: 1999px) 100vw, 1999px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1999px; --smush-placeholder-aspect-ratio: 1999\/1821;\" \/><\/figure><\/div>\n\n<p>N&#8217;oublie pas d&#8217;inclure le mot-cl\u00e9 de l&#8217;article dans le texte alternatif. De cette mani\u00e8re, Google peut comprendre de quoi parle l&#8217;article et le classer plus haut pour les requ\u00eates associ\u00e9es. De m\u00eame, tu peux inclure ces <a href=\"https:\/\/www.dreamhost.com\/blog\/how-to-do-keyword-research-wordpress-blog\/\" target=\"_blank\" rel=\"noopener\">mots-cl\u00e9s cibles<\/a> dans le titre, la l\u00e9gende et la description de l&#8217;image \u00e0 la une.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-6-enhance-social-post-thumbnails\">6. Am\u00e9liorer Les Miniatures Des Publications Sociales<\/h3>\n\n\n<p>Les r\u00e9seaux sociaux peuvent \u00eatre la plateforme id\u00e9ale pour <a href=\"https:\/\/www.dreamhost.com\/blog\/how-to-promote-your-blog-on-social-media\/\" target=\"_blank\" rel=\"noopener\">promouvoir les articles de ton blog<\/a>. Avant d&#8217;encourager le partage sur les r\u00e9seaux sociaux, il est crucial d&#8217;optimiser tes images \u00e0 la une pour ces plateformes.<\/p>\n\n\n<p>Tu peux facilement personnaliser tes liens de r\u00e9seaux sociaux en utilisant un plugin comme Yoast SEO. Par exemple, la version premium te permet de voir des aper\u00e7us de tes vignettes Twitter et <a href=\"https:\/\/www.dreamhost.com\/blog\/how-to-fix-facebook-incorrect-thumbnail-wordpress\/\" target=\"_blank\" rel=\"noopener\">Facebook<\/a>.<\/p>\n\n\n<p>Pour commencer, installe et active Yoast SEO. Ensuite, trouve <i>Yoast SEO &gt; Social<\/i>. Sur cette page, remplis les URL de tes diff\u00e9rentes pages de r\u00e9seaux sociaux :<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1876\" height=\"1332\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/yoast-seo-settings.jpg\" alt=\"Ajouter des comptes de r\u00e9seaux sociaux\" class=\"wp-image-38389 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/yoast-seo-settings.jpg.webp 1876w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/yoast-seo-settings-300x213.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/yoast-seo-settings-1024x727.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/yoast-seo-settings-768x545.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/yoast-seo-settings-1536x1091.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/yoast-seo-settings-600x426.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/yoast-seo-settings-1200x852.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/yoast-seo-settings-730x518.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/yoast-seo-settings-1460x1037.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/yoast-seo-settings-784x557.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/yoast-seo-settings-1568x1113.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/yoast-seo-settings-877x623.jpg.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/yoast-seo-settings-1754x1245.jpg.webp 1754w\" data-sizes=\"(max-width: 1876px) 100vw, 1876px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1876px; --smush-placeholder-aspect-ratio: 1876\/1332;\" \/><\/figure><\/div>\n\n<p>Ensuite, ouvre un nouveau post et d\u00e9file vers le bas jusqu&#8217;aux param\u00e8tres Yoast SEO. Dans l&#8217;onglet <i>Social<\/i>, tu peux cliquer sur <i>Choisir une image<\/i> pour t\u00e9l\u00e9charger ton image mise en avant.<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1632\" height=\"1814\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/yoast-seo-plugin-add-open-graph-social-images.jpg\" alt=\"Image \u00e0 la une pour les publications sociales\" class=\"wp-image-38388 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/yoast-seo-plugin-add-open-graph-social-images.jpg.webp 1632w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/yoast-seo-plugin-add-open-graph-social-images-270x300.jpg 270w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/yoast-seo-plugin-add-open-graph-social-images-921x1024.jpg 921w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/yoast-seo-plugin-add-open-graph-social-images-768x854.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/yoast-seo-plugin-add-open-graph-social-images-1382x1536.jpg 1382w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/yoast-seo-plugin-add-open-graph-social-images-600x667.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/yoast-seo-plugin-add-open-graph-social-images-1200x1334.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/yoast-seo-plugin-add-open-graph-social-images-730x811.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/yoast-seo-plugin-add-open-graph-social-images-1460x1623.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/yoast-seo-plugin-add-open-graph-social-images-784x871.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/yoast-seo-plugin-add-open-graph-social-images-1568x1743.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/yoast-seo-plugin-add-open-graph-social-images-877x975.jpg.webp 877w\" data-sizes=\"(max-width: 1632px) 100vw, 1632px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1632px; --smush-placeholder-aspect-ratio: 1632\/1814;\" \/><\/figure><\/div>\n\n<p>Tu peux aussi ajouter un titre et une description pour chaque plateforme de m\u00e9dias sociaux. Cela donnera aux visiteurs un aper\u00e7u de ton contenu. Une fois que tu publies l&#8217;article sur les m\u00e9dias sociaux, il aura une image mise en avant et un extrait qui transmet pr\u00e9cis\u00e9ment de quoi l&#8217;article traite.<\/p>\n\n\n<h2 id=\"h-use-featured-images-effectively\" class=\"wp-block-heading\"><b>Utilise Efficacement Les Images \u00c0 La Une<\/b><\/h2>\n\n\n<p>Les images \u00e0 la une peuvent aider \u00e0 mettre en valeur tes publications. Que les gens naviguent sur ton contenu sur les r\u00e9seaux sociaux ou sur ton site web, ils peuvent regarder l&#8217;image \u00e0 la une pour voir de quoi parle la publication avant de commencer \u00e0 la lire.<\/p>\n\n\n<p>Pour r\u00e9capituler, voici comment tu peux cr\u00e9er l&#8217;image mise en avant parfaite pour WordPress :<\/p>\n\n\n<ol class=\"wp-block-list\">\n<li>Sois pertinent et coh\u00e9rent.<\/li>\n\n\n\n<li>Trouve des images libres de droits sur des plateformes comme <a href=\"https:\/\/unsplash.com\/\" target=\"_blank\" rel=\"noopener\">Unsplash<\/a>.<\/li>\n\n\n\n<li>Compresse les images \u00e0 la une avec <a href=\"https:\/\/wordpress.org\/plugins\/tiny-compress-images\/\" target=\"_blank\" rel=\"noopener\">TinyPNG<\/a>.<\/li>\n\n\n\n<li>R\u00e9g\u00e9n\u00e8re les anciennes vignettes avec <a href=\"https:\/\/wordpress.org\/plugins\/regenerate-thumbnails-advanced\/\" target=\"_blank\" rel=\"noopener\">reGenerate Thumbnails Advanced<\/a>.<\/li>\n\n\n\n<li>Optimise les images pour les moteurs de recherche en utilisant un texte alternatif ax\u00e9 sur les mots-cl\u00e9s.<\/li>\n\n\n\n<li>Am\u00e9liore les vignettes des publications sur les r\u00e9seaux sociaux avec les param\u00e8tres sociaux de <a href=\"https:\/\/wordpress.org\/plugins\/wordpress-seo\/\" target=\"_blank\" rel=\"noopener\">Yoast SEO<\/a>.<\/li>\n\n\n<\/ol>\n\n\n<p>Lorsque tu cr\u00e9es tes propres images \u00e0 la une, tu peux construire un site web original sans rencontrer de probl\u00e8mes de droits d&#8217;auteur. Chez DreamHost, nos <a href=\"https:\/\/www.dreamhost.com\/pro-services\/design\/custom-web-design\/\" target=\"_blank\" rel=\"noopener\">services de conception de site web personnalis\u00e9<\/a> peuvent t&#8217;aider \u00e0 utiliser les bonnes images sur ton site.<\/p>\n\n\n\n\n\n\n<div\n\tclass=\"article-cta-shared article-cta-small\"\n>\n    <div class=\"tr-img-wrap-outer jsLoading\"><img decoding=\"async\" class=\"js-img-lazy \" src=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/lazy-loading-transparent.webp\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/article-small-ad-cta-placeholder.webp 1x, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/article-small-ad-cta-placeholder-x2.webp 2x\"  alt=\"Ad background image\" \/><\/div>\n\n\n\n\n  <div class=\"content-btm\">\n    <h2\n      class=\"h2--md\"\n    >\n      DreamHost Rend La Conception Web Facile\n    <\/h2>\n    <p\n      class=\"p--md\"\n    >\n      Nos designers peuvent cr\u00e9er un site web magnifique \u00e0 partir de Z\u00c9RO pour correspondre parfaitement \u00e0 ta marque et \u00e0 ta vision u2014 tout cod\u00e9 avec WordPress pour que tu puisses g\u00e9rer ton contenu \u00e0 l&#8217;avenir.\n    <\/p>\n\n            <a\n            href=\"https:\/\/www.dreamhost.com\/services\/web-design\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            En Savoir Plus                    <\/a>\n\n  <\/div>\n<\/div>\n\n\n","protected":false},"excerpt":{"rendered":"<p>Pour attirer de nouveaux visiteurs sur ton site, tu pourrais envisager de publier r\u00e9guli\u00e8rement des articles de blog. Cependant, sans images \u00e0 la une, tes articles ne sembleront probablement pas assez attrayants pour obtenir des clics. Heureusement, tu peux facilement cr\u00e9er des images \u00e0 la une bien con\u00e7ues pour tes articles. Une fois que tu sauras comment trouver les bonnes photos, les dimensionner correctement et les optimiser pour [\u2026]<\/p>\n","protected":false},"author":1058,"featured_media":38366,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_yoast_wpseo_metadesc":"","toc_headlines":"[[\"h-what-is-a-featured-image\",\"Qu'est-ce qu'une Image \u00e0 la Une ?\"],[\"h-the-advantages-of-using-featured-images\",\"Les Avantages D'Utiliser Des Images \u00c0 La Une\"],[\"h-what-is-the-ideal-wordpress-featured-image-size\",\"Quelle est la Taille Id\u00e9ale pour l'Image \u00e0 la Une sur WordPress ?\"],[\"h-how-to-set-a-featured-image-in-wordpress\",\"Comment D\u00e9finir Une Image \u00c0 La Une Dans WordPress\"],[\"h-how-to-create-the-perfect-wordpress-featured-image-6-tips\",\"Comment Cr\u00e9er L'Image Vedette Parfaite Pour WordPress (6 Astuces)\"],[\"h-use-featured-images-effectively\",\"Utilise Efficacement Les Images \u00c0 La Une\"]]","hide_toc":false,"footnotes":""},"categories":[15011,14995,15009],"tags":[],"class_list":["post-71575","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-decoding-wordpress-fr","category-tutorials-fr","category-wordpress-fr"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.3 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Comment Cr\u00e9er L\u2019Image \u00e0 La Une Parfaite Pour WordPress (Guide de Taille et de Design) - DreamHost Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www-dev.dreamhost.com\/blog\/fr\/comment-crer-limage-la-une-parfaite-pour-wordpress-guide-de-taille-et-de-design-fr\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Comment Cr\u00e9er L\u2019Image \u00e0 La Une Parfaite Pour WordPress (Guide de Taille et de Design)\" \/>\n<meta property=\"og:description\" content=\"Pour attirer de nouveaux visiteurs sur ton site, tu pourrais envisager de publier r\u00e9guli\u00e8rement des articles de blog. Cependant, sans images \u00e0 la une, tes articles ne sembleront probablement pas assez attrayants pour obtenir des clics. Heureusement, tu peux facilement cr\u00e9er des images \u00e0 la une bien con\u00e7ues pour tes articles. Une fois que tu sauras comment trouver les bonnes photos, les dimensionner correctement et les optimiser pour [\u2026]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www-dev.dreamhost.com\/blog\/fr\/comment-crer-limage-la-une-parfaite-pour-wordpress-guide-de-taille-et-de-design-fr\/\" \/>\n<meta property=\"og:site_name\" content=\"DreamHost Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/DreamHost\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-12-14T18:28:19+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-26T14:55:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/WordPress-Featured-Image-Feature.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"900\" \/>\n\t<meta property=\"og:image:height\" content=\"598\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Ian Hernandez\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@dreamhost\" \/>\n<meta name=\"twitter:site\" content=\"@dreamhost\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ian Hernandez\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Comment Cr\u00e9er L\u2019Image \u00e0 La Une Parfaite Pour WordPress (Guide de Taille et de Design) - DreamHost Blog","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:\/\/www-dev.dreamhost.com\/blog\/fr\/comment-crer-limage-la-une-parfaite-pour-wordpress-guide-de-taille-et-de-design-fr\/","og_locale":"en_US","og_type":"article","og_title":"Comment Cr\u00e9er L\u2019Image \u00e0 La Une Parfaite Pour WordPress (Guide de Taille et de Design)","og_description":"Pour attirer de nouveaux visiteurs sur ton site, tu pourrais envisager de publier r\u00e9guli\u00e8rement des articles de blog. Cependant, sans images \u00e0 la une, tes articles ne sembleront probablement pas assez attrayants pour obtenir des clics. Heureusement, tu peux facilement cr\u00e9er des images \u00e0 la une bien con\u00e7ues pour tes articles. Une fois que tu sauras comment trouver les bonnes photos, les dimensionner correctement et les optimiser pour [\u2026]","og_url":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/comment-crer-limage-la-une-parfaite-pour-wordpress-guide-de-taille-et-de-design-fr\/","og_site_name":"DreamHost Blog","article_publisher":"https:\/\/www.facebook.com\/DreamHost\/","article_published_time":"2022-12-14T18:28:19+00:00","article_modified_time":"2025-05-26T14:55:03+00:00","og_image":[{"width":900,"height":598,"url":"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/WordPress-Featured-Image-Feature.jpg","type":"image\/jpeg"}],"author":"Ian Hernandez","twitter_card":"summary_large_image","twitter_creator":"@dreamhost","twitter_site":"@dreamhost","twitter_misc":{"Written by":"Ian Hernandez","Est. reading time":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/comment-crer-limage-la-une-parfaite-pour-wordpress-guide-de-taille-et-de-design-fr\/#article","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/comment-crer-limage-la-une-parfaite-pour-wordpress-guide-de-taille-et-de-design-fr\/"},"author":{"name":"Ian Hernandez","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/220faf2464d5ae08e41cf5f3b28fdc96"},"headline":"Comment Cr\u00e9er L\u2019Image \u00e0 La Une Parfaite Pour WordPress (Guide de Taille et de Design)","datePublished":"2022-12-14T18:28:19+00:00","dateModified":"2025-05-26T14:55:03+00:00","mainEntityOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/comment-crer-limage-la-une-parfaite-pour-wordpress-guide-de-taille-et-de-design-fr\/"},"wordCount":2517,"publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/comment-crer-limage-la-une-parfaite-pour-wordpress-guide-de-taille-et-de-design-fr\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/WordPress-Featured-Image-Feature.jpg","articleSection":["D\u00e9coder WordPress","Tutoriels","WordPress"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/comment-crer-limage-la-une-parfaite-pour-wordpress-guide-de-taille-et-de-design-fr\/","url":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/comment-crer-limage-la-une-parfaite-pour-wordpress-guide-de-taille-et-de-design-fr\/","name":"Comment Cr\u00e9er L\u2019Image \u00e0 La Une Parfaite Pour WordPress (Guide de Taille et de Design) - DreamHost Blog","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/comment-crer-limage-la-une-parfaite-pour-wordpress-guide-de-taille-et-de-design-fr\/#primaryimage"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/comment-crer-limage-la-une-parfaite-pour-wordpress-guide-de-taille-et-de-design-fr\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/WordPress-Featured-Image-Feature.jpg","datePublished":"2022-12-14T18:28:19+00:00","dateModified":"2025-05-26T14:55:03+00:00","breadcrumb":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/comment-crer-limage-la-une-parfaite-pour-wordpress-guide-de-taille-et-de-design-fr\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www-dev.dreamhost.com\/blog\/fr\/comment-crer-limage-la-une-parfaite-pour-wordpress-guide-de-taille-et-de-design-fr\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/comment-crer-limage-la-une-parfaite-pour-wordpress-guide-de-taille-et-de-design-fr\/#primaryimage","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/WordPress-Featured-Image-Feature.jpg","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/WordPress-Featured-Image-Feature.jpg","width":900,"height":598,"caption":"How to Create the Perfect WordPress Featured Image"},{"@type":"BreadcrumbList","@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/comment-crer-limage-la-une-parfaite-pour-wordpress-guide-de-taille-et-de-design-fr\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dhblog.dream.press\/blog\/"},{"@type":"ListItem","position":2,"name":"Comment Cr\u00e9er L\u2019Image \u00e0 La Une Parfaite Pour WordPress (Guide de Taille et de Design)"}]},{"@type":"WebSite","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website","url":"https:\/\/www-dev.dreamhost.com\/blog\/","name":"DreamHost Blog","description":"","publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www-dev.dreamhost.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization","name":"DreamHost","url":"https:\/\/www-dev.dreamhost.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/dhblog.dream.press\/blog\/wp-content\/uploads\/2019\/01\/dh_logo-blue-2.png","contentUrl":"https:\/\/dhblog.dream.press\/blog\/wp-content\/uploads\/2019\/01\/dh_logo-blue-2.png","width":1200,"height":168,"caption":"DreamHost"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/DreamHost\/","https:\/\/x.com\/dreamhost","https:\/\/www.instagram.com\/dreamhost\/","https:\/\/www.linkedin.com\/company\/dreamhost\/","https:\/\/www.youtube.com\/user\/dreamhostusa"]},{"@type":"Person","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/220faf2464d5ae08e41cf5f3b28fdc96","name":"Ian Hernandez","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/ian-hernandez-dreamhost-150x150.png","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/ian-hernandez-dreamhost-150x150.png","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/ian-hernandez-dreamhost-150x150.png","caption":"Ian Hernandez"},"description":"Ian is a Product Designer based in Los Angeles, California. He is responsible for driving brand and product design at DreamHost, developing and maintaining our internal design system, and writing frontend code when he can. In his free time, he enjoys walking his dog, learning history, and discovering new music online and irl. Connect with him on LinkedIn: https:\/\/www.linkedin.com\/in\/ianhernandez23\/","url":"https:\/\/www-dev.dreamhost.com\/blog\/author\/ianh\/"}]}},"lang":"fr","translations":{"fr":71575,"es":38391,"en":38362,"pt":52785,"de":57515,"ru":57518,"pl":57521,"uk":57524,"it":68999,"nl":71609},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/71575","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/users\/1058"}],"replies":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/comments?post=71575"}],"version-history":[{"count":2,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/71575\/revisions"}],"predecessor-version":[{"id":71813,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/71575\/revisions\/71813"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media\/38366"}],"wp:attachment":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media?parent=71575"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/categories?post=71575"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/tags?post=71575"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}