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
- The Open Graph protocol
- Twitter Developer Platform Blog: Twitter Cards
- Twitter Developer Platform Blog: Delivering a consistent Twitter experience
- Open Graph Image & Meta Tags: Twitter/X Card Meta Tags
- OpenGraphDebug: The difference between Open Graph and X/Twitter Cards
- AP News: X removes article headlines in latest platform update
- Axios: X temporarily restored headlines to posts with links