Generador de Twitter Card
Genera las meta etiquetas de Twitter (X) Card para las tarjetas summary, summary_large_image, app y player, con una vista previa en vivo de la tarjeta de X y todos los campos específicos de cada tipo.
Vista previa de la tarjeta en X
El Generador de Twitter Card crea las meta etiquetas twitter: que controlan cómo se ve tu enlace cuando se comparte en Twitter/X. Elige un tipo de tarjeta — summary, summary_large_image, app o player — rellena el título, la descripción, la imagen, los perfiles y los campos específicos de la tarjeta, y copia un fragmento limpio para el
de tu página. Una vista previa en vivo al estilo de X muestra exactamente cómo se verá tu publicación antes de publicarla.¿Qué es un Twitter Card?
Un Twitter Card (ahora llamado X Card) es una vista previa enriquecida que aparece cuando alguien comparte tu enlace en Twitter/X. Lo activas añadiendo meta etiquetas twitter: al
de tu página. La etiqueta obligatoria twitter:card elige el diseño, y las demás etiquetas aportan el título, la descripción, la imagen, los perfiles de atribución y los detalles de la app o del player. Cuando faltan las etiquetas twitter:, X recurre a tus etiquetas Open Graph, pero añadir etiquetas twitter: explícitas te da control total sobre la tarjeta.Cómo generar etiquetas de Twitter Card
Elige un tipo de tarjeta y rellena los campos de la izquierda; luego pega el fragmento en tu
.- Elige el tipo de twitter:card: summary, summary_large_image, app o player.
- Añade tus perfiles twitter:site y twitter:creator, además de un título y una descripción.
- Para tarjetas de imagen, pega una URL de imagen y el texto alternativo; para tarjetas de app o player, rellena los campos correspondientes.
- Revisa la vista previa en vivo de la tarjeta en X, haz clic en Copiar y pega las etiquetas dentro del de tu página.
Tipos de Twitter Card explicados
Hay cuatro tipos de tarjeta. summary muestra una miniatura cuadrada pequeña junto al título y la descripción. summary_large_image muestra un banner grande con proporción 2:1 encima del texto — ideal para artículos y contenido visual. app impulsa las instalaciones de tus apps de iOS y Android usando IDs de la tienda en lugar de una imagen. player incrusta un reproductor de vídeo o audio directamente en el feed, y requiere una URL de iframe HTTPS con ancho y alto.
Tamaño de imagen recomendado para Twitter Card
Para summary_large_image, usa una imagen 2:1 de al menos 1200×600 píxeles (1200×628 es habitual). Para la tarjeta summary pequeña, usa una imagen cuadrada de al menos 144×144 píxeles. Mantén las imágenes por debajo de 5 MB y usa JPG, PNG, WEBP o GIF. Añade siempre twitter:image:alt para que la tarjeta sea accesible para los usuarios de lectores de pantalla.
¿Por qué usar este generador de Twitter Card?
- Flujo dedicado por tipo de tarjeta — los campos cambian para adaptarse a las tarjetas summary, summary_large_image, app o player.
- Una vista previa en vivo al estilo de X que alterna entre los diseños de banner grande y miniatura pequeña.
- Todos los campos específicos: twitter:site, twitter:creator, twitter:image:alt, IDs de la tienda de apps y URL/ancho/alto/stream del player.
- Los perfiles con o sin @ se normalizan automáticamente, y todos los valores se escapan en HTML para una salida segura.
- Funciona por completo en tu navegador — no se sube nada y el fragmento es tuyo para copiar.
Preguntas frecuentes
¿Cuál es la diferencia entre un Twitter Card y Open Graph?
Las etiquetas Open Graph (og:) las leen muchas plataformas — Facebook, LinkedIn, Slack, Discord y X — mientras que las etiquetas twitter: solo las lee Twitter/X. X recurre a tus etiquetas Open Graph cuando faltan las etiquetas twitter:, pero añadir etiquetas twitter: te permite definir un tipo de tarjeta específico de X, perfiles de atribución (twitter:site, twitter:creator), tarjetas de app y tarjetas player que Open Graph por sí solo no puede expresar. Si también necesitas etiquetas og:, usa el Generador de Open Graph.
¿Qué tipo de Twitter Card debo elegir?
Usa summary_large_image para artículos y páginas visuales y obtener un banner grande. Usa summary para una tarjeta compacta con una miniatura cuadrada. Usa app cuando tu objetivo sea impulsar instalaciones de apps móviles, y player cuando quieras un reproductor de vídeo o audio incrustado directamente en el feed.
¿Qué tamaño de imagen funciona mejor en un Twitter Card?
Para summary_large_image, usa una imagen 2:1 de al menos 1200×600 píxeles. Para la tarjeta summary pequeña, usa una imagen cuadrada de al menos 144×144 píxeles. Mantén los archivos por debajo de 5 MB y añade twitter:image:alt para la accesibilidad.
¿Necesito tanto twitter:site como twitter:creator?
No, ambos son opcionales. twitter:site es el @usuario del sitio o del editor, y twitter:creator es el @usuario del autor individual. Indica el que corresponda — esta herramienta añade el @ por ti si lo omites.
¿Es gratuito y privado este generador de Twitter Card?
Sí. Es completamente gratuito y funciona por completo en tu navegador con JavaScript. Nada de lo que introduces se sube ni se almacena — las etiquetas y la vista previa se generan localmente en tu dispositivo.