Generador de Twitter Card - Crear Meta Etiquetas de Twitter
Genera meta etiquetas Twitter Card para vistas previas de tweets. Soporta tipos summary, summary_large_image, app y player.
0/70
0/200
Cómo Usar
- Selecciona el Tipo de Tarjeta: 'Resumen con Imagen Grande' es recomendado para artículos con imágenes atractivas.
- Ingresa el twitter:title (máx 70 caracteres) y twitter:description (máx 200 caracteres).
- Agrega la URL de twitter:image — las imágenes deben tener al menos 800×418 píxeles para summary_large_image.
- Agrega tu handle de twitter:site (cuenta Twitter de tu sitio) y twitter:creator (autor del contenido).
- Haz clic en 'Generar Twitter Card' para crear el código, luego pégalo en tu sección <head> HTML.
Acerca de las Twitter Cards
Tipos de Twitter Card Explicados
Twitter soporta cuatro tipos de tarjeta: Summary (miniatura cuadrada pequeña con título y descripción — predeterminado para la mayoría de páginas), Summary Large Image (imagen rectangular de ancho completo — mejor para artículos y blogs), App (diseñado para promocionar apps móviles con enlaces de instalación), y Player (embebe reproductores de video o audio directamente en tweets).
Requisitos de twitter:image
Para tarjetas Summary, las imágenes deben tener al menos 144×144 píxeles con relación de aspecto 1:1. Para Summary Large Image, usa al menos 800×418 píxeles con relación 2:1. El tamaño máximo del archivo es 5MB. Formatos soportados: JPG, PNG, WEBP y GIF. Twitter obtiene imágenes y crea su propia versión en caché — usa el Validador de Twitter Card para previsualizar antes de publicar.
twitter:site vs twitter:creator
twitter:site es el @usuario de Twitter del sitio web que publica el contenido (p. ej., @TuEmpresa). twitter:creator es el @usuario del creador o autor del contenido (p. ej., @NombreAutor). Para publicaciones con múltiples autores, twitter:creator cambia por artículo mientras twitter:site permanece constante. Ambos campos ayudan a Twitter a atribuir el contenido correctamente.
Respaldo a Open Graph
Si no hay etiquetas Twitter Card presentes, Twitter automáticamente usa las etiquetas Open Graph (og:) como respaldo. Sin embargo, establecer explícitamente las etiquetas Twitter Card te da más control sobre la apariencia de la tarjeta. Por ejemplo, twitter:image:alt te permite agregar texto alternativo a la imagen de la tarjeta para accesibilidad. Usar tanto Twitter Card como Open Graph es el enfoque recomendado.
Características Principales
- Soporta los cuatro tipos de Twitter Card: summary, summary_large_image, app, player
- Vista previa en tiempo real mostrando cómo se verá la tarjeta en Twitter
- Contadores de caracteres para límites de título (70) y descripción (200)
- Genera meta etiquetas twitter: con respaldo elegante a etiquetas og:
Aplicaciones Comunes
- Optimizar el compartir artículos y publicaciones de blog en Twitter para máximo engagement
- Configurar Twitter Cards para páginas de productos de comercio electrónico
- Promocionar apps móviles con Twitter App Cards
- Asegurar que los activos de marca y mensajes se muestren correctamente en compartidos de Twitter