Generador de tarjetas de Twitter / X

¿Cómo se ve tu enlace cuando se publica en X?

Cuando alguien pone la dirección de tu página en una publicación de X, el antiguo Twitter, debajo aparece una tarjeta con una imagen y un título. Esa tarjeta se construye a partir de las etiquetas twitter de la cabecera de tu página. Sin ellas ni etiquetas Open Graph, tu enlace puede verse como una simple línea sin imagen que tus seguidores pasan de largo. El generador de tarjetas de Twitter / X de Jood escribe esas etiquetas por ti y te deja elegir el formato de la tarjeta.

Cómo se usa

1. Escribe el «Título de la página», el único campo obligatorio, y luego la «Descripción».
2. Elige el «Tipo de tarjeta» y añade la «URL de la imagen».
3. Añade si quieres el «Usuario de Twitter» de tu web y la «Cuenta del autor». Puedes escribirlos con o sin @, porque la herramienta lo añade.
4. Pulsa «Empezar ahora», copia el código con «Copiar resultado» y pégalo dentro de la etiqueta head.

El usuario admite letras sin tilde, números y guion bajo, hasta 15 caracteres, como exige X.

¿Qué tipo elegir?

• summary_large_image: una imagen grande que ocupa todo el ancho de la tarjeta, con el título encima. Es lo mejor para artículos y productos, porque la imagen llama la atención.
• summary: una imagen pequeña y cuadrada junto al título y una descripción breve. Va bien para páginas sin una imagen expresiva, o cuando el logotipo es la imagen.

Consejos antes de publicar

• A veces basta con Open Graph: cuando X no encuentra etiquetas twitter, suele tomar el título, la descripción y la imagen de las etiquetas Open Graph. Aun así, la etiqueta twitter:card fija con claridad el formato de la tarjeta, así que añade al menos esa.
• La dirección completa de la imagen: empieza por https://, y a la imagen grande le conviene una proporción cercana a 2 por 1.
• La tarjeta se guarda en caché: después de la primera publicación del enlace, X puede mantener la tarjeta antigua un tiempo, así que no te preocupes si tu cambio no aparece enseguida.
• Un título corto se lee mejor: la herramienta te avisa si el título pasa de 70 caracteres, si la descripción pasa de 200 o si te olvidaste de la imagen.

Para la vista previa de los enlaces en Facebook, WhatsApp y LinkedIn, usa el generador de etiquetas Open Graph, y para todas las etiquetas básicas de la página, el generador de metaetiquetas.

Preguntas frecuentes