Falta twitter:image — Contenido visual para X/Twitter

¿Qué es twitter:image?

La meta etiqueta twitter:image especifica la imagen que se muestra en las previsualizaciones de enlaces de X/Twitter. Combinada con twitter:card, crea una previsualización visual atractiva que aumenta drásticamente la interacción.

Comportamiento de respaldo

X/Twitter busca imágenes en este orden:

1. twitter:image — Prioridad más alta
2. og:image — Respaldo con Open Graph
3. Sin imagen — Muestra una previsualización mínima solo con texto

Si tanto twitter:image como og:image faltan, tu enlace aparecerá como una URL plana o una tarjeta mínima sin imagen, lo que supone una oportunidad perdida importante.

Impacto en la interacción

• Los tweets con imágenes obtienen un 150 % más de retweets que los que no tienen
• Las tarjetas con imágenes grandes consiguen un 40 % más de clics que las tarjetas resumen
• El contenido visual se procesa 60 000 veces más rápido por el cerebro que el texto

Cómo solucionarlo

<meta name="twitter:image" content="https://yoursite.com/twitter-image.jpg" />

Requisitos de imagen para X/Twitter

Para summary_large_image:

• Recomendado: 1200 x 600px (proporción 2:1)
• Mínimo: 300 x 157px
• Tamaño máximo de archivo: 5MB
• Formatos: JPG, PNG, WebP, GIF (solo el primer fotograma)

Para summary:

• Recomendado: 240 x 240px (proporción 1:1)
• Mínimo: 144 x 144px

Buenas prácticas

1. Usa URLs absolutas con HTTPS — https://yoursite.com/image.jpg
2. Optimiza para la proporción 2:1 — Diferente de la proporción 1.91:1 de og:image
3. Considera usar imágenes separadas para Twitter — La diferencia de proporción hace que tu imagen de OG pueda recortarse de forma distinta
4. Mantén el texto al mínimo y en tamaño grande — La imagen puede mostrarse pequeña en móvil
5. Prueba con el Card Validator — Siempre previsualiza antes de publicar

¿Por qué usar una imagen diferente para Twitter?

Las proporciones recomendadas difieren:

• og:image: 1200 x 630 (1.91:1)
• twitter:image: 1200 x 600 (2:1)

Si usas la misma imagen de 1200x630, X podría recortar ligeramente la parte superior e inferior. Para la mayoría de imágenes esto no es problema, pero si tu diseño tiene contenido en los bordes, considera crear una versión específica optimizada para Twitter.