- \n
- Comment Facebook trouve les images en vedette dans vos publications<\/li>\n
- Comment impl\u00e9menter correctement la prise en charge des vignettes Facebook<\/li>\n
- Comment d\u00e9boguer les vignettes Facebook lorsqu’elles ne fonctionnent pas.<\/li>\n<\/ul>\n
Comment Facebook sait-il quelle image utiliser ?<\/h2>\n
Facebook utilise ce qu’on appelle le protocole Open Graph. En bref, c’est un moyen standardis\u00e9 d’ajouter des informations \u00e0 votre page sur votre page.<\/p>\n
Par exemple, les \u00e9l\u00e9ments Open Graph sur votre page peuvent indiquer \u00e0 Facebook le titre, l’URL et l’image \u00e0 afficher lorsqu’ils sont partag\u00e9s sur Facebook. Voici \u00e0 quoi ressemblent les balises Open Graph sur un article de blog r\u00e9cent sur les th\u00e8mes de comp\u00e9tition\u00a0:<\/p>\n
![\"Comment](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-178569-616f449d5c74a.png\")
<\/a><\/p>\nVous pouvez voir toutes les balises Open Graph qui commencent par "og:". Regardez cette balise "og:image" en particulier. C’est pr\u00e9cis\u00e9ment ainsi que vous indiquez \u00e0 Facebook quelle image utiliser comme vignette lorsque la page est partag\u00e9e.<\/p>\n
Ainsi, tout ce dont vous avez besoin est un moyen d’ajouter une balise d’image Open Graph \u00e0 vos publications qui utilisera automatiquement votre image en vedette.<\/p>\n
Ne vous inqui\u00e9tez pas, vous n’avez pas besoin d’\u00e9crire de code. Vous avez juste besoin du bon plugin.<\/p>\n
Il existe deux plugins qui fonctionnent tr\u00e8s bien pour ajouter des balises Open Graph. En fait, vous pourriez m\u00eame en avoir d\u00e9j\u00e0 install\u00e9 un.<\/p>\n
Ajouter un graphique ouvert avec Yoast SEO<\/h3>\n
Utilisez-vous le plugin Yoast SEO<\/a>? Si c’est le cas, vous avez d\u00e9j\u00e0 tout ce dont vous avez besoin.<\/p>\n
Dans le menu Yoast SEO, vous verrez le menu Param\u00e8tres sociaux r\u00e9pertori\u00e9 ici\u00a0:<\/p>\n
![\"Comment](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-178569-616f449ff2da7.png\")
<\/a><\/p>\nVisitez les param\u00e8tres sociaux, puis cliquez sur l’onglet Facebook.<\/p>\n
![\"Comment](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-178569-616f44a270d66.png\")
<\/a><\/p>\nEnfin, vous verrez l’option permettant d’activer les m\u00e9tadonn\u00e9es Open Graph. Assurez-vous que cette option est activ\u00e9e si ce n’est pas d\u00e9j\u00e0 fait.<\/p>\n
![\"Comment](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-178569-616f44a50fcca.png\")
<\/a><\/p>\nC’est tout ce que vous devez faire pour ajouter les balises Open Graph dont Facebook a besoin.<\/p>\n
D\u00e9sormais, chaque fois que vous partagez une publication sur Facebook, l’image en vedette que vous avez d\u00e9finie pour la publication sera automatiquement utilis\u00e9e.<\/p>\n
Apprenez \u00e0 ajouter des images en vedette avec Challenger<\/a><\/p>\n
Dans la capture d’\u00e9cran ci-dessus, vous pouvez voir que Yoast fournit \u00e9galement une option pour d\u00e9finir l’image, le titre et la description que vous souhaitez utiliser pour votre page d’accueil. De plus, il existe une image de secours que vous pouvez utiliser pour tous les articles\/pages qui n’ont pas d’image en vedette.<\/p>\n
Si vous souhaitez que Facebook affiche vos images de publication, mais que vous ne souhaitez pas installer Yoast SEO, utilisez plut\u00f4t les \u00e9tapes suivantes.<\/p>\n
Ajouter Open Graph avec Thumb Fixer pour Facebook<\/h3>\n
Si vous ne souhaitez pas utiliser Yoast SEO, vous pouvez installer le plugin Facebook Thumb Fixer \u00e0 la<\/a> place.<\/p>\n
![\"Comment](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-178569-616f44a7dc40b.png\")
<\/a><\/p>\nThumb Fixer for Facebook ajoute automatiquement des m\u00e9tadonn\u00e9es Open Graph \u00e0 vos publications et pages. Comme avec Yoast SEO, les images en vedette seront utilis\u00e9es comme vignettes sur Facebook.<\/p>\n
Vous pouvez m\u00eame d\u00e9finir une image par d\u00e9faut pour Facebook, ce qui est utile pour tous les messages qui n’ont pas d’image en vedette.<\/p>\n
Voici les param\u00e8tres que ce plugin ajoute \u00e0 votre menu Param\u00e8tres g\u00e9n\u00e9raux.<\/p>\n
![\"Comment](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-178569-616f44aaa65d1.png\")
<\/a><\/p>\nVous n’avez besoin de d\u00e9finir aucun de ces param\u00e8tres, mais ils peuvent vous aider \u00e0 optimiser davantage votre site pour la plate-forme sociale.<\/p>\n
Facebook n’affiche pas de vignette\u00a0!<\/h2>\n
Avez-vous ajout\u00e9 l’un des plugins recommand\u00e9s ci-dessus\u00a0?<\/p>\n
Les vignettes ne s’affichent toujours pas\u00a0?<\/p>\n
Il y a deux \u00e9tapes que vous pouvez suivre pour r\u00e9soudre ce probl\u00e8me.<\/p>\n
Videz le cache de votre site<\/h3>\n
Si vous utilisez un plugin de mise en cache comme WP Rocket<\/a>, les balises Open Graph peuvent ne pas encore appara\u00eetre dans vos pages.<\/p>\n
Pour v\u00e9rifier si les balises ont \u00e9t\u00e9 ajout\u00e9es, visitez n’importe quel article de votre site. Cliquez avec le bouton droit et s\u00e9lectionnez l’option Afficher la source de la page.<\/p>\n
![\"Comment](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-178569-616f44acb40b2.png\")
<\/a><\/p>\nUtilisez ensuite cmd+f (ctrl+f) pour rechercher dans la source de la page le texte suivant\u00a0: og:image.<\/p>\n
Vous devriez voir des r\u00e9sultats comme les suivants\u00a0:<\/p>\n
![\"Comment](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-178569-616f44aec72f9.png\")
<\/a><\/p>\nSi vous ne trouvez pas les balises, cela signifie que vous affichez une version mise en cache de la page. Utilisez votre plugin de mise en cache pour vider le cache et recharger la page. Vous devriez alors voir les m\u00e9tadonn\u00e9es Open Graph dans le code source.<\/p>\n
Facebook n’utilise toujours pas l’image ?<\/h3>\n
Vous avez vid\u00e9 le cache et vous voyez les balises OG dans la source.<\/p>\n
Et si Facebook n’affichait toujours pas l’image lorsque vous partagez votre publication ?<\/p>\n
Cela signifie que Facebook utilise une copie de la publication de son cache avant d’ajouter les balises Open Graph.<\/p>\n
Visitez le d\u00e9bogueur Facebook<\/a> (vous aurez besoin d’un compte FB pour y acc\u00e9der). Entrez votre URL et cliquez sur le bouton D\u00e9boguer. Une fois la page recharg\u00e9e, cliquez sur le bouton "R\u00e9cup\u00e9rer les nouvelles informations de scrape".<\/p>\n
![\"Comment](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-178569-616f44b0df1d9.png\")
<\/a><\/p>\nUne fois que vous avez r\u00e9cup\u00e9r\u00e9 de nouvelles informations de scrape, Facebook remplacera leur version en cache par une nouvelle scrape de la page contenant les donn\u00e9es Open Graph nouvellement ajout\u00e9es.<\/p>\n
Si vous faites d\u00e9filer la page du d\u00e9bogueur, vous verrez le tableau rempli d’informations sur votre page, y compris l’image miniature souhait\u00e9e. Essayez de partager \u00e0 nouveau votre publication sur Facebook et vous devriez voir l’image s’afficher.<\/p>\n
Cette astuce r\u00e9sout le probl\u00e8me 99% du temps, alors assurez-vous de garder cela \u00e0 l’esprit lorsque FB n’affiche pas correctement votre image.<\/p>\n
Plus d’optimisations Facebook<\/h3>\n
En plus d’optimiser votre site avec des balises Open Graph, vous devez \u00e9galement optimiser votre page Facebook. Par exemple, obtenir la taille parfaite de l’image de couverture Facebook<\/a> peut aider \u00e0 l’image de marque et \u00e0 l’engagement. Faites-en votre prochaine t\u00e2che apr\u00e8s avoir ajout\u00e9 des balises Open Graphs \u00e0 votre site.<\/p>\n
Et si vous souhaitez que plus de personnes publient votre contenu sur Facebook, envisagez d’ ajouter des boutons de partage social<\/a> \u00e0 toutes vos publications WordPress.<\/p>\n
Conclusion<\/h2>\n
Faire en sorte que Facebook utilise vos images en vedette dans les vignettes n’a pas besoin d’\u00eatre p\u00e9nible. En fait, vous avez peut-\u00eatre d\u00e9j\u00e0 install\u00e9 un plugin pour ajouter le support n\u00e9cessaire.<\/p>\n
La prochaine fois que vous rencontrez un probl\u00e8me avec les images miniatures Facebook, n’oubliez pas de vider le cache de votre site, d’utiliser le d\u00e9bogueur Facebook et de re-gratter la page pour une nouvelle miniature.<\/p>\n
Vous avez des questions sur l’affichage des vignettes Facebook de vos publications WordPress? Laissez un commentaire ci-dessous.<\/p>\n