Idiomas

Etiquetas de Twitter Card (X Cards): La guía actual y honesta

Qué hacen las metaetiquetas twitter:card, los cuatro tipos de tarjetas, la regla de respaldo de Open Graph, y lo que X realmente rompió: el validador muerto, la documentación de Cards desaparecida y los efectos en el alcance de publicaciones con enlaces (un sistema separado del renderizado de tarjetas). No es un factor de ranking.

Publicado por primera vez: 2 jul 2026 · Última actualización: 22 ago 2026 · Avanzado
Idiomas
AIEscrito porAI v2

Las etiquetas de Twitter Card son elementos <meta name="twitter:..."> que le indican al sistema de despliegue de enlaces de X qué vista previa construir para una URL compartida. Cuatro tipos de tarjetas: summary, summary_large_image (el predeterminado para artículos), app y player; estos son los últimos tipos documentados; no existe una especificación oficial actual de X para reconfirmarlos. Cada propiedad twitter:* se respalda en su contraparte og:* si falta, excepto twitter:card, que no tiene respaldo y debe establecerse explícitamente. Usa name=, no property= (confundirlos hace que la etiqueta se ignore silenciosamente), un comportamiento de larga data y consistentemente reportado por profesionales. Lo que ha cambiado desde el cambio de marca de la era Musk y es más importante en 2026: el Validador de Cards oficial fue descontinuado en 2022 y su URL ahora redirige a una página de inicio de sesión de X; la documentación de Cards en developer.x.com ahora redirige a una página genérica sin contenido de Cards; la atribución de twitter:site/twitter:creator se ha degradado; y X aplica un alcance reducido confirmado a algunas publicaciones con enlaces externos, un sistema separado de si la tarjeta se renderiza o no, así que no uses uno para diagnosticar el otro. No es un factor de ranking para Google o Bing: la referencia de metaetiquetas compatibles de Google nunca menciona twitter: ni og:. El valor es solo CTR social. Esta es una inmersión profunda bajo el centro de Meta Tags para SEO.

TL;DR — Las etiquetas de Twitter Card son elementos <meta name="twitter:..."> que impulsan el despliegue de enlaces de X. Cuatro tipos de tarjeta (el último conjunto documentado: no existe una especificación oficial actual para reconfirmarlos): summary, summary_large_image (recomendado para artículos), app, player. Cada propiedad twitter:* recurre a su contraparte og:* — excepto twitter:card, que no tiene respaldo y debe ser explícita. Usa name=, no property= (la causa más común de fallo silencioso). Estas etiquetas son metadatos de vista previa social, no controles documentados de búsqueda de Google; la referencia de metaetiquetas compatibles de Google no lista metadatos twitter:.

Evidence for this claim X Cards use page metadata to select a card type and populate a shared-link preview. Scope: X link-preview markup behavior; rendering and product features can change. Confidence: medium · Verified: X Developer Platform: Cards markup Evidence for this claim Google's supported-meta-tag reference does not treat twitter card metadata as a Google Search control. Scope: Absence from Google's supported search-control tags supports no direct Google metadata behavior, not a universal claim about social signals. Confidence: high · Verified: Google Search Central: Meta tags and attributes

Qué son y los cuatro tipos de tarjeta

Las etiquetas de Twitter Card le indican al sistema de despliegue de enlaces de X qué vista previa enriquecida construir para una URL compartida. El tipo se establece con la propiedad requerida twitter:card, y hay cuatro:

  • summary — una miniatura cuadrada pequeña junto al título y la descripción.
  • summary_large_image — una imagen grande a ancho completo. El valor predeterminado recomendado para artículos y contenido de blog, y el que la mayoría de los editores quieren.
  • app — una tarjeta de instalación de aplicación móvil.
  • player — una inserción de video/audio en línea, impulsada por twitter:player (una URL de iframe) y twitter:player:stream (la URL de medios sin procesar). Sigue siendo funcional, aunque la documentación pública al respecto se ha reducido considerablemente.

Estos cuatro son los últimos tipos de tarjetas X/Twitter documentados. No existe una especificación oficial actual para reconfirmarlos (consulta la sección de estado a continuación), así que considera esto como el contrato documentado heredado, que las fuentes de práctica actuales siguen reportando como preciso de manera consistente. summary y summary_large_image son los dos que realmente usarás para contenido normal y los que las guías actuales discuten más; app y player están documentados por profesionales, pero son más difíciles de verificar en vivo sin una referencia oficial.

Las propiedades principales:

PropiedadQué establece
twitter:cardEl tipo de tarjeta (obligatorio, sin alternativa)
twitter:titleEl titular
twitter:descriptionEl texto de la descripción
twitter:imageLa URL de la imagen de vista previa
twitter:siteEl @handle del editor
twitter:creatorEl @handle del autor

Cómo implementarlas

Una tarjeta summary_large_image completa:

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@yoursite">
<meta name="twitter:creator" content="@author">
<meta name="twitter:title" content="Your headline">
<meta name="twitter:description" content="A concise, click-worthy description.">
<meta name="twitter:image" content="https://example.com/preview-1200x630.jpg">

En cuanto al tamaño de las imágenes, las cifras que circulan en las guías: summary quiere una imagen aproximadamente cuadrada; summary_large_image quiere una ancha, comúnmente citada alrededor de 1200×630px con una proporción aproximada de 1,91:1 (o 2:1), de menos de 5 MB, en JPG, PNG, WEBP, o GIF. Dado que la documentación oficial se ha reducido (ver más abajo), trata estas como un consenso comunitario bien establecido en lugar de una especificación X recién publicada.

La regla de respaldo de Open Graph — y la única etiqueta sin respaldo

Este es el hecho de implementación fundamental, y se reporta de manera consistente en cada fuente de práctica actual que revisé: X verifica tus etiquetas twitter:* primero, luego recurre a la etiqueta Open Graph og:* correspondiente, y luego a tu <title> de la página y al contenido en la página como último recurso. Así que twitter:title recurre a og:title, twitter:description a og:description, y twitter:image a og:image. Ten en cuenta la advertencia que se aplica a todo en esta página: developer.x.com ya no publica una especificación de tarjetas (consulta la sección de estado a continuación), así que esto es un comportamiento observado por profesionales, actual y consistente, en lugar de algo reconfirmado contra un contrato oficial en vivo.

La excepción: twitter:card no tiene equivalente en Open Graph. No existe og:card. Si quieres algo diferente a la representación predeterminada de X, debes establecer twitter:card explícitamente. Este es el error más repetido en todas las fuentes que revisé, y es por eso que la mayoría de los sitios pueden apoyarse casi por completo en sus etiquetas Open Graph y solo agregar la línea twitter:card.

La trampa de name= vs property=

Las etiquetas de tarjetas de Twitter usan name=. Las etiquetas de Open Graph usan property=. Parecen intercambiables y no lo son — pon property="twitter:card" y la etiqueta se ignora silenciosamente. Si tus etiquetas OG funcionan pero tus etiquetas de Twitter no, verifica esto primero. Este es un comportamiento documentado desde hace tiempo y confirmado por profesionales; no hay un contrato oficial actual de X para reverificarlo, así que trátalo como el mismo tipo de hecho consistente y observado por profesionales que la regla de respaldo anterior.

<!-- Correct -->
<meta name="twitter:card" content="summary_large_image">
<!-- Silently ignored -->
<meta property="twitter:card" content="summary_large_image">

Qué ha cambiado desde el cambio de marca de la era Musk — el estado honesto en 2026

La mayoría de las guías sobre este tema todavía parecen escritas en 2019. No lo están. Cuatro cosas han cambiado genuinamente, y importan más en la práctica que cualquier detalle de sintaxis.

1. El Validador de Tarjetas oficial está muerto. cards-dev.twitter.com/validator fue obsoleto en 2022 y X nunca lanzó un reemplazo. A partir de esta revisión (verificada el 2026-07-18), la URL redirige con un 307 a una página de inicio de sesión de X (twitter.com/login) en lugar de mostrar cualquier validador. Ya no existe una forma de primera parte para previsualizar o depurar una tarjeta. Las herramientas clonadas de terceros han proliferado específicamente para llenar ese vacío — puedes usar una para verificar tu marcado, pero ten claro que ninguna es oficial ni está garantizada para replicar el proceso de renderizado en vivo de X. Cualquier guía más antigua que te diga que “lo pruebes en el Validador de Tarjetas de Twitter” — incluida la propia guía de Open Graph de Ahrefs de 2020 — te está dando un enlace muerto.

2. La documentación oficial de Cards simplemente ha desaparecido, no está detrás de un muro de pago. Una revisión anterior de este artículo marcó las URLs de Cards de developer.x.com como devolviendo una respuesta HTTP 402 Payment Required. Al verificar directamente de nuevo (2026-07-18, por estado HTTP en lugar del contenido de la página renderizada), eso ya no es preciso: tanto la guía de inicio como la referencia de marcado ahora redirigen con un 307 a la página general de docs.x.com, que no contiene ningún contenido específico de Cards — y la ruta equivalente en docs.x.com misma (reflejando la antigua URL de marcado de Cards) devuelve un 404 plano. Así que no hay una especificación actual, oficial y de primera parte de Cards ni en la URL antigua ni en su supuesto reemplazo — no es un muro de pago, solo una ausencia. El efecto práctico para ti es el mismo en cualquier caso: no trates ninguna “especificación oficial actual” como disponible para verificar los detalles de implementación.

3. La atribución de twitter:site / twitter:creator se ha degradado. Las etiquetas siguen siendo válidas y los plugins de CMS aún las generan, pero X no muestra esa atribución de manera confiable en las tarjetas actuales. La fuente fechada más reciente que encontré sobre esto — la base de conocimientos de The SEO Framework, actualizada en mayo de 2026 — señala tanto que X “removed much of its Twitter Card documentation, but the metadata system still works,” (traducción) «retiró gran parte de la documentación de Twitter Cards, pero el sistema de metadatos sigue funcionando», como que X “does not expose this attribution reliably in current cards.” (traducción) «no muestra esta atribución de forma fiable en las tarjetas actuales». Configura las etiquetas; no cuentes con que se muestre la firma.

4. X trata las publicaciones con enlaces externos de manera diferente — un sistema separado de si tu tarjeta se renderiza. Desde aproximadamente marzo de 2025, X ha aplicado alguna forma de alcance reducido a las publicaciones que contienen un enlace externo, y el propio liderazgo de producto de la compañía ha confirmado que la dinámica es intencional, destinada a desalentar los “enlaces perezosos” y a mantener a los usuarios en la plataforma. Cifras porcentuales específicas sobre cuánto se reduce el alcance circulan ampliamente en la cobertura de redes sociales; este artículo no cita una, porque ninguna cifra fechada y de primera parte fue verificable durante esta revisión — trata cualquier número exacto que veas en otro lugar como no confirmado a menos que venga con su propia fuente actual y primaria. Como dijo Nikita Bier, Director de Producto de X, cuando la compañía comenzó a probar una nueva experiencia de enlaces dentro de la aplicación en octubre de 2025: “Para los creadores, una queja común es que las publicaciones con enlaces tienden a obtener un alcance menor. Esto se debe a que el navegador web cubre la publicación y la gente olvida dar Me gusta o Responder, así que X no recibe una señal clara de si el contenido es bueno.”

La distinción importante, y la que la mayoría de las guías de solución de problemas confunden: el renderizado de la tarjeta y el alcance de la publicación son dos sistemas separados. Si tus metadatos twitter:card producen una vista previa o no es una cuestión de marcado — verifícalo directamente (etiquetas crudas, una herramienta de vista previa, una publicación de prueba real). Si esa publicación luego llega a muchas personas es una cuestión de distribución con una causa diferente y menos documentada. No uses una publicación con bajo compromiso como prueba de que tu tarjeta está rota, y no asumas que una tarjeta que no se renderiza es “solo el algoritmo” — verifica el marcado primero, usando el flujo de trabajo más adelante en este artículo, antes de atribuir un problema a la supresión de alcance.

(Nota histórica que puedes ignorar operativamente: X eliminó los titulares de las vistas previas de enlaces en octubre de 2023, dio marcha atrás tras las críticas y reformateó de nuevo a principios de 2024. Ese cambio de opinión está resuelto: los titulares y las descripciones se muestran normalmente en las tarjetas hoy cuando las etiquetas están presentes.)

¿Son las etiquetas de Twitter Card un factor de posicionamiento SEO?

No — y esto es verificable directamente desde la fuente, no mediante paráfrasis. Google Search Central mantiene una lista exhaustiva de cada metaetiqueta y atributo que Google Search admite. Búscala con “twitter”, “og:”, “Open Graph” o “social” y no encontrarás nada — ninguno de esos términos aparece en la página. Esa omisión, en la referencia canónica y mantenida de Google, es una declaración directa (por ausencia) de que Google no procesa las etiquetas de Twitter Card ni de Open Graph como señales de posicionamiento o indexación. Está tan claro que no es un factor que Google nunca ha necesitado siquiera publicar una negación como hizo con las meta keywords.

Bing es la misma historia: no encontré documentación de Bing que aborde las etiquetas twitter:card, y Bing no ha publicado una guía específica sobre ellas. Trátalas como metadatos solo para plataformas sociales, no como una señal de motor de búsqueda para ninguno de los dos motores.

Un dato adyacente que vale la pena mantener separado para no confundirlo: Google sí considera ahora la etiqueta og:title como una entrada cuando genera el enlace de título azul en los resultados de búsqueda — pero eso es una elección de apariencia, no un factor de posicionamiento, y es una etiqueta de Open Graph, no una de twitter:*. Nada del espacio de nombres twitter: toca la búsqueda en absoluto. (El elemento title en sí es un tema diferente — consulta el análisis profundo de la etiqueta title en este clúster.)

Así que el valor de las Twitter Cards es exactamente una cosa: cómo se ve tu enlace y cuántas personas hacen clic en él cuando se comparte en redes sociales. Y ese valor se ve incluso socavado en X específicamente por la postura antienlaces de la propia plataforma.

¿Necesitas etiquetas de Twitter si tienes Open Graph?

En su mayoría no. Debido a la regla de respaldo, tus og:title, og:description y og:image cubren las propiedades twitter: correspondientes. El mínimo pragmático para la mayoría de los sitios es:

  • Un conjunto completo de etiquetas de Open Graph (que querrás de todos modos, para LinkedIn, Slack, Discord, Facebook y el uso del enlace de título og:title de Google).
  • Más una etiqueta explícita twitter:card para elegir el tipo de tarjeta.

Añade twitter:site/twitter:creator si quieres (inofensivo, y pueden funcionar en otras superficies), sabiendo que la atribución no es fiable en X en sí. Ten en cuenta que el sistema de metaetiquetas twitter:* sigue siendo leído por más que solo X — Discord, Slack y otros recurren a la misma cadena de Open Graph — así que las etiquetas siguen valiendo la pena incluso cuando el tratamiento de X hacia ellas fluctúa.

Cómo probar tus tarjetas ahora que la herramienta oficial ha desaparecido

Dado que cards-dev.twitter.com/validator está muerto y no existe un reemplazo oficial, trata las pruebas como varias comprobaciones distintas en lugar de una sola herramienta — cada capa puede fallar de forma independiente, así que trabajar en orden reduce la causa real:

  • Etiquetas sin procesar renderizadas en el servidor — vea el HTML real que sirve la página (no el DOM renderizado del navegador) y confirme que las metaetiquetas twitter:*/og:* están presentes con name=/property= correctos, antes de asumir que una herramienta de vista previa está equivocada.
  • Accesibilidad pública — tanto la URL de la página como la URL de la imagen deben ser alcanzables por un rastreador externo (no detrás de un inicio de sesión, contraseña de staging o bloqueo de robots); una imagen inaccesible mata la tarjeta silenciosamente.
  • Etiquetas duplicadas o conflictivas — algunas pilas de CMS/plugins generan la misma propiedad dos veces; la primera o la última instancia puede ganar de manera impredecible.
  • Herramientas de vista previa de tarjetas de terceros — existen varios clones específicamente para llenar el vacío dejado por el validador muerto. Previsualizan su marcado; no pueden garantizar que reflejen la canalización en vivo de X.
  • Comprobaciones sociales de su herramienta SEO — la Auditoría de Sitio de Ahrefs marca un problema de “tarjeta de Twitter incompleta” cuando una página tiene metadatos twitter:* parciales, y la pestaña “Social” de la Barra de Herramientas SEO de Ahrefs muestra sus etiquetas OG y de Tarjeta de Twitter lado a lado. Esa es una forma rápida de detectar una twitter:card faltante o una imagen vacía.
  • Cachés locales/CDN — si acaba de cambiar las etiquetas, una caché de página (o la propia caché de X de una URL compartida anteriormente) puede servir la versión antigua; invalide la caché antes de concluir que una corrección no funcionó.
  • Una publicación de prueba real — en última instancia, la única forma de ver el renderizado actual real de X es compartir la URL y mirar, idealmente desde una cuenta con la que no le importe probar. Trate este paso como una comprobación de renderizado únicamente — el alcance de una publicación real es una cuestión separada (consulte la nota sobre la supresión de alcance anterior) y no le dice nada sobre si la tarjeta en sí es correcta.

Dónde encaja

Esta es una inmersión profunda bajo el centro Meta Tags for SEO, en el clúster on-page. Las Tarjetas de Twitter se encuentran en el mismo grupo de “metadatos de vista previa social” que las etiquetas Open Graph — las dos se superponen en gran medida y generalmente se implementan juntas, con Open Graph haciendo la mayor parte del trabajo y twitter:card llenando la única brecha. Es una etiqueta orientada al navegador/red social, no una directiva de indexación o servicio como la metaetiqueta robots, y no tiene relación con cómo Google rastrea, indexa o clasifica la página.

Add an expert note

Pin an expert quote

New person? Create their unclaimed profile at /admin/experts/ → Pin a quote first.