Comment changer l’image affichée lorsqu’on partage son blogue sur Facebook

écrit par Marie 12 février 2018

Comment changer l'image affichée sur Facebook partage article

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é.

  1. Dans le menu de gauche de votre tableau de bord WordPress, sélectionnez « SEO », puis « Social ».
  2. Pour la section « Frontpage settings », cliquez sur « Upload » et téléchargez l’image que vous souhaitez utiliser.
  3. 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!
  4. 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!
  5. Cliquez sur « enregistrer » !
  6. 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!

  1. Allez éditer l’article qui vous cause problème
  2. Tout en bas de la section d’écriture de l’article, allez dans la section pour Yoast.
  3. Cliquez sur l’icône de partage de réseaux sociaux.
  4. Vous pouvez maintenant ajouter le titre que vous souhaitez que Facebook utilise, une description ainsi que l’image que vous souhaitez utiliser !
  5. Enregistrez les modifications à votre article, et le tour est joué!
  6. 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é

  1. Allez sur le Sharing Debugger de Facebook
  2. 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 !
  3. 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:

  1. Nous allons devoir redimensionner votre image pour faire 1200×630 pixels!
  2. Si vous avez un Mac, vous pouvez simplement double-cliquer sur votre image, sélectionner « Adjust Size… » 
  3. 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.
  4. 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!

6 commentaires
1

Vous pourriez aimer

6 commentaires

(L'autre) Véro 12 février 2018 - 9:32

C’est drôle, je m’en allais en faire un article aussi. Je vais partager le tien à la place!

Reply
Marie 24 février 2018 - 3:59

Ah, merci beaucoup Véronique, tu es vraiment gentille 😀

Reply
Agnès 30 mars 2018 - 4:13

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 ?

Reply
Marie 8 avril 2018 - 10:12

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

Reply
CLAUDINE 17 juin 2018 - 12:15

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

Reply
Marie 17 juin 2018 - 8:06

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

Reply

Écrire un commentaire

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.