Activer les tags Open Graph pour partager votre contenu sur Facebook

Open Graph s'agit principalement de tags créée par Facebook pour décrire vos pages de contenu.

Ces tags améliorent l'affichage de votre contenu sur la plateforme Facebook.

A/ Activer les balises Open Graph dans votre back office:

Aller sur le menu en bas à gauche Paramètres >Paramètres de l'App > Connexions externes
Activez le bouton.

picture

B/ Configurez votre application Facebook:

  • Si vous avez déjà configuré la connexion avec Facebook pour votre application, vous n'avez pas besoin de faire quoi que ce soit.
  • Si vous n'avez pas configuré de login avec Facebook pour votre application, suivez le processus décrit dans nos aides en ligne car il s'agit exactement de la même chose pour Open Graph, vous pouvez récupérer les informations nécessaires dans le menu Paramètres >Paramètres de l'App > Connexions externes si vous n'avez pas activé l'add-on utilisateurs :
Facebook - 1/2 | S'enregistrer comme développeur auprès de Facebook
Facebook - 2/2 | Paramétrer l'authentification via Facebook 

Une fois que vous avez créé votre application Facebook, copiez et collez l'ID de votre l'application Facebook dans le champ approprié dans le menu Paramètres >Paramètres de l'App > Connexions externes de votre back office et cliquez sur OK.

Vous pouvez maintenant reconstruire votre application (cliquez ici pour l'aide en ligne iOS, et ici pour l'aide en ligne Android).
 

picture

1

Activer Twitter card

Comme pour Facebook Open Graph, Twitter card vous permet d'améliorer l'affichage de votre contenu sur leur plateforme.
Goodbarber a mis en œuvre la "Summary Large Image", ce qui signifie que lorsque vous partagez votre contenu sur Twitter, Twitter pourra afficher le titre du contenu, son image et son résumé ou 200 premiers caractères du premier paragraphe.

A/ Activer Twitter card sur votre back office
Aller sur le menu en bas à gauche Paramètres >Paramètres de l'App > Connexions externes
Activez le bouton.

picture

Avertissement: N'oubliez pas de mettre à jour vos modifications dans le menu Publication > Sélectionnez la plateforme > Mettre à jour de votre back office.

Vous pouvez exécuter une URL de votre application via l'outil de validation de Twitter pour tester une fois que vous avez mis à jour votre application.
Après avoir testé dans le validateur, Tweetez l'URL et vous pourrez voir que la carte apparaîtra sous votre Tweet dans les détails.

picture

Autres articles
Conseils pour créer une app