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
- Elige el tipo de tarjeta: summary, summary_large_image, app (instalación de aplicación) o player (vídeo, audio).
- 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).
- 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.
Herramientas relacionadas
- Generador de etiquetas Open GraphRellena el título, la descripción, la imagen y la URL: la herramienta genera las etiquetas meta para pegar en el <head> y revisa los errores habituales.Gratis · en tu navegador
- Verificador Open Graph y vista previa socialEscribe una URL o pega el HTML: la herramienta extrae todas las etiquetas sociales, muestra la vista previa del enlace y lista lo que hay que corregir.Gratis · sin cuenta
- Verificador de meta títuloPega tu etiqueta title y comprueba si cabe en los resultados de Google: longitud, ancho en píxeles, posición de la palabra clave y vista previa.Gratis · en tu navegador
- Verificador de meta descripciónPega tu meta descripción para ver cómo podría mostrarla Google: longitud, ancho en píxeles, vista previa en escritorio y móvil y palabra clave.Gratis · en tu navegador
- Vista previa del fragmento de GoogleEdita el título, la URL y la descripción para ver un resultado de Google simulado en escritorio y móvil, con los cortes medidos en píxeles.Gratis · en tu navegador
- Analizador de etiquetas metaPega el HTML de una página o escribe su URL para ver todas sus etiquetas meta en una tabla y detectar las que faltan.Gratis · sin cuenta