Generador de Twitter (X) Card
Genera meta etiquetas twitter:card para las vistas previas de enlaces en X (Twitter): summary o summary_large_image, cuentas site y creator, título, descripción e imagen.
Mínimo 300×157 px, proporción 2:1 (p. ej. 1200×600).
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@example"> <meta name="twitter:title" content="My Awesome Article"> <meta name="twitter:description" content="A short summary shown in the card."> <meta name="twitter:image" content="https://example.com/card.png"> <meta name="twitter:image:alt" content="Article cover">
¿Qué es Generador de Twitter Card?
Este generador escribe las meta etiquetas twitter: que X (antes Twitter) usa para mostrar las tarjetas de enlace: el tipo de tarjeta (summary o summary_large_image), las cuentas @site y @creator, el título, la descripción, la imagen y su texto alternativo.
Cómo usar Generador de Twitter Card
- Elige el tipo de tarjeta: summary (imagen cuadrada pequeña) o summary_large_image (imagen ancha).
- Introduce las cuentas del sitio y del creador; si omites la @, se añade.
- Rellena el título, la descripción, la URL de la imagen y el texto alternativo.
- Copia las etiquetas en el <head> de la página.
Ejemplo
summary, @example, title Hello
<meta name="twitter:card" content="summary"> <meta name="twitter:site" content="@example"> <meta name="twitter:title" content="Hello"> <meta name="twitter:description" content="A short summary shown in the card."> <meta name="twitter:image" content="https://example.com/card.png"> <meta name="twitter:image:alt" content="Article cover">
Cuándo usar Generador de Twitter Card
Úsalo cuando quieras que X muestre una tarjeta con imagen grande o que atribuya el contenido a la cuenta de un autor. Si tu página ya tiene etiquetas Open Graph, solo necesitas twitter:card y los valores que deban ser distintos en X.
Cómo funciona Generador de Twitter Card
La herramienta siempre emite twitter:card y añade las demás etiquetas solo si están rellenas, con escape HTML. Los nombres de cuenta se normalizan para que empiecen por @. image:alt solo se añade junto con una imagen. X recurre a las etiquetas Open Graph (og:title, og:description, og:image) para todo lo que no esté definido, así que puedes mantener mínimo el conjunto twitter:.
Casos de Uso Comunes
- Convertir un enlace simple en una tarjeta con imagen grande en X.
- Atribuir un artículo a la @cuenta de su autor.
- Usar en X una imagen distinta de la de Facebook.
- Añadir texto alternativo a las imágenes de las tarjetas por accesibilidad.
Preguntas Frecuentes
¿Necesito etiquetas de Twitter si ya tengo las de Open Graph?
Solo twitter:card es necesaria para elegir el tipo de tarjeta; en lo demás, X reutiliza og:title, og:description y og:image.
¿Qué tamaño de imagen debo usar?
summary_large_image: al menos 300×157, idealmente 1200×600 (2:1). summary: al menos 144×144, cuadrada.
¿Sigue funcionando tras el cambio de nombre a X?
Sí. X sigue leyendo las meta etiquetas twitter:.