Generador de Twitter Cards con vista previa en vivo
Crea las etiquetas meta de Twitter Card con una vista previa en tiempo real: elige el tipo de tarjeta, añade título, descripción y URL de imagen, y copia el HTML listo para pegar. Funciona enteramente en tu navegador, sin registro.
Cómo usar esta herramienta
- Choose a card type — summary or summary with large image.
- Add the title, description, and image URL, and watch the preview.
- Copy the twitter: meta tags into your page's <head>.
Card Type
Recommended: under 70 characters. Falls back to your page <title> if omitted.
Recommended: under 200 characters. Falls back to meta description if omitted.
Recommended: 1200 × 630 px, JPG or PNG, under 5 MB.
Twitter account for the website.
Twitter account of the content author.
Live Preview
Card title
Card description appears here.
@yoursite
Approximate preview — exact rendering varies on Twitter/X.
<meta name="twitter:card" content="summary_large_image">
Paste these tags inside the <head> element of your HTML page. Twitter fetches the card when someone shares your URL.
Acerca de Generador de Twitter Card
El Generador de Twitter Cards crea las etiquetas meta que controlan cómo se ve tu enlace cuando alguien lo comparte en X (antes Twitter). Eliges el tipo de tarjeta, escribes el título, la descripción y la URL de la imagen, y la herramienta genera al instante el bloque de etiquetas HTML, con una vista previa en vivo que te muestra el aspecto aproximado de la tarjeta a medida que escribes.
Las Twitter Cards son etiquetas meta del tipo «twitter:card», «twitter:title», «twitter:description» y «twitter:image» que colocas en el «<head>» de tu página. Cuando se comparte el enlace, la plataforma lee esas etiquetas para mostrar una tarjeta enriquecida con imagen y texto en lugar de un enlace plano, lo que mejora notablemente el aspecto y la tasa de clics de lo que publicas.
Cuando terminas, copias el HTML generado con un clic y lo pegas en la sección «<head>» de tu página. Todo el proceso ocurre en tu navegador: los textos y la URL que introduces nunca abandonan tu dispositivo y nada se envía a un servidor.
Preguntas frecuentes
- ¿Qué es una Twitter Card?
- Es un conjunto de etiquetas meta que indican a X (Twitter) cómo mostrar tu enlace al compartirlo: con título, descripción e imagen en una tarjeta enriquecida en lugar de un enlace simple.
- ¿Qué tipos de tarjeta puedo elegir?
- Puedes seleccionar el tipo de tarjeta en la herramienta; el valor se refleja en la etiqueta «twitter:card» del HTML generado y la vista previa se actualiza en consecuencia.
- ¿Dónde pego las etiquetas generadas?
- Dentro de la sección «<head>» de tu página HTML, junto al resto de etiquetas meta. Al compartir el enlace, la plataforma las leerá automáticamente.
- ¿La imagen se sube a algún servidor?
- No. Solo indicas la URL de una imagen que ya esté alojada en algún sitio; la herramienta no sube archivos ni guarda nada. Todo se procesa en tu navegador.
- ¿Se envían mis textos a algún sitio?
- No. La generación de etiquetas y la vista previa se ejecutan enteramente en tu navegador; lo que escribes nunca abandona tu dispositivo.