Generador de Tarjetas de Twitter

Completa un formulario con tipo de tarjeta, título, descripción, URL de imagen y usuario del sitio, y genera las etiquetas meta twitter:* correspondientes que controlan cómo se previsualiza un enlace al compartirlo en X (Twitter).

Elige un tipo de tarjeta y luego rellena los campos que quieras controlar: título, descripción, URL de imagen y tu @usuario. Las etiquetas meta generadas se actualizan en vivo debajo del formulario mientras escribes; solo se incluyen los campos que hayas rellenado. Copia el resultado y pégalo en el head de la página que describe.

Elegir "summary_large_image", un título "10 Tips for Faster Websites", una descripción, una URL de imagen y el sitio "@quiklio" produce cinco etiquetas meta: twitter:card, twitter:title, twitter:description, twitter:image y twitter:site, cada una como una línea meta independiente.

"summary" muestra una pequeña miniatura cuadrada junto al título y la descripción, adecuada para contenido breve o páginas sin una imagen destacada fuerte. "summary_large_image" muestra una imagen a todo lo ancho encima del texto y es la opción más habitual para artículos, páginas de producto y entradas de blog. "app" y "player" son tipos especializados para promocionar una app móvil o incrustar vídeo/audio directamente en la línea de tiempo.

X lee primero las etiquetas twitter:*, pero recurre a las etiquetas Open Graph equivalentes (og:title, og:description, og:image) para todo lo que omitas — por eso la mayoría de los sitios configuran juntas las etiquetas Open Graph y Twitter Card en lugar de duplicar cada valor en dos formatos. Consulta el Generador de Open Graph para los equivalentes og:*.

Esta herramienta solo genera el marcado de las etiquetas meta — no valida que tu imagen cumpla las recomendaciones de tamaño o relación de aspecto de X, no comprueba que las URL sean accesibles y no previsualiza cómo se renderizará realmente la tarjeta. Prueba la página terminada con una herramienta de vista previa/validación de tarjetas después de publicarla, ya que las cachés también pueden conservar una vista previa antigua tras cambiar las etiquetas.

Los nombres de las etiquetas y su comportamiento siguen el marcado de Cards documentado públicamente por X (Twitter). La generación ocurre enteramente en tu navegador; nada de lo que escribes se envía a un servidor ni se almacena.