Genera imágenes de Twitter Card con una API
Una imagen de Twitter (X) card es la vista previa grande que se muestra cuando se comparte un enlace en X. FastOG la genera dinámicamente a 1200×630 y señala summary_large_image, de modo que cada página obtiene una X card adecuada sin necesidad de crear una imagen manualmente.
Qué necesita una imagen de tarjeta de Twitter
X lee las etiquetas de Open Graph y renderiza una tarjeta summary_large_image cuando la página enlaza twitter:card = summary_large_image. La imagen se renderiza a 1200×630. FastOG produce exactamente eso, y apuntas twitter:image a la misma URL dinámica que og:image.
Cómo configurar una tarjeta de Twitter dinámica
Genera tu URL de FastOG una sola vez y luego establece tanto las metaetiquetas de OG como las de Twitter apuntando a ella.
<meta property="og:image" content="https://fastog.com/api/v1/og?template=default&title=My+Post&key=sk_...&s=...">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="My Post">
<meta name="twitter:image" content="https://fastog.com/api/v1/og?template=default&title=My+Post&key=sk_...&s=...">
La misma URL funciona para ambas etiquetas. X recurre a
og:imagesitwitter:imageno está presente, pero establecer ambas es inofensivo y explícito.
Consejos para el validador de tarjetas de X
| Comprobación | Detalle |
|---|---|
| URL pública | La imagen debe ser accesible por X sin autenticación |
| Tamaño / formato del archivo | Mantenla por debajo de 5 MB; PNG es lo mejor para tarjetas con texto |
| Caché | X almacena en caché de forma agresiva: usa el validador de tarjetas para forzar una actualización |
| URLs firmadas | Las URLs firmadas por contenido de FastOG solo protegen el primer renderizado; las tarjetas en caché siguen siendo válidas |
Preguntas frecuentes
¿Necesito imágenes separadas para X y Open Graph?
No. X lee la misma imagen de 1200×630. Esta página existe porque las etiquetas twitter:card correctas son fáciles de equivocar.
¿Por qué mi tarjeta de X no se actualiza después de cambiar el título?
X guarda en caché la tarjeta anterior. Abre el Validador de tarjetas de X, pega la URL y vuelve a escanear.
¿FastOG también gestiona las metaetiquetas de twitter?
FastOG genera la imagen; tú aún añades las metaetiquetas twitter:card y twitter:image a tu página (como se muestra arriba). Nuestro Generador de metaetiquetas Open Graph gratuito escribe todas las etiquetas por ti.