Sobre esta herramienta
X (antes Twitter) lee su propia familia de etiquetas meta — twitter:card, twitter:title, twitter:description, twitter:image y twitter:site — para construir la tarjeta de vista previa que aparece cuando alguien comparte tu enlace. Es un estándar independiente de Open Graph, con dos diseños: summary_large_image muestra una imagen ancha en la parte superior con un bloque de texto pequeño debajo, mientras que summary mantiene una miniatura cuadrada compacta junto al título y la descripción. Usa el diseño de imagen grande para entradas de blog y artículos, y summary para páginas utilitarias donde el texto importa más que lo visual.
X sí recurre a la etiqueta og: equivalente para cualquier propiedad twitter: que no encuentre — og:title, og:description y og:image cubren los huecos — así que una página que solo tenga etiquetas Open Graph igual obtiene una tarjeta, aunque sin el control específico de X. Para una cobertura completa, genera tus etiquetas Open Graph con el Generador de Open Graph y combínalas con las etiquetas twitter: de esta página; juntas cubren los dos estándares de los que dependen la gran mayoría de plataformas — X, Facebook, LinkedIn, Slack, Discord y la mayoría de apps de chat — para mostrar vistas previas de enlaces enriquecidas.
Preguntas frecuentes
¿Cuál es la diferencia entre summary y summary_large_image?
summary muestra una pequeña miniatura cuadrada junto al texto, mientras que summary_large_image muestra una imagen de banner a ancho completo sobre el texto; usa la versión grande para contenido visual como publicaciones de blog o productos.
¿Todavía necesito etiquetas Open Graph si agrego etiquetas de Twitter Card?
Sí; X/Twitter recurre a las etiquetas Open Graph para cualquier campo twitter: que omitas, así que mantener ambas te da los resultados más fiables en todas las plataformas.