---
title: "Configurer Facebook Open Graph et X (Twitter) Cards"
description: "Open Graph désigne principalement des tags créés par Facebook pour décrire vos pages de contenu.   Ces tags améliorent l'affichage de votre contenu sur la plate"
canonical_url: "https://fr.goodbarber.com/help/promouvoir-votre-app-et-engager-vos-utilisateurs-r52/configurer-facebook-open-graph-et-x-twitter-cards-a292/"
lang: fr
---

# Configurer Facebook Open Graph et X (Twitter) Cards

Source: https://fr.goodbarber.com/help/promouvoir-votre-app-et-engager-vos-utilisateurs-r52/configurer-facebook-open-graph-et-x-twitter-cards-a292/

## 1. Activer les tags Open Graph pour partager votre contenu sur Facebook

Open Graph désigne principalement des tags créés 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:**

Rendez-vous dans le menu en bas à gauche **Paramètres >Paramètres de l'App > Connexions externes**
Activez le bouton bleu.

![](https://cmsphoto.ww-cdn.com/superstatic/1682490/art/default/27998146-27881079.jpg?v=1787132988.6028087)

**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'extension Utilisateurs :

[Facebook - 1/2 | S'enregistrer comme développeur auprès de Facebook](https://fr.goodbarber.com/help/gerer-l-acces-utilisateur-et-les-groupes-r102/s-inscrire-en-tant-que-developpeur-facebook-a89/)
[Facebook - 2/2 | Paramétrer l'authentification via Facebook](https://fr.goodbarber.com/help/gerer-l-acces-utilisateur-et-les-groupes-r102/configurer-la-connexion-via-facebook-pour-les-apps-natives-ios-et-android-a39/)

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](https://fr.goodbarber.com/help/deleguer-la-publication-au-service-gbtc-r80/demander-la-mise-a-jour-de-votre-app-ios-service-gbtc-a328/) pour l'aide en ligne iOS, et [ici](https://fr.goodbarber.com/help/publier-votre-app-android-en-solo-r62/generer-et-tester-la-version-ad-hoc-android-a71/) pour l'aide en ligne Android).

![](https://cmsphoto.ww-cdn.com/superstatic/1682490/art/default/27998146-27881080.jpg?v=1787132988.6188087)

## 2. Activer X (Twitter) card

Comme pour Facebook Open Graph, X (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 X (Twitter), X (Twitter) pourra afficher le titre du contenu, son image et son résumé ou les 200 premiers caractères du premier paragraphe.

**A/ Activer X (Twitter) card sur votre back office**
Rendez-vous dans le menu en bas à gauche **Paramètres >Paramètres de l'App > Connexions externes**
Activez le bouton bleu.

![](https://cmsphoto.ww-cdn.com/superstatic/1682490/art/default/27998146-27881081.jpg?v=1787132988.6308088)

**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 soumettre une URL de votre application via [l'outil de validation](https://cards-dev.twitter.com/validator) de X (Twitter) pour tester une fois que vous avez mis à jour votre application.
Après avoir testé dans le validateur, Tweetez l'URL et vous vous verrez la carte apparaître sous votre Tweet dans la vue des détails.

![](https://cmsphoto.ww-cdn.com/superstatic/1682490/art/default/27998146-27881082.jpg?v=1787132988.666809)