{"id":53511,"date":"2022-06-23T12:25:54","date_gmt":"2022-06-23T10:25:54","guid":{"rendered":"https:\/\/www.seopress.org\/fr\/?p=53511"},"modified":"2025-10-09T17:42:23","modified_gmt":"2025-10-09T15:42:23","slug":"comment-optimiser-une-image-pour-le-seo-dans-wordpress","status":"publish","type":"post","link":"https:\/\/www.seopress.org\/fr\/newsroom\/reportage\/comment-optimiser-image-seo-wordpress\/","title":{"rendered":"Comment optimiser une image pour le SEO dans WordPress"},"content":{"rendered":"

Comme abord\u00e9 dans le chapitre pr\u00e9c\u00e9dent \u00ab Une introduction au r\u00e9f\u00e9rencement des images (Image SEO)<\/a> \u00bb, l\u2019optimisation des images publi\u00e9es sur votre site WordPress peut vous aider \u00e0 gagner en visibilit\u00e9 dans Google Images, mais elle contribue \u00e9galement \u00e0 am\u00e9liorer le classement de vos pages dans les r\u00e9sultats de recherche Web de Google.<\/p>\n

Commen\u00e7ons par les bonnes nouvelles : WordPress r\u00e9alise d\u00e9j\u00e0 une partie importante de l\u2019optimisation d\u2019images, car il cr\u00e9e des versions responsives et compress\u00e9es de chaque image lors de leur chargement dans la m\u00e9diath\u00e8que. Cela permet d\u2019am\u00e9liorer la vitesse de la page, en diffusant les versions adapt\u00e9es aux utilisateurs tout en permettant \u00e0 Google de trouver des images de haute qualit\u00e9 pour l\u2019indexation.<\/p>\n

Cependant, pour optimiser pleinement les images pour le r\u00e9f\u00e9rencement, il vous reste des choses \u00e0 faire manuellement. Dans cet article nous allons vous guider \u00e9tape par \u00e9tape, pour optimiser une image lorsqu\u2019elle est charg\u00e9e dans un article en cours d\u2019\u00e9criture sur WordPress.<\/p>\n

Commencez avec une image unique et un mot-cl\u00e9<\/h2>\n

Le meilleur point de d\u00e9part pour le r\u00e9f\u00e9rencement des images est d\u2019avoir une image unique qui n\u2019existe pas d\u00e9j\u00e0 sur le Web. Avant de charger l\u2019image dans WordPress, r\u00e9fl\u00e9chissez \u00e0 l\u2019endroit o\u00f9 l\u2019image sera utilis\u00e9e et au mot-cl\u00e9 qu\u2019elle ciblera. Pour de meilleurs r\u00e9sultats, l\u2019image devra \u00eatre ins\u00e9r\u00e9e dans une page ou un article optimis\u00e9 pour ce mot-cl\u00e9.<\/p>\n

Dans cet exemple, nous allons imaginer que vous avez pris la photo ci-dessous et qu\u2019elle sera utilis\u00e9e comme image principale pour un article de blog intitul\u00e9 en anglais \u00ab The complete guide to VW Beetle roof racks \u00bb (\u00ab le guide complet des barres de toit pour Coccinelle Volkswagen \u00bb). Le mot-cl\u00e9 que vous ciblez est \u00ab VW Beetle roof rack \u00bb qui est recherch\u00e9 en moyenne 720 fois par mois dans Google dans le monde entier. L\u2019utilisation du mot-cl\u00e9 dans le titre et le texte de l\u2019article est importante pour classer les images dans Google Images.<\/p>\n

\"Optimisez<\/a>
Optimisez cette image pour le r\u00e9f\u00e9rencement<\/figcaption><\/figure>\n

Pour \u00eatre honn\u00eates, nous n\u2019avons pas utilis\u00e9 une image unique dans notre exemple. La photo ci-dessus a \u00e9t\u00e9 prise par Matthias Meyer<\/a> et est disponible sur UnSplash.<\/p>\n

Pr\u00e9parez l\u2019image pour le r\u00e9f\u00e9rencement<\/h2>\n

Vous pouvez obtenir un avantage en SEO en pr\u00e9parant vos images avant de les charger dans WordPress. Les t\u00e2ches principales \u00e0 effectuer sont de redimensionner, compresser et renommer le fichier image. Vous pouvez le faire en utilisant un logiciel de retouche d\u2019image comme Adobe Lightroom ou des applications photo gratuites, en lignes, comme BeFunky<\/a>.
\nAvec BeFunky, vous pouvez ouvrir une photo depuis votre ordinateur ou smartphone et la modifier en ligne.<\/p>\n

\"Page<\/a>
Page de d\u00e9marrage de l\u2019\u00e9dition d\u2019images BeFunky<\/figcaption><\/figure>\n
\"Modification<\/a>
Modification d\u2019une photo dans BeFunky<\/figcaption><\/figure>\n

Une fois que vous avez ouvert votre fichier dans une application de retouche photo, allez dans redimensionner pour v\u00e9rifier la taille des images en pixels. La taille originale de cette photo est de 4088 x 2270 pixels. La plupart des \u00e9crans d’ordinateur n’ont tout simplement pas autant de pixels. \u00c0 moins que vous ne soyez convaincu que votre public poss\u00e8de des moniteurs haute r\u00e9solution 4K \/ 5K, vous devez redimensionner cette image avant de la charger dans WordPress, mais pas trop.<\/b><\/p>\n

Google pr\u00e9f\u00e8re cr\u00e9er des aper\u00e7us \u00e0 partir d\u2019images de haute qualit\u00e9. Nous vous recommandons de suivre le guide donn\u00e9 par Google dans sa documentation sur Google Discover. Cette documentation dit que des images doivent avoir au moins 1200 pixels de large. Une largeur de 1024 pixels serait trop petite par exemple.<\/p>\n

Dans l\u2019exemple ci-dessous, nous modifions la Largeur<\/strong> \u00e0 1800 pixels et gardons coch\u00e9e l\u2019option Conserver les proportions<\/strong>, la Hauteur<\/strong> est alors automatiquement calcul\u00e9e \u00e0 1000 pixels.<\/p>\n

\"Redimensionnement<\/a>
Redimensionnement de la photo dans l\u2019\u00e9diteur de photos BeFunky<\/figcaption><\/figure>\n

Une fois l\u2019image redimensionn\u00e9e, vous pouvez l\u2019enregistrer sur votre ordinateur.<\/p>\n

Un conseil important \u00e0 cette \u00e9tape est de ne pas \u00e9craser le fichier original en utilisant le m\u00eame nom de fichier. Tout d\u2019abord, cela vous permet de conserver l\u2019image originale en qualit\u00e9 sup\u00e9rieure pour une utilisation ult\u00e9rieure pour d\u2019autres projets. Vous voudrez peut-\u00eatre utiliser cette photo pour des brochures imprim\u00e9es par exemple.<\/p>\n

La deuxi\u00e8me raison importante de changer le nom de fichier maintenant est de s\u2019assurer qu\u2019il contient le mot-cl\u00e9 que vous ciblez. Comme il s\u2019agit de l\u2019image principale de la page que nous optimisons, nous pouvons nommer le fichier en utilisant le mot-cl\u00e9 exact \u00ab VW Beetle roof racks \u00bb. Cela cr\u00e9era un nom de fichier \u00ab VW Beetle roof racks.jpg \u00bb<\/p>\n

\"Enregistrement<\/a>
Enregistrement d\u2019une image compress\u00e9e avec l\u2019\u00e9diteur de photos BeFunky<\/figcaption><\/figure>\n

En outre, lors de l\u2019enregistrement du fichier au format JPG, vous pouvez choisir le facteur de compression de qualit\u00e9 pour compresser le fichier et r\u00e9duire sa taille. Normalement, vous pouvez r\u00e9duire cela \u00e0 75% sans voir une d\u00e9t\u00e9rioration visible de la qualit\u00e9 de l\u2019image. Dans l\u2019exemple ci-dessus, la taille du fichier a \u00e9t\u00e9 r\u00e9duite \u00e0 200KB. C’est plus de dix fois plus petit que l\u2019image originale qui \u00e9tait 2.12 Mo. L\u2019image se chargera donc 10 fois plus rapidement !<\/p>\n

Si votre logiciel de retouche photo prend en charge diff\u00e9rents types de fichiers tels que JPG, PNG et WebP, vous pouvez tester diverses options pour voir laquelle fournit la plus petite taille de fichier.<\/p>\n

Charger l\u2019image dans WordPress<\/h2>\n

Maintenant que vous avez pr\u00e9par\u00e9 votre image, vous \u00eates pr\u00eat \u00e0 la charger dans WordPress.<\/p>\n

Dans certains cas, les images sont d\u2019abord charg\u00e9es dans la m\u00e9diath\u00e8que pour \u00eatre ult\u00e9rieurement ajout\u00e9es aux publications. Le sc\u00e9nario le plus commun est celui que nous avons suivi dans l\u2019exemple ci-dessous, c\u2019est-\u00e0-dire l\u2019ajout de photos \u00e0 un article alors qu\u2019il est en cours de pr\u00e9paration dans WordPress.<\/p>\n

Dans l\u2019exemple, nous avons ajout\u00e9 l\u2019image en utilisant la fonctionnalit\u00e9 Image mise en avant<\/strong>. C\u2019est la meilleure option pour mettre en \u00e9vidence une image pour le r\u00e9f\u00e9rencement. Lorsque Google affiche une image miniature pour un article WordPress dans ses r\u00e9sultats de recherche, il utilise tr\u00e8s souvent l\u2019image mise en avant.<\/p>\n

\"L\u2019article<\/a>
L\u2019article WordPress avant d\u2019ajouter l\u2019image mise en avant<\/figcaption><\/figure>\n

\u00c0 partir de l\u2019\u00e9diteur de l\u2019article, nous pouvons mettre en avant une image en cliquant sur D\u00e9finir l\u2019image mise en avant<\/strong> dans la barre lat\u00e9rale. Cela ouvre la m\u00e9diath\u00e8que o\u00f9 nous pouvons s\u00e9lectionner \u00ab VW Beetle roof racks.jpg \u00bb \u00e0 partir de l\u2019ordinateur et la t\u00e9l\u00e9verser dans la m\u00e9diath\u00e8que.<\/p>\n

\"Ajouter<\/a>
Ajouter une image en vedette \u00e0 une publication<\/figcaption><\/figure>\n

L\u2019image est enregistr\u00e9e sur le serveur Web en utilisant le nom de fichier t\u00e9l\u00e9charg\u00e9. Il ne peut plus \u00eatre modifi\u00e9. C\u2019est pourquoi il \u00e9tait important de pr\u00e9parer le fichier avec un nom de fichier optimis\u00e9 pour le mot cl\u00e9 plus t\u00f4t.<\/p>\n

Une fois l\u2019image charg\u00e9e, vous verrez que WordPress propose 4 champs de texte pour la d\u00e9crire. Le titre est automatiquement d\u00e9fini \u00e0 l\u2019aide de votre nom de fichier. Les champs Texte alternatif<\/strong>, L\u00e9gende<\/strong> et Description<\/strong> sont laiss\u00e9s vides.<\/p>\n

\"Ajouter<\/a>
Ajouter une image \u00e0 un article WordPress – \u00e9tape 1<\/figcaption><\/figure>\n

Le champ Texte alternatif correspond \u00e0 l\u2019attribut ALT de l\u2019image et il est le champ le plus important pour le SEO. Vous devez toujours \u00e9crire une courte phrase en texte alternatif pour d\u00e9crire votre image. Si vous souhaitez que l\u2019image soit associ\u00e9e \u00e0 un mot-cl\u00e9, utilisez le mot-cl\u00e9 dans ce champ. Dans l\u2019exemple ci-dessous, nous avons tap\u00e9 \u00ab Metal VW Beetle roof rack viewed from the side \u00bb. Dans un chapitre ult\u00e9rieur, nous examinerons d\u2019autres conseils sur l\u2019\u00e9criture de texte alternatif.<\/p>\n

\"Ajouter<\/a>
Ajouter une image \u00e0 un article WordPress – \u00e9tape 2<\/figcaption><\/figure>\n
\"Article<\/a>
Article WordPress avec image mise en avant<\/figcaption><\/figure>\n

Il peut y avoir des cas o\u00f9 vous ne pouvez pas utiliser l\u2019image mise en avant. Dans ce cas, vous devez ajouter l\u2019image au contenu de l\u2019article, aussi haut que possible dans la page. Une fois l\u2019image charg\u00e9e, vous pouvez cliquer dessus dans l\u2019\u00e9diteur pour modifier le texte alternatif.<\/p>\n

\"Article<\/a>
Article WordPress avec image optimis\u00e9e<\/figcaption><\/figure>\n

Notez que vous pouvez \u00e9galement s\u00e9lectionner diff\u00e9rentes tailles d\u2019image. \u00ab Taille originale \u00bb est l\u2019image dans les dimensions que vous avez t\u00e9l\u00e9charg\u00e9es. Les tailles d\u2019image Miniature, Moyenne et Grande correspondent aux param\u00e8tres d\u00e9finis dans le menu R\u00e9glages > M\u00e9dias<\/strong> de WordPress. En choisissant \u00ab Grande \u00bb, vous pouvez am\u00e9liorer les temps de chargement en for\u00e7ant WordPress \u00e0 charger une version plus petite de votre image, mais Google sera toujours en mesure de trouver et d\u2019indexer l\u2019image en taille originale.<\/p>\n

\"R\u00e9glages<\/a>
R\u00e9glages m\u00e9dia dans WordPress<\/figcaption><\/figure>\n

D\u00e9sactiver les pages de fichiers joints de WordPress<\/h2>\n

WordPress a une fonctionnalit\u00e9 par d\u00e9faut o\u00f9 tout fichier charg\u00e9 dans la m\u00e9diath\u00e8que obtient une page d\u00e9di\u00e9e sur votre site Web.\u00a0Lorsqu\u2019une image est utilis\u00e9e dans un article de blog, elle peut \u00eatre cliquable et le lien m\u00e8ne \u00e0 une page multim\u00e9dia. Le texte peut \u00eatre ajout\u00e9 \u00e0 cette page \u00e0 l\u2019aide des champs Titre et Description associ\u00e9s \u00e0 l\u2019image dans la m\u00e9diath\u00e8que. Certains th\u00e8mes ajoutent ces liens par d\u00e9faut.<\/p>\n

Il y a des cas o\u00f9 cela peut \u00eatre utile, mais il est g\u00e9n\u00e9ralement recommand\u00e9 de d\u00e9sactiver ces pages pour optimiser le r\u00e9f\u00e9rencement. Si ce n\u2019est pas d\u00e9j\u00e0 fait, vous pouvez le faire maintenant en utilisant SEOPress.<\/p>\n

Avec SEOPress Free<\/a> install\u00e9, vous pouvez activer les pages de fichiers joints multim\u00e9dias \u00e0 l\u2019aide de l\u2019\u00e9cran SEO<\/strong> > Avanc\u00e9<\/strong> > R\u00e9f\u00e9rencement des images<\/strong>. Pour d\u00e9sactiver les pages, vous pouvez cocher l\u2019option \u00ab Rediriger les pages des fichiers joints vers la publication parente \u00bb ou \u00ab Rediriger les pages de fichiers joints vers l\u2019URL du fichier \u00bb.<\/p>\n

\"Rediriger<\/a>
Rediriger les pages de fichiers joints multim\u00e9dias avec SEOPress<\/figcaption><\/figure>\n

Plus de fonctionnalit\u00e9s image SEO avec SEOPress<\/h2>\n

Comme vous pouvez le voir dans la capture d\u2019\u00e9cran ci-dessus, SEOPress fournit d\u2019autres fonctionnalit\u00e9s pour le r\u00e9f\u00e9rencement d\u2019images. Pour vous aider \u00e0 gagner du temps, vous pouvez d\u00e9finir automatiquement les champs de texte associ\u00e9s aux images en utilisant le nom de fichier de l\u2019image, par exemple. Une autre option vous permet d\u2019utiliser automatiquement les mots-cl\u00e9s cibl\u00e9s comme texte alternatif si le champ est vide. Cela ne remplace pas la recommandation d\u2019\u00e9crire un texte alternatif pour chaque image, mais cette option est bien meilleure que de laisser le texte alternatif vide.<\/p>\n

L\u2019autre fonctionnalit\u00e9 qui est incluse dans l’extension SEOPress Free et qui est un gros plus pour le r\u00e9f\u00e9rencement des images est le plan de site des images. Google vous recommande de fournir un plan de site pour l\u2019aider \u00e0 trouver et \u00e0 indexer toutes les images utilis\u00e9es sur un site. Pour activer le plan des images dans WordPress, allez dans SEO<\/strong>> Plan de site XML – HTML <\/strong>et cocher \u00ab Activer les plans de site XML des images \u00bb et Enregistrer les modifications.<\/p>\n

\"Param\u00e8tres<\/a>
Param\u00e8tres du sitemap d\u2019image SEOPress<\/figcaption><\/figure>\n

Conclusion<\/h2>\n

Apr\u00e8s avoir renomm\u00e9 votre image avec votre mot-cl\u00e9, l\u2019avoir charg\u00e9e en tant qu\u2019image mise en avant dans un article contenant votre mot-cl\u00e9, \u00e9crit un excellent texte alternatif et utilis\u00e9 les param\u00e8tres Image SEO de SEOPress, vous avez r\u00e9ussi \u00e0 optimiser parfaitement une image pour le r\u00e9f\u00e9rencement. Bien jou\u00e9 ! Vous devriez le faire pour chaque image que vous chargez dans WordPress. Il faudrait \u00e9galement revenir sur les images que vous avez d\u00e9j\u00e0 charg\u00e9es dans WordPress pour vous assurer qu\u2019elles respectent ces bonnes pratiques. Cela aidera \u00e0 classer chaque image dans la recherche Google Images et \u00e0 am\u00e9liorer le classement des pages dans lesquelles elles sont utilis\u00e9es.<\/p>\n","protected":false},"excerpt":{"rendered":"

Comme abord\u00e9 dans le chapitre pr\u00e9c\u00e9dent \u00ab Une introduction au r\u00e9f\u00e9rencement des images (Image…<\/p>\n","protected":false},"author":1,"featured_media":53528,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"none","_seopress_titles_title":"","_seopress_titles_desc":"L'optimisation des images de votre site fait gagner en visibilit\u00e9 dans Google Images et am\u00e9liore le classement de vos pages dans les r\u00e9sultats de recherche.","_seopress_robots_index":"","_relevanssi_hide_post":"","_relevanssi_hide_content":"","_relevanssi_pin_for_all":"","_relevanssi_pin_keywords":"","_relevanssi_unpin_keywords":"","_relevanssi_related_keywords":"","_relevanssi_related_include_ids":"","_relevanssi_related_exclude_ids":"","_relevanssi_related_no_append":"","_relevanssi_related_not_related":"","_relevanssi_related_posts":"","_relevanssi_noindex_reason":"","editor_notices":[],"footnotes":""},"categories":[97],"tags":[124],"class_list":{"0":"post-53511","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-reportage","8":"tag-referencement-des-images"},"acf":[],"_links":{"self":[{"href":"https:\/\/www.seopress.org\/fr\/wp-json\/wp\/v2\/posts\/53511","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.seopress.org\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.seopress.org\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.seopress.org\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.seopress.org\/fr\/wp-json\/wp\/v2\/comments?post=53511"}],"version-history":[{"count":0,"href":"https:\/\/www.seopress.org\/fr\/wp-json\/wp\/v2\/posts\/53511\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.seopress.org\/fr\/wp-json\/wp\/v2\/media\/53528"}],"wp:attachment":[{"href":"https:\/\/www.seopress.org\/fr\/wp-json\/wp\/v2\/media?parent=53511"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.seopress.org\/fr\/wp-json\/wp\/v2\/categories?post=53511"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.seopress.org\/fr\/wp-json\/wp\/v2\/tags?post=53511"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}