Generador de Twitter Card
Crea las etiquetas meta que controlan cómo se ve tu enlace al compartirlo en X (Twitter).
Cómo usar Generador de Twitter Card
- Elige un tipo de tarjeta y completa el título, la descripción y la imagen.
- Las etiquetas meta se construyen mientras escribes.
- Cópialas en el head de tu página.
Acerca de Generador de Twitter Card
El Generador de Twitter Card crea las etiquetas meta twitter:card que controlan cómo se ve tu enlace cuando alguien lo comparte en X (antes Twitter). Sin estas etiquetas, un enlace compartido puede aparecer como una URL sencilla sin estilo. Con ellas, X puede mostrar una vista previa enriquecida: un título, una breve descripción y una imagen, haciendo que tu publicación sea mucho más atractiva en una línea de tiempo saturada.
Elige un tipo de tarjeta y completa el título, la descripción, la URL de la imagen y, opcionalmente, el usuario del sitio. Las etiquetas meta se construyen en vivo mientras escribes, y copias el bloque terminado en el <head> de tu página. Una tarjeta summary muestra una pequeña miniatura junto al texto, mientras que summary_large_image presenta una imagen grande a modo de banner encima. Elegir el tipo adecuado y una imagen bien dimensionada hace que la vista previa se vea intencional y no apretada.
Ten una cosa en cuenta: la herramienta genera las etiquetas, pero la vista previa solo se renderiza si la página y la imagen a la que apunta son accesibles públicamente cuando X las obtiene. Las páginas tras un inicio de sesión y las imágenes bloqueadas a los rastreadores no mostrarán vista previa. Todo se genera en tu navegador sin subir nada. Para cubrir también Facebook y otras plataformas, añade etiquetas del Generador de Open Graph.
Preguntas frecuentes
¿Qué son las etiquetas meta de Twitter Card?
Son etiquetas meta colocadas en el head de tu página que le indican a X cómo mostrar tu enlace al compartirlo. Establecen el tipo de tarjeta de vista previa, el título, la descripción y la imagen, para que tu publicación muestre una vista previa enriquecida en lugar de una URL desnuda.
¿Cuál es la diferencia entre summary y summary_large_image?
Una tarjeta summary muestra una pequeña miniatura cuadrada junto al título y la descripción. Una tarjeta summary_large_image muestra una imagen grande y ancha encima del texto, dando al enlace más protagonismo visual en la línea de tiempo.
¿Por qué mi tarjeta no muestra una vista previa?
El motivo más habitual es que la página o la URL de la imagen no son accesibles públicamente cuando X intenta obtenerlas. Las páginas tras un inicio de sesión y las imágenes bloqueadas a los rastreadores no renderizarán una vista previa.
¿Sigo necesitando etiquetas Open Graph?
A menudo sí. X puede recurrir a las etiquetas Open Graph, pero añadir etiquetas Twitter Card dedicadas te da un control preciso en X, mientras que Open Graph cubre Facebook, LinkedIn y otras plataformas.
¿Se sube algo cuando uso esto?
No. Las etiquetas meta se ensamblan por completo en tu navegador. Nada de lo que introduces se envía a ningún sitio, así que puedes preparar etiquetas para páginas que todavía no están publicadas.