Skip to main content
FreeToolkit .ai

Tarjeta de Twitter / X: vista previa Previsualiza cómo se mostrará tu enlace como una tarjeta de Twitter/X con título, descripción e imagen.

Vista previa de tarjeta de Twitter illustration
📱

Vista previa de tarjeta de Twitter

Previsualiza cómo se mostrará tu enlace como una tarjeta de Twitter/X con título, descripción e imagen.

1

Ingrese los detalles de la tarjeta

Agregue su título, descripción, URL, URL de imagen y seleccione el tipo de tarjeta.

2

Vista previa de la tarjeta

Vea exactamente cómo se verá su enlace cuando se comparte en Twitter/X.

3

Copie las etiquetas meta

Copie las etiquetas meta HTML generadas y agréguelas a su sitio web.

Loading tool...

What Is Vista previa de tarjeta de Twitter?

La herramienta de vista previa de tarjetas de Twitter te muestra exactamente cómo se verá tu enlace cuando se comparta en Twitter/X, y genera las etiquetas meta requeridas para tu sitio web. Las tarjetas de Twitter son los elementos de vista previa de enlaces ricos que aparecen cuando alguien comparte una URL - incluyen un título, descripción, imagen y dominio. Hay dos tipos principales: Resumen (imagen cuadrada pequeña con texto) y Resumen con imagen grande (imagen ancha sobre el texto). Obtener tu tarjeta correcta es esencial para las tasas de clic - una tarjeta bien diseñada puede aumentar dramáticamente la participación cuando se comparte tu contenido. Esta herramienta te permite previsualizar ambos tipos de tarjetas, ajustar tu contenido y generar las etiquetas meta HTML exactas necesarias para implementar tarjetas de Twitter en tu sitio web.

Why Use Vista previa de tarjeta de Twitter?

  • Vista previa visual en tiempo real de los tipos de tarjeta Resumen y Imagen grande
  • Genera etiquetas meta HTML listas para copiar para su sitio web
  • Orientación sobre el recuento de caracteres para título (70 caracteres) y descripción (200 caracteres)
  • Vista previa antes de compartir - no es necesario probar con el Validador de tarjetas de Twitter
  • Funciona tanto para Twitter como para la plataforma X

Common Use Cases

Desarrollo web

Implemente y pruebe las etiquetas meta de Tarjeta de Twitter antes de implementar.

Marketing de contenido

Optimice cómo se ven los posts del blog y los artículos cuando se comparten en Twitter.

Páginas de producto

Asegúrese de que las páginas de productos tengan vistas previas de tarjetas atractivas para compartir en redes sociales.

SEO y redes sociales

Alinee el contenido de la Tarjeta de Twitter con el SEO de la página para mantener un mensaje coherente.

Technical Guide

Las tarjetas de Twitter requieren etiquetas meta específicas en la sección <head> de tu página. Las etiquetas mínimas requeridas son: twitter:card (tipo), twitter:title, twitter:description y twitter:image. El tipo de tarjeta puede ser "summary" (imagen pequeña) o "summary_large_image" (imagen grande sobre el texto). El título debe tener menos de 70 caracteres, la descripción menos de 200 caracteres. Las imágenes deben tener al menos 120×120 píxeles para tarjetas de resumen y 300×157 para tarjetas de imagen grande. Twitter almacena en caché los datos de las tarjetas, por lo que los cambios pueden tardar en reflejarse - utiliza el validador de tarjetas de Twitter (cards-dev.twitter.com/validator) para forzar una actualización. Si ya tienes etiquetas Open Graph, Twitter recurrirá a ellas si no están presentes las etiquetas específicas de twitter:, pero las etiquetas dedicadas de twitter: te dan más control sobre la apariencia.

Tips & Best Practices

  • 1
    Utilice "summary_large_image" para contenido visual - obtiene significativamente más clics
  • 2
    Mantenga los títulos por debajo de 70 caracteres para evitar truncarlos
  • 3
    Utilice imágenes con alto contraste que sean claras en tamaños pequeños
  • 4
    Pruebe sus tarjetas con el Validador de tarjetas de Twitter después de implementar las etiquetas meta
  • 5
    Utilice una descripción atractiva que dé a los usuarios una razón para hacer clic

Related Tools

Vista previa de Open Graph - free online tool

Vista previa de Open Graph

Previsualiza el aspecto de la tarjeta de Open Graph para Facebook, LinkedIn y otras plataformas.

📱 Social Media
Constructor de enlaces UTM - free online tool

Constructor de enlaces UTM

Crea URL con parámetros UTM para rastrear campañas de marketing en Google Analytics.

📱 Social Media
Generador de botones para compartir en redes sociales - free online tool

Generador de botones para compartir en redes sociales

Genera botones para compartir en redes sociales con HTML/CSS para tu sitio web, con múltiples estilos y plataformas.

📱 Social Media
Plantilla de informe de redes sociales - free online tool

Plantilla de informe de redes sociales

Genera plantillas personalizables de informes de rendimiento en redes sociales con secciones multiplataforma.

📱 Social Media

Frequently Asked Questions

Q ¿Cuáles son los tipos de Tarjeta de Twitter?
Los dos principales tipos son "resumen" (imagen cuadrada pequeña con texto al lado) y "summary_large_image" (imagen grande sobre el contenido del texto).
Q ¿Qué tamaño debe tener una imagen de Tarjeta de Twitter?
Para tarjetas resumen: mínimo 120×120 píxeles. Para tarjetas de imagen grande: mínimo 300×157 píxeles, recomendado 1200×628 píxeles (relación 1.91:1).
Q ¿Cómo pruebo mi Tarjeta de Twitter?
Utilice el Validador de tarjetas de Twitter en cards-dev.twitter.com/validator para previsualizar y forzar una actualización del caché de los datos de su tarjeta.
Q ¿Funcionan las Tarjetas de Twitter en X?
Sí, las mismas etiquetas meta y el sistema de tarjetas funcionan en la plataforma X (antes Twitter).

About This Tool

Vista previa de tarjeta de Twitter is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.