Je vois cette question passer pratiquement tous les jours sur le groupe Facebook de l’Académie du blogue : comment faire pour changer l’image à la une que présente Facebook lorsqu’on partage un de ses articles? Ou encore, comment modifier l’image que Facebook utilise quand on partage le lien de la page d’accueil de notre blogue?
Je vais répondre une fois pour toutes à toutes ces questions qui ont trait aux images affichées sur Facebook!
Pour toutes les instructions qui suivent, je suppose que vous avez le plug-in Yoast SEO installé sur votre blogue. C’est ce que je vais utiliser pour modifier nos images à la une!
Comment dire à Facebook quelle image utiliser pour votre page d’accueil
Pour faire cela, je vous rappelle que vous devez avoir le plug-in Yoast SEO d’installé.
- Dans le menu de gauche de votre tableau de bord WordPress, sélectionnez « SEO », puis « Social ».
- Pour la section « Frontpage settings », cliquez sur « Upload » et téléchargez l’image que vous souhaitez utiliser.
- Vous pouvez également modifier le titre de votre blog tel qu’il sera affiché sur l’aperçu Facebook, ainsi qu’écrire une description Facebook qui sera affichée lorsque vous allez partager votre blogue!
- Pour la section « default settings », vous pouvez y télécharger une seconde fois l’image. Elle sera dorénavant utilisée lorsque Facebook ne trouve aucune image sur un de vos articles. Au lieu de ne montrer aucune image, il y en aura une par défaut!
- Cliquez sur « enregistrer » !
- Allez voir la section « Tester que nos changements ont fonctionné » plus bas dans cet article pour terminer les étapes !
Comment spécifier à Facebook quelle image utiliser pour un article précis
Lorsque vous partagez un article sur Facebook, ce n’est pas la bonne photo qui s’affiche? Suivez les étapes ci-dessous pour corriger ce problème!
- Allez éditer l’article qui vous cause problème
- Tout en bas de la section d’écriture de l’article, allez dans la section pour Yoast.
- Cliquez sur l’icône de partage de réseaux sociaux.
- Vous pouvez maintenant ajouter le titre que vous souhaitez que Facebook utilise, une description ainsi que l’image que vous souhaitez utiliser !
- Enregistrez les modifications à votre article, et le tour est joué!
- Allez maintenant lire la section « Tester que nos changements ont fonctionné » pour vous assurer que tout est beau pour votre prochain partage sur Facebook!
Tester que nos changements ont fonctionné
- Allez sur le Sharing Debugger de Facebook
- Entrez l’adresse de votre blogue, puis cliquez sur « Debug » ! Vous devriez voir votre nouvelle image s’afficher comme illustré sur la capture d’écran ci-dessous. Si ce n’est pas le cas, cliquez quelques fois sur « Scape Again », ça peut prendre quelques clics avant de fonctionner pour de bon !
- Si vous ne voyez toujours aucun changement à votre image, il se peut que vous ayez à effacer le cache expiré de votre blogue WordPress, particulièrement si vous utilisez un plug-in de cache. Pour moi qui utilise WP Super Cache, j’ai dû aller dans « Réglages > WP Super Cache > Supprimer le Cache > Supprimer le cache expiré. Et le tour était joué, avec deux clics « Scrape Again » dans l’outil de débuguage Facebook, mes changements étaient bien affichés!
Votre image ne cadre pas dans l’aperçu Facebook ?
Voici un exemple d’une image que vous auriez tendance à vouloir changer. Le logo du blogue de Félicia ne s’affiche pas en entier! Voici comment faire pour redimensionner une image sur un mac:
Si vous êtes sur un ordinateur Windows, ce site web propose un guide étape par étape détaillé!
Si vous voulez redimensionner l’image affichée:
- Nous allons devoir redimensionner votre image pour faire 1200×630 pixels!
- Si vous avez un Mac, vous pouvez simplement double-cliquer sur votre image, sélectionner « Adjust Size… »
- Bon, c’est là que ça se corse un peu plus! 😉 Votre image ne pourra probablement être exactement de grandeur 1200 par 630 pixels car l’outil va essayer de garder votre ratio de grandeur et de longueur de votre image, pour que l’image n’ait pas l’air toute déformée. Ajustez donc votre image de la meilleure façon possible pour se rapprocher de la grandeur qu’on veut!L’image doit par contre avoir un minimum de 200 x 200 pixels.
- Enregistrez votre nouvelle image!
Conclusion
J’espère avoir pu répondre à toutes vos questions quant aux images à la une utilisées par Facebook! Si vous avez d’autres questions ou avez des difficultés à faire les manipulations de cet article, n’hésitez pas à m’écrire un commentaire pour que je puisse vous venir en aide!
14 commentaires
C’est drôle, je m’en allais en faire un article aussi. Je vais partager le tien à la place!
Ah, merci beaucoup Véronique, tu es vraiment gentille 😀
Marie bonjour,
Je n’arrive absolument pas à changer ma photo, j’ai beau faire toutes les manipulations à la lettre c’est impossible, l’image ne se modifie absolument pas 🙁
je désespère, pourrais tu m’aider stp ?
Salut Agnès!
Ça me surprend! J’ai vraiment testé plusieurs fois mon guide pour m’assurer que ça fonctionnait! Tu as peut-être un problème plus compliqué que ceux habituellement rencontrés.
Peux-tu me montrer un exemple? Quel lien est-ce que tu as essayé? Pour que j’essaie de voir le problème.
Tu as bien cliqué plusieurs fois sur « Debug » ?
Marie
Hello Marie, ton article est super. Je cherche à faire cette manip depuis un certain temps mais facebook ne veut toujours rien savoir.
Dans SEO >> Facebook, il me demande un Facebook App ID (c’est quoi ?) et juste la possibilité de mettre une image si l’article/page n’en contient pas. J’ai mis les bonnes infos dans Open Graph mais même en débugant facebook, rien ne se passe.
Pour supprimer le cache, j’ai installé WP Super Cache mais j’ai un doute vu le message : WP Super Cache Warning!
« Your server is configured to show files and directories, which may expose sensitive data such as login cookies to attackers in the cache directories. That has been fixed by adding a file named index.html to each directory. If you use simple caching, consider moving the location of the cache directory on the Advanced Settings page.
If you just installed WP Super Cache for the first time, you can dismiss this message. Otherwise, you should probably refresh the login cookies of all logged in WordPress users here by clicking the logout link below.
The logout link will log out all WordPress users on this site except you. Your authentication cookie will be updated, but you will not be logged out. »
Si tu as une idée, je suis vraiment preneuse.
Merci
Claudine
Bonjour Claudine!
Je ne comprends pas ton commentaire. Qu’est-ce que tu cherches à faire? Tu veux préciser une image pour que Facebook l’utilise ? Et tes changements ne se font pas ? C’est ça ? 🙂
On m’a dit que Yoast avaient fait des changements à ce niveau, pourtant de ne trouve pas de trace encore à ce sujet… J’ai été très occupée dernièrement donc je n’ai pas pu m’y pencher encore.
Marie
Salut! J’ai une question. J’essaie dire à Facebook quelle image utiliser pour votre page d’accueil. Dans mon YOAST SEO de wordpress -> social, je n’ai que l’option de réglage par défaut. pas de frontpage settings.
Au début je voulais changer l’image, mais je n’ai pas réussi, j’ai décidé d’effacer l’image dans médias et hop! Plus de lien du tout quand je partage mon site web sur facebook..
Bonjour Evelyne!
Je viens d’aller voir dans mon tableau de bord WordPress et de mon côté, j’ai bien cet option. Peut-être as-tu été voir au mauvais endroit?
Dans la barre de gauche : SEO > Facebook > FrontPage Settings.
J’espère que tu as pu régler ton problème!
Marie
bonjour j’ai tout compris a votre article mais le seul problème c’est que dans mon tableau de bord il n’a pas l’onglet SEO
Bonjour! Il se peut que Yoast SEO ait été mis à jour et ne permette plus ces modifications. Dès que je trouve le temps, je vais revisiter et mettre à jour cet article! Merci 🙂
Hey marie,
Merci pour cet article. J’ai bien effectuer les modif et verifier dans le Debug Facebook que ca fonctionne. jusqu’a la tout est bon. Mais quand je souhaite partager mon site, Facebook me remet encore l’ancienne photo (qui est le logo mais mal dimensionné donc je voulais changer pour completement autre chose). une idee d’ou cela viendrais?
merci
Bonjour ! J’attendrais un peu de temps. Ce n’est pas toujours immédiat même parfois avec l’utilisation du débogueur. J’espère que votre problème s’est réglé avec le temps!
Bonjour,
Je sais que cet article date d’environ 3 ans mais j’ai un problème sur lequel je reste bloqué et je ne trouve aucune solution sur internet.
Peut-être que vous saurez m’apporter la solution.
J’ai conçu un site Worpress, et lorsque je partage le lien par exemple par sms, et que ca génère automatiquement une vignette avec le titre du site et sa description, il y a toujours dans le titre » – Wordpress » et c’est assez agaçant.
J’ai cherché partout dans le code, impossible de faire disparaitre ce satané « Wordpress ».
Avez-vous une idée ?
Merci d’avance
Bonjour ! Est-ce que vous utilisez le plugin Yoast SEO? Je regarderais du côté de « Search Appearance » dans le plugin de Yoast.
https://yoast.com/help/my-seo-title-isnt-displayed-as-i-have-entered-it/