Metadatos // Artículos

Twitter Card y Open Graph en X

Cómo X usa twitter:* tags, fallback de Open Graph, proporciones de imagen y cambios de interfaz para vistas previas.

En el trabajo diario se habla de “OGP de X”, pero el sistema de vistas previas de X viene de Twitter Cards. Puede usar valores Open Graph como fallback, por eso ambos conceptos suelen mezclarse.

Open Graph es la base común

Open Graph describe una página como un objeto rico para vistas previas. Los campos básicos son og:title, og:type, og:image y og:url.

twitter:* actúa como override para X

X Cards mira primero etiquetas como twitter:title, twitter:description y twitter:image. Si no existen, puede usar og:title, og:description y og:image.

  • Ordena primero el OGP básico
  • Usa twitter:card=summary_large_image para tarjetas grandes
  • Añade twitter:* solo si X necesita valores distintos
  • Diseña la imagen para recortes 1.91:1 y 2:1
  • La UI final depende de caché y experimentos de X

Referencias