Comment corriger les erreurs courantes en utilisant le débogueur Facebook openggraph

Facebook debugger est un outil qui vous permet d’analyser et de dépanner les balises openggraph de n’importe quelle page. Avec le débogueur, vous pouvez rapidement réinitialiser la source d’erreur dans un clip multimédia riche. Étant donné que les médias sociaux et Facebook sont des éléments clés de toute stratégie de marketing, savoir comment utiliser cet outil peut être très gratifiant. Parlons du débogueur Facebook et d’openggraph! Qu’est – ce qu’openggraph (et comment ajouter des balises dans WordPress) openggraph fait référence à un ensemble de balises que vous pouvez utiliser pour ajouter des métadonnées aux pages et aux messages. Les plateformes de médias sociaux utilisent ces balises openggraph pour générer des clips riches qui montrent aux utilisateurs: Si vous n’utilisez pas l’étiquette openggraph, les plateformes de médias sociaux génèrent automatiquement des fragments de code pour vos pages lorsque vous les partagez. Cependant, avec cette approche, vous ne serez pas en mesure de contrôler l’apparence de ces riches fragments de code. Cela signifie que si l’image fournie n’a pas l’air bonne, vous devrez l’éditer dans WordPress. Si vous n’aimez pas les méta – descriptions utilisées par Facebook, vous devez également modifier votre contenu. Dans l’ensemble, ce n’est pas une façon intelligente d’utiliser les médias sociaux comme source de trafic. Même cet exemple simple nécessite plusieurs balises openggraph en arrière – plan. Pour les fragments de code riches, les étiquettes suivantes doivent être utilisées:

Cet exemple est tiré d’un article de thème élégant sur les balises opengraph et comment les utiliser (vous devriez lire!). En termes simples, il y a deux façons d’ajouter des balises openggraph au contenu:
Manuel. Tout comme vous utilisez des balises de mode, vous pouvez ajouter manuellement des balises openggraph à une page. L’inconvénient est que vous devez le faire pour chaque page du site que vous souhaitez partager sur les médias sociaux. Utilisation du plug – in. Il existe de nombreux plug – ins qui génèrent automatiquement des étiquettes ouvertes
Dessinez un diagramme pour votre contenu. L’option plug – in la plus populaire est yoast SEO, bien que d’autres plug – ins le puissent. Malheureusement, la version gratuite de yoast SEO n’inclut pas la fonction d’aperçu des fragments de code riches. Cependant, ils ne vous permettent pas d’éditer des balises openggraph pour le contenu en utilisant un éditeur simple.
Si vous utilisez déjà yoast SEO, tirer parti de sa fonctionnalité openggraph est le moyen le plus simple de vous assurer que vos clips de médias sociaux correspondent exactement à vos besoins. Pourquoi utiliser le débogueur Facebook avec le débogueur Facebook opengraph est un outil qui vous aide à vous assurer que vos riches clips de médias sociaux fonctionnent parfaitement et complètement. Pour l’utiliser, il suffit de visiter la page de débogueur partagé des développeurs Facebook. Ici, saisissez l’URL de la page dont vous souhaitez vérifier les étiquettes et cliquez sur le bouton debug: Vous n’avez même pas besoin d’un compte Facebook pour utiliser le débogueur. Une fois l’URL analysée, elle vous montre un aperçu de son riche fragment, ainsi que des informations telles que son URL canonique: Si vous faites un autre défilement vers le bas, vous pouvez analyser toutes les balises opengraph sur la page: N’oubliez pas que le débogueur Facebook ne vous permet pas de corriger des erreurs ou de modifier directement des balises. Cependant, il vous montre un aperçu de l’apparence de votre contenu sur Facebook. Plus important encore, si une erreur est détectée dans l’étiquette openggraph, elle vous rappelle également: Dans la section suivante, nous vous montrerons comment corriger ces problèmes, et cette erreur spécifique est l’une des trois.
Comment utiliser le débogueur Facebook pour corriger 3 erreurs opengraph communes pour cette section, nous nous fierons principalement au débogueur Facebook. Cependant, si vous utilisez yoast SEO, nous vous montrerons également comment le plug – in peut vous aider à corriger plusieurs erreurs openggraph. Allons – y! 1. Gratter à nouveau l’URL pour mettre à jour l’une des erreurs d’image pertinentes