Por qué importa
Una publicación con tarjeta e imagen ocupa más espacio y se ve más cuidada que un enlace suelto. Si publicas en X o tus clientes comparten allí tus productos o artículos, merece la pena que la tarjeta salga bien.
Es un detalle menor: no influye en Google y en nuestro informe pesa poco en la nota. Además, X usa tus etiquetas Open Graph como respaldo cuando faltan las suyas, así que la única imprescindible es twitter:card, la que elige el formato de la tarjeta.
Cómo lo comprueba Posiciona
Buscamos cuatro etiquetas: twitter:card, twitter:title, twitter:description y twitter:image, tanto con el atributo name como con property. La puntuación es el porcentaje de las cuatro que están presentes: 25 puntos por cada una. También miramos twitter:site, tu usuario de X, pero no puntúa. Ojo: no tenemos en cuenta el respaldo de Open Graph, así que te pedimos las cuatro aunque X pudiera mostrar bien la tarjeta sin ellas.
En la nota de SEO esta comprobación cuenta como “detalle” (peso 1 de 5).
Cómo solucionarlo
Añade
twitter:cardcon el valorsummary_large_image(imagen grande, lo más habitual en tiendas y blogs) osummary(miniatura cuadrada).Añade
twitter:title,twitter:descriptionytwitter:image. Pueden repetir los valores de Open Graph: si ya los generas desde una plantilla, reutiliza las mismas variables.Para
twitter:image, usa una URL completa conhttps://. La tarjeta grande usa una proporción 2:1, por ejemplo 1200 × 600 píxeles; la imagen de 1200 × 630 de Open Graph también sirve, aunque se recortará un poco.Si tienes cuenta en X, añade
twitter:sitecon tu @usuario para asociar la tarjeta a tu marca.Para comprobarlo, pega el enlace al redactar una publicación en X y mira la vista previa antes de publicar.
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Zapatillas de trail para mujer">
<meta name="twitter:description" content="Ligeras, con agarre en barro y envío gratis en 24 h.">
<meta name="twitter:image" content="https://www.tiendamontana.com/img/trail-mujer-1200x600.jpg">
<meta name="twitter:site" content="@tiendamontana">En WordPress
- Yoast SEO y Rank Math añaden
twitter:cardautomáticamente. Algunos plugins no repiten título, descripción e imagen en etiquetastwitter:porque X ya usa las de Open Graph; si quieres la puntuación completa, rellena los campos específicos de X en la pestaña de redes sociales del plugin. - Revisa en los ajustes del plugin que los datos de tarjeta de X estén activados y añade el usuario de X de tu web.
En Shopify
- Muchos temas de Shopify incluyen las Twitter Cards junto a Open Graph, en el mismo snippet (en Dawn,
meta-tags.liquid). Algunos no añadentwitter:imageporque X usaog:image; si quieres completarla, añádela ahí con la misma variable que usaog:image. - El usuario de
twitter:sitesuele salir del enlace a X que configuras en los ajustes de redes sociales del tema, en Tienda online → Temas → Personalizar.
Preguntas frecuentes
¿Necesito Twitter Cards si ya tengo Open Graph?
Para que X muestre la tarjeta basta con twitter:card y unas etiquetas Open Graph completas, porque X toma de ellas el título, la descripción y la imagen que falten. Añadir las cuatro etiquetas twitter: te da control por separado (por ejemplo, otra imagen solo para X) y la puntuación completa en nuestro informe, pero no es imprescindible.
¿Qué diferencia hay entre summary y summary_large_image?
summary muestra una miniatura pequeña junto al texto y summary_large_image, una imagen grande a lo ancho de la publicación. Para productos, artículos y páginas con una buena foto, la grande suele ser la mejor opción; summary encaja mejor con logotipos o imágenes cuadradas.