---
title: "Configurar Facebook Open Graph y X (Twitter) Cards"
description: "Básicamente, Open Graph son unas etiquetas creadas por Facebook para describir tus páginas de contenido.   Esas etiquetas mejoran la visualización de tu co"
canonical_url: "https://es.goodbarber.com/help/promocionar-tu-app-y-fidelizar-a-tus-usuarios-r52/configurar-facebook-open-graph-y-x-twitter-cards-a292/"
lang: es
---

# Configurar Facebook Open Graph y X (Twitter) Cards

Source: https://es.goodbarber.com/help/promocionar-tu-app-y-fidelizar-a-tus-usuarios-r52/configurar-facebook-open-graph-y-x-twitter-cards-a292/

## 1. Habilitar etiquetas Open Graph para compartir contenido en Facebook

Básicamente, *Open Graph* son unas etiquetas creadas por Facebook para describir tus páginas de contenido.
Esas etiquetas mejoran la visualización de tu contenido en la plataforma de Facebook.

**A / Activa las etiquetas en tu *back office*:**
Ve al menú al fondo izquierdo **Ajustes >** **Ajustes de App > Conexiones externas**
Cambia el botón azul a **ON**.

![](https://cmsphoto.ww-cdn.com/superstatic/291634/art/default/28035089-27893247.jpg?v=1784297596.3004804)

**B / Configura tu aplicación de Facebook:**

- Si ya has configurado el inicio de sesión en la app con Facebook no tienes que hacer nada.
- Si no has configurado el inicio de sesión con Facebook para tu app, sigue el proceso descrito en nuestra ayuda en línea, ya que es exactamente el mismo para Open Graph. Puedes recuperar la información necesaria en el menú **Ajustes >** **Ajustes de App > Conexiones externas** si no has habilitado el add-on usuarios :

[Autenticación de Facebook - 1/2 | Registrarte como desarrollador de Facebook](https://es.goodbarber.com/help/gestionar-el-acceso-de-usuario-y-los-grupos-r102/registrarse-como-desarrollador-de-facebook-a89/)
[Autenticación de Facebook - 2/2 | Configurar el inicio de sesión con Facebook](https://es.goodbarber.com/help/gestionar-el-acceso-de-usuario-y-los-grupos-r102/configurar-el-inicio-de-sesion-con-facebook-para-las-apps-nativas-ios-y-android-a39/)

Una vez que hayas creado tu app de Facebook, copia y pega el **App ID de Facebook** en el campo correspondiente del menú **Ajustes >** **Ajustes de App > Conexiones externas** de tu back office y haz clic en **OK**.

Ahora puedes reconstruir tu app (haz clic [aquí](https://es.goodbarber.com/help/delegar-la-publicacion-al-servicio-gbtc-r80/solicitar-una-actualizacion-de-la-app-ios-servicio-gbtc-a328/) para la ayuda en línea iOS, [aquí](https://es.goodbarber.com/help/publicar-tu-mismo-la-app-android-solo-r62/generar-y-probar-la-version-ad-hoc-de-android-a71/) para la ayuda en línea Android).

![](https://cmsphoto.ww-cdn.com/superstatic/291634/art/default/28035089-27893248.jpg?v=1784297596.3164804)

## 2. Habilitar las Twitter Cards

Del mismo modo que Facebook Open Graph, las X (Twitter) Cards te permiten mejorar la visualización de tu contenido en su plataforma.
GoodBarber implementó una tecnología que permite que al compartir el contenido en X (Twitter) se muestre el título, la imagen y un resumen o los 200 primeros caracteres del primer párrafo.

**A / Habilita la X (Twitter) Card en tu *back office***
Ve al menú **Ajustes >** **Ajustes de App > Conexiones externas**
Haz clic en el botón azul.

![](https://cmsphoto.ww-cdn.com/superstatic/291634/art/default/28035089-27893249.jpg?v=1784297596.3404806)

**Advertencia :** No olvides actualizar tus modificaciones en el menú **Publicación > Selecciona la plataforma > Actualizar** de tu *back office.*

Puedes abrir un URL de tu app a través de la [herramienta de validación](https://cards-dev.twitter.com/validator) de X (Twitter) para probar si funciona una vez que hayas actualizado la app.
Después de probar con el validador, tuitea la URL y verás la tarjeta aparecer debajo de tu Tweet en la vista de detalles.

![](https://cmsphoto.ww-cdn.com/superstatic/291634/art/default/28035089-27893250.jpg?v=1784297596.3764806)