Skip to content
Rankora
Gratis · en tu navegador

Generador de Twitter/X Card

Elige el tipo de tarjeta y rellena los campos: la herramienta genera las etiquetas twitter:*, muestra una vista previa y revisa los errores habituales.

Privacidad y coste

Esta herramienta funciona en tu navegador. Lo que escribes o pegas no se envía a nuestros servidores y usarla es gratis.

Cómo funciona

  1. Elige el tipo de tarjeta: summary, summary_large_image, app (instalación de aplicación) o player (vídeo, audio).
  2. Indica la cuenta del sitio, el título, la descripción y la URL de la imagen (o los identificadores de la app, o el reproductor).
  3. Copia las etiquetas en el <head> y corrige los avisos; la vista previa se actualiza mientras escribes.

Ejemplo

Una tarjeta summary_large_image con la cuenta @example, el título «10 Tips for Faster Websites», una descripción, una imagen https y su texto alternativo genera 6 etiquetas meta: twitter:card, twitter:site, twitter:title, twitter:description, twitter:image y twitter:image:alt, sin ningún aviso.

Qué significa el resultado

Las etiquetas twitter:* definen la tarjeta que se muestra cuando se publica un enlace en X. Para cualquier campo ausente, X recurre a las etiquetas Open Graph. summary_large_image destaca la imagen con proporción 2:1, summary muestra una imagen cuadrada pequeña, app ofrece instalar una aplicación y player incrusta un reproductor en un iframe https.

Problemas habituales que ayuda a resolver

  • Un enlace publicado en X sin tarjeta porque falta la etiqueta twitter:card.
  • Una imagen ausente, relativa o con una proporción incorrecta para el tipo de tarjeta elegido.
  • Una cuenta twitter:site sin @ o mal escrita.
  • Una tarjeta player cuya URL no es https o carece de ancho y alto.

Preguntas frecuentes

¿Necesito etiquetas Twitter si ya tengo Open Graph?

X lee Open Graph como alternativa, pero twitter:card sigue siendo útil para elegir el diseño. Puedes rellenar solo twitter:card, twitter:site y la imagen si hace falta.

¿Qué diferencia hay entre summary y summary_large_image?

summary muestra una imagen cuadrada pequeña junto al texto; summary_large_image muestra una imagen grande sobre el texto con proporción 2:1.

¿Siguen valiendo estas etiquetas ahora que se llama X?

Sí: el prefijo twitter: sigue siendo el documentado para las tarjetas de X. Los enlaces se comportan como antes.