Comprendre et utiliser le debugger de partage de Facebook

facebook debug
Lorsque vous partagez un lien sur Facebook, la plateforme de médias sociaux fournit un aperçu du lien sous la forme d’une image, d’un titre et d’une description. Si vous n’êtes pas satisfait de l’aspect de votre lien lorsqu’il est partagé sur Facebook, l’outil Facebook Sharing Debugger peut vous aider.

L’outil de débogage de partage Facebook vous permet de voir comment votre lien se présentera lorsqu’il sera partagé sur Facebook. Il vous permet également d’apporter des modifications à l’image, au titre et à la description de votre lien.

Qu’est-ce que le débogueur de Facebook ?

Le débogueur de Facebook est un outil gratuit et facile à utiliser qui vous permet de contrôler le formatage et l’apparence de l’aperçu généré automatiquement pour vos publications Facebook. Le débogueur de Facebook vous permet d’apporter des modifications à l’aperçu que Facebook génère automatiquement pour vos publications de blog, vos articles et tout autre contenu de site. Il ne nécessite aucun logiciel spécial ni aucune connaissance en programmation pour être utilisé. Nous allons vous montrer comment commencer à utiliser le débogueur de Facebook dès maintenant !

  • Étape 1 : ouvrir le débogueur facebook
    Tout d’abord, vous devez ouvrir l’outil Facebook Debugger sur le site du développeur. Pour ce faire, accédez à http://developers.facebook.com/tools/debug/, et cliquez sur le lien Facebook Debugger. Vous accédez alors à la page Facebook Debugger. Vous verrez alors une liste de pages Facebook connectées à votre compte Facebook. Faites défiler jusqu’au bas de la page et cliquez sur le lien Debugger pour ouvrir Facebook Debugger.
  • Étape 2 : sélectionnez une page d’exemple
    Une fois sur la page de Facebook Debugger, vous verrez une liste des pages Facebook connectées à votre compte Facebook. Si votre blog ne figure pas dans la liste, vous devrez l’ajouter en cliquant sur le lien Ajouter une page en haut de la page. Vous pourrez ensuite choisir une page connectée à votre compte Facebook. Pour sélectionner une page, cliquez sur l’icône du crayon, puis sur la page que vous souhaitez ajouter à Facebook Debugger.
  • Étape 3 : apporter des modifications à votre publication
    Si vous utilisez le Facebook Debugger pour prévisualiser une publication que vous avez déjà publiée, vous pouvez modifier le titre, la description et l’image de la publication.Pour modifier le titre :
    Cliquez sur l’icône en forme de crayon dans le coin supérieur gauche, sélectionnez le titre que vous souhaitez modifier, puis effectuez les changements.

    Pour modifier la description :
    Cliquez sur l’icône en forme de crayon dans le coin supérieur gauche, sélectionnez la description que vous souhaitez modifier, puis effectuez les changements :

    Cliquez sur l’icône en forme de crayon dans le coin supérieur gauche, sélectionnez l’image que vous souhaitez modifier, puis effectuez les changements.

  • Étape 4 : partagez la page sur facebookAprès avoir effectué vos modifications, vous êtes prêt à les tester. Cliquez sur le bouton Partager, dans le coin supérieur droit de la page Facebook Debugger. Cela ouvre une boîte de dialogue dans laquelle vous pouvez partager la page sur Facebook.

    Vous pouvez également copier le lien pour le partager sur Facebook, en cliquant sur le bouton Copier, dans le coin supérieur droit de la page Facebook Debugger.

    Vous pouvez également partager votre lien vers Facebook sur une autre page, en sélectionnant la page dans la liste déroulante, puis en cliquant sur le bouton Partager.

Les balises open graph

Facebook conserve le contenu des balises Open Graph jusqu’à 24 heures dans son propre cache. Les modifications apportées à l’implémentation
de l’Open Graph Tags seraient donc difficiles à tester – s’il n’y avait pas un outil fourni par Facebook, le débogueur d’URL (ou linter, comme on l’appelait autrefois).
Le débogueur d’URL ( http://developers.facebook.com/tools/debug) lit les balises Open Graph de n’importe quelle page Web et présente les contenus qu’il contient.
Les contenus sont présentés de la même manière qu’ils seront interprétés par Facebook. Ce faisant, il fournit des informations utiles sur les problèmes éventuels et les balises manquantes sont également fournies.

Effet secondaire agréable : chaque appel au débogueur d’URL réinitialise le cache de la page web interrogée ! Le débogueur d’URL est donc un outil indispensable à tous les marketeurs et entrepreneurs pour votre travail avec le protocole Open Graph !
Vous pouvez également utiliser le débogueur d’URL pour mettre en cache les tags de l’Open Graph.

Pour réinitialiser un grand nombre de pages web à la volée, il suffit d’un script PHP, qui envoie les pages une par une à travers le débogueur en utilisant curl(). Une possibilité
Il n’existe malheureusement pas de possibilité de supprimer le cache de toutes les pages web d’un domaine en une seule fois.

Comment déboguer mon annonce avec cet outil?

La solution la meilleure et la plus sûre pour résoudre le problème des images et de l’Open Graph est justement d’utiliser le débogueur Facebook. Non seulement cela résoudra votre problème d’image, mais cela permettra également de tester les URL, les titres, ainsi que la description et les autres fichiers multimédias. Nous vous proposons ici un court tutoriel sur la manière d’utiliser le débogueur Facebook pour résoudre le problème. Vous pouvez facilement l’obtenir à partir de la boîte à outils de Facebook pour les développeurs. Voyons maintenant comment utiliser Facebook Debugger pour résoudre ces problèmes.

Tout d’abord, allez sur la page Facebook pour les développeurs. Vous verrez l’option Support et outils où vous verrez l’outil Facebook Debugger que nous utiliserons à cette fin.

Vous pouvez alors ajouter l’URL de votre WordPress et déboguer le site pour voir comment l’article apparaîtra sur votre page Facebook. Cela permettra non seulement de déboguer les médias, mais aussi de tester les URL, les titres, ainsi que la description et les autres fichiers multimédias en cas de problème avec le message.

Le débogueur Facebook vous donnera ensuite un aperçu de ce à quoi ressemblera le flux une fois que vous l’aurez partagé. S’il y a des problèmes, il vous donnera également des détails sur ce qui ne va pas. Voici quelques exemples de problèmes et comment nous pouvons les résoudre !

Pas d’image en vedette ou image en vedette trop petite

Il est très important de choisir la bonne image qui sera mise en vedette et sa taille. Souvent, nous avons tendance à oublier d’ajouter l’image vedette et parfois même lorsque nous l’ajoutons, la taille de l’image est trop petite pour que Facebook puisse la capter.

Lorsque nous publions le flux, Facebook choisit automatiquement l’image vedette qui a la bonne taille et les bonnes dimensions.

Lorsqu’il y a une image vedette qui est plus petite que la taille recommandée de l’image vedette 200×200, il affiche les images utilisées dans le contenu. La plupart du temps, c’est la première image de l’article qui est affichée ou, si elle est trop petite, Facebook choisit automatiquement l’image suivante du blog.

Correction des balises Open Graph

Outre les problèmes liés à la taille des images, les balises OG peuvent également être à l’origine du désordre. Cela signifie essentiellement que les balises OG ou Open Graph que Facebook veut avoir sont soit erronées, soit manquantes. Vous pouvez vérifier ces problèmes dans le menu Open Graph du débogueur de Facebook.

Après avoir examiné les problèmes, le moyen le plus simple de les résoudre est d’utiliser des plugins comme Facebook Open Graph ou Yoast SEO. Cela vous permettra de vous assurer que l’image que vous souhaitez afficher y restera, en veillant à ce que Facebook reçoive toutes les informations nécessaires ou les bonnes balises OG.

La correction des problèmes d’Open Graph Facebook n’est pas une tâche facile, mais objectivement le débogueur facebook est un super outil pour vous aider dans cette tâche.