Il est parfois difficile de modifier une vignette liée à une url lorsque l’on souhaite la partager dans une publication sur Facebook. Par exemple lorsque vous souhaitez partager un lien de votre site Internet, vous aimeriez voir une image précise, lors du partage.
Pourquoi cette image est sélectionnée comme vignette Facebook ?
Tout d’abord, lorsque vous partagez une Url de votre site dans une publication Facebook, une image apparait (vignette Facebook). Parfois vous vous demandez pour quelle raison, telle ou telle image est sélectionnée par Facebook.
C’est parce que vous n’avez pas renseigné les balises Open Graph, nécessaires aux partages sur les réseaux sociaux. Facebook ou les autres réseaux (Twitter, Linkedin…) vont aller récupérer ce qu’il peuvent.
Comment insérer l’image de votre choix sous WordPress ?
Ensuite, si vous souhaitez maitriser l’image en question, vous devrez renseigner ces balises dans votre plugin SEO. En l’occurrence, dans Yoast Seo sous WordPress, vous avez la possibilité d’associer une image pour chacune des pages ou articles. Premièrement, rendez-vous sur la page de votre choix et ajoutez l’image à partir de l’onglet suivant, dans la zone Yoast SEO du back office (de votre article ou de la page en question) :
Comment faire si vous n’êtes pas sous WordPress ?
Cependant, si vous n’êtes pas sous WordPress, vous allez devoir modifier les balises open Graph dans le head de vos pages
<!-- Primary Meta Tags -->
<title>Meta Tags — Preview, Edit and Generate</title>
<meta name="title" content="Meta Tags — Preview, Edit and Generate">
<meta name="description" content="With Meta Tags you can edit and experiment with your content then preview how your webpage will look on Google, Facebook, Twitter and more!">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://metatags.io/">
<meta property="og:title" content="Meta Tags — Preview, Edit and Generate">
<meta property="og:description" content="With Meta Tags you can edit and experiment with your content then preview how your webpage will look on Google, Facebook, Twitter and more!">
<meta property="og:image" content="https://metatags.io/assets/meta-tags-16a33a6a8531e519cc0936fbba0ad904e52d35f34a46c97a2c9f6f7dd7d336f2.png">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://metatags.io/">
<meta property="twitter:title" content="Meta Tags — Preview, Edit and Generate">
<meta property="twitter:description" content="With Meta Tags you can edit and experiment with your content then preview how your webpage will look on Google, Facebook, Twitter and more!">
<meta property="twitter:image" content="https://metatags.io/assets/meta-tags-16a33a6a8531e519cc0936fbba0ad904e52d35f34a46c97a2c9f6f7dd7d336f2.png">
D’ailleurs, le site metatags.io vous aide à générer vos balises (metatags) directement en fournissant l’adresse web de votre page. Vous n’aurez qu’à modifier l’url de la meta og:image vers le dossier de votre choix (de votre site). C’est à dire là ou vous avez stocké votre image
Comment modifier la vignette Facebook ?
Le problème si on souhaite modifier cette vignette sous Facebook, en repartageant le lien, souvent il s’agit toujours de l’ancienne image. On a beau rafraichir le cache et cela n’a pas d’effet. C’est toujours l’ancienne image qui apparait et pourtant on vient de la modifier.
Rendez-vous sur l’outil debug Facebook saisissez l’url de votre site que vous souhaitez partager. Vous observerez, une date de dernière analyse de votre site et l’image que Facebook utilise (a enregistré).
Une fois que vous avez modifié l’image comme indiqué plus haut, cliquez sur Re-collecter. Vous verrez que Facebook mettra à jour votre vignette. Pour conclure, vous pouvez repartager l’URL dans votre publication avec cette fois-ci la vignette de votre choix.