Que es una Twitter Card?

Una Twitter Card es la vista previa enriquecida que X muestra cuando alguien publica un enlace. Meta tags como twitter:card, twitter:title, twitter:description y twitter:image dicen a X como renderizar esa previa.

Cual es la diferencia entre summary y summary_large_image?

summary_large_image muestra una imagen ancha encima del titulo - ideal para posts y lanzamientos. summary usa una miniatura cuadrada junto al texto - mejor para shares compactos. Elige el tipo que encaje con tu imagen.

Sigo necesitando etiquetas Open Graph?

Si para Facebook, LinkedIn, Slack y muchos mensajeros. X puede usar Open Graph como respaldo, pero las tags twitter:* dan control explicito. Genera ambas: este tool mas el Generador de etiquetas Open Graph.

Que tamano debe tener la imagen de la Twitter Card?

Usa una URL https absoluta. Unos 1200 x 628 px van bien para summary_large_image. Para summary, una imagen cuadrada (al menos 144 x 144, idealmente mas grande) es mas segura.

Que va en twitter:site?

El @handle de tu marca o sitio en X. Puedes escribir @marca, marca o una URL de perfil: el generador lo normaliza a @handle.

Dentro del head del documento HTML publico (o la API de metadata de tu framework). Deben ser visibles en la URL que compartes para que el crawler de X las lea.

Mis datos salen del dispositivo?

No. El Generador de Twitter Cards corre solo en tu navegador. Titulos, handles e URLs de imagen no se suben ni se guardan en un servidor.

Herramientas SEO

Popular

Generador de Twitter Cards

Crea meta tags de Twitter Card para X en el navegador.

Tipo de tarjeta

summary_large_image para una imagen ancha. summary para una tarjeta compacta con miniatura cuadrada.

Titulo

0 caracteres

Descripcion

0 caracteres

URL de la imagen

Usa una URL https absoluta. 1200 x 628 px funciona bien para summary_large_image.

Sitio (@handle)

El handle de tu marca en X. Acepta @nombre, nombre o una URL de x.com / twitter.com.

Creador (@handle)

Opcional. Handle del autor del contenido.

Etiquetas HTML

Rellena un titulo, descripcion, imagen o handle para generar etiquetas.

Vista previa X / Twitter

Anade una URL de imagen para previsualizar

Titulo de tu tarjeta

Tu descripcion aparece aqui cuando se comparte el enlace.

example.com

Acerca de Generador de Twitter Cards

Crea meta tags de Twitter Card para X en el navegador. Elige summary o summary_large_image, introduce titulo, descripcion, URL de imagen y handles opcionales @site / @creator, y copia el HTML al head de tu pagina. La vista previa muestra como se lee una tarjeta compacta o de imagen grande. Combinalo con el Generador de etiquetas Open Graph si tambien necesitas Facebook y LinkedIn. Nada se sube.

Cómo usar Generador de Twitter Cards

Elige el tipo de tarjeta: summary_large_image para un hero ancho, o summary para una miniatura compacta.
Introduce el titulo y la descripcion que se muestran al compartir el enlace.
Pega una URL https absoluta de imagen (1200 x 628 va bien para tarjetas grandes).
Anade twitter:site (handle de marca) y twitter:creator opcional.
Copia el HTML y pegalo dentro del head de tu pagina.

Ejemplos de Generador de Twitter Cards

Articulo con imagen grande

Tarjeta summary_large_image, titulo del post, descripcion de dos lineas e imagen 1200 x 628 producen twitter:card, twitter:title, twitter:description y twitter:image listos para la plantilla.

Pagina de producto con handle de marca

Anade @tumarca como site para que X atribuya la tarjeta a tu cuenta. Manten el titulo bajo ~70 caracteres para que no se corte en el timeline.

Tarjeta summary compacta

Usa summary con una miniatura cuadrada cuando el share debe quedar pequeno junto al titulo - util para docs y enlaces de soporte.

Handle desde una URL de perfil X

Pega https://x.com/toolsminify en Sitio y el generador lo normaliza a @toolsminify en twitter:site.

Casos de uso comunes

Publicar tags twitter:card en un blog o landing
Comparar summary vs summary_large_image antes del deploy
Configurar twitter:site y twitter:creator correctamente
Escapar titulos con comillas y ampersands para HTML valido
Complementar Open Graph con control especifico para X

Preguntas frecuentes sobre Generador de Twitter Cards

Que es una Twitter Card?: Una Twitter Card es la vista previa enriquecida que X muestra cuando alguien publica un enlace. Meta tags como twitter:card, twitter:title, twitter:description y twitter:image dicen a X como renderizar esa previa.
Cual es la diferencia entre summary y summary_large_image?: summary_large_image muestra una imagen ancha encima del titulo - ideal para posts y lanzamientos. summary usa una miniatura cuadrada junto al texto - mejor para shares compactos. Elige el tipo que encaje con tu imagen.
Sigo necesitando etiquetas Open Graph?: Si para Facebook, LinkedIn, Slack y muchos mensajeros. X puede usar Open Graph como respaldo, pero las tags twitter:* dan control explicito. Genera ambas: este tool mas el Generador de etiquetas Open Graph.
Que tamano debe tener la imagen de la Twitter Card?: Usa una URL https absoluta. Unos 1200 x 628 px van bien para summary_large_image. Para summary, una imagen cuadrada (al menos 144 x 144, idealmente mas grande) es mas segura.
Que va en twitter:site?: El @handle de tu marca o sitio en X. Puedes escribir @marca, marca o una URL de perfil: el generador lo normaliza a @handle.
Donde pego el HTML?: Dentro del head del documento HTML publico (o la API de metadata de tu framework). Deben ser visibles en la URL que compartes para que el crawler de X las lea.
Mis datos salen del dispositivo?: No. El Generador de Twitter Cards corre solo en tu navegador. Titulos, handles e URLs de imagen no se suben ni se guardan en un servidor.

Generador de etiquetas Open Graph

Genera etiquetas Open Graph y Twitter Card a partir de un título, una descripción, una URL y una imagen. Generador OG gratis con HTML en vivo y vista previa social.

Comprobador de meta description y vista previa SERP

Comprobador gratis de longitud SERP y vista previa de meta description. Contador de caracteres en vivo y preview del snippet de Google, o genera un borrador. Se ajusta al límite de 150-160.

Generador de URL de campana UTM

Generador gratis de URL de campana UTM para GA4. Anade utm_source, utm_medium y utm_campaign, analiza un enlace etiquetado y pasa valores a minusculas (GA4 distingue mayusculas). Nada se sube.