Softonic

Validador de Tarjetas de Twitter

Cuando alguien comparte tu enlace en X (Twitter), la plataforma lee las etiquetas meta twitter: de la página para construir la tarjeta de vista previa: su formato, título, descripción, imagen y atribución. Si faltan esas etiquetas, el enlace se publica como una URL simple, sin tarjeta. Pega el HTML de tu página abajo y este validador comprueba que las tres etiquetas obligatorias, twitter:card, twitter:title y twitter:description, están presentes, mostrando el valor que lee de cada una para que puedas arreglar una vista previa rota antes de publicar.

Cómo validar tu tarjeta

  1. 1

    Pega el HTML de tu página

    Puedes pegar solo la sección `<head>` o el documento completo. El validador solo inspecciona las etiquetas `<meta>`, así que ignora cualquier otro marcado.

  2. 2

    Busca las tres etiquetas obligatorias

    `twitter:card`, `twitter:title` y `twitter:description`, el mínimo que necesita cualquier tipo de tarjeta. Otras etiquetas como `twitter:image` no se comprueban aquí.

  3. 3

    Comprueba lo que se ha encontrado

    Cada etiqueta coincidente aparece con el valor leído de su atributo `content`, para que revises la redacción de un vistazo.

  4. 4

    Corrige lo que falte

    Cualquiera de las tres que no aparezca se marca como ausente. Añádela a tu `<head>` y vuelve a pegar el HTML para comprobarlo de nuevo.

Los cuatro tipos de tarjeta de X (Twitter)

El formato lo define el valor de twitter:card. Este validador lee el valor que indiques; los cuatro que admite X son:

Tipo de tarjeta Valor de twitter:card Uso habitual
Resumen summary Artículos y páginas de contenido estándar
Resumen con imagen grande summary_large_image Entradas de blog con una imagen destacada
Reproductor player Audio o vídeo incrustado
Aplicación app Enlaces de instalación de apps con metadatos de la tienda

Etiquetas obligatorias frente a recomendadas

Esta herramienta solo comprueba el primer grupo, las tres etiquetas que X necesita para cualquier tarjeta.

Obligatorias (se comprueban aquí):

  • twitter:card, el formato que se va a usar
  • twitter:title, el titular (X muestra aproximadamente los primeros 70 caracteres)
  • twitter:description, el resumen (X muestra aproximadamente los primeros 200 caracteres)

Recomendadas (no se comprueban aquí, pero conviene añadirlas):

  • twitter:image, una URL absoluta https:// a un PNG, JPG o GIF; al menos 300 x 157 px para una tarjeta de resumen y 800 x 418 px para summary_large_image
  • twitter:site, el @handle de tu marca
  • twitter:creator, el @handle del autor
  • twitter:image:alt, texto alternativo para accesibilidad

Errores habituales

  • Solo etiquetas Open Graph. X recurre a og:title, og:description y og:image, así que el enlace se sigue mostrando, pero sin twitter:card el formato es un resumen pequeño por defecto. Incluye ambos conjuntos siempre que puedas.
  • Imagen demasiado pequeña. Por debajo de 300 x 157 px la tarjeta puede reducirse a solo texto.
  • URL de imagen relativa. twitter:image debe ser absoluta (https://...); una ruta relativa se ignora.
  • property= en lugar de name=. X, y este validador, leen las etiquetas de Twitter desde name="twitter:...". Escribir property="twitter:..." funciona para Open Graph, pero no para estas.
  • Descripción demasiado larga. A partir de unos 200 caracteres X la recorta, normalmente en mitad de una palabra.

Cómo ver la tarjeta real

X retiró su validador de tarjetas oficial (cards-dev.twitter.com/validator) en 2023, así que ya no existe una página propia que muestre una vista previa en vivo. Esta herramienta confirma que las etiquetas obligatorias están presentes y son legibles; para ver la tarjeta real, comparte el enlace en un borrador de publicación o en un mensaje directo a ti mismo, o usa un comprobador de vistas previas de enlaces de terceros. Si X sigue mostrando una imagen antigua después de corregir las etiquetas, añade una cadena de consulta como ?v=2 a la URL de la imagen para saltarte su caché.

Preguntas frecuentes

No. Lee el HTML que pegas y confirma que las tres etiquetas twitter: obligatorias están presentes, mostrando el valor de cada una. No dibuja la tarjeta ni accede a tu página en vivo. X cerró su propio validador de tarjetas en 2023, así que la forma fiable de ver la tarjeta real es compartir el enlace en un borrador de publicación o en un mensaje directo a ti mismo.

X recurre a og:title, og:description y og:image, así que el enlace se sigue mostrando, pero sin twitter:card el formato es un resumen pequeño por defecto. Para una tarjeta con imagen grande tienes que indicar twitter:card como summary_large_image de forma explícita. Ten en cuenta que este validador solo comprueba las etiquetas twitter:, no tus etiquetas og:.

Busca name="twitter:..." con el atributo content escrito después del nombre, entre comillas simples o dobles. Si tu etiqueta usa property="twitter:..." en lugar de name=, o coloca content antes que name, el patrón no coincidirá aunque el HTML sea válido. Reordénala a name="..." content="..." y comprueba de nuevo.

Este validador detecta el nombre sin importar las mayúsculas, así que twitter:Card también se reconoce aquí. Aun así, mantenlas en minúsculas (twitter:card), porque es la forma que X documenta y espera.

Brevemente, sí. La comprobación se ejecuta en nuestro servidor, así que el HTML que pegas se envía allí, se analiza y se descarta. Solo guardamos un registro anónimo de que se ha usado la herramienta, nunca tu marcado, y no es una herramienta que funcione sin conexión en el navegador.

Herramientas relacionadas

Generador de Publicaciones Falsas de Instagram

Diseña capturas de pantalla de publicaciones falsas de Instagram con nombre de usuario, pie de foto, imagen, insignia de verificación y número de likes personalizados para maquetas y storyboards.

Generador de texto con emojis

Escribe una frase corta, elige uno de los cinco estilos y coloca emojis de destellos, fuego, corazones, estrellas o fiesta entre cada palabra, para biografías, pies de foto y publicaciones.

Generador de Capturas de Pantalla de Chat Falso

Crea capturas de pantalla de chat falsas realistas con contactos, mensajes y marcas de tiempo personalizados para maquetas de aplicaciones, memes y tutoriales.

Generador de Tweets Falsos

Crea imágenes realistas de publicaciones falsas de Twitter o X con nombre de usuario personalizado, texto, respuestas, reposts, me gusta, marcadores y color de insignia verificada.

Generador de enlaces del depurador de Facebook

Genera un enlace de un clic para ejecutar cualquier URL a través del Depurador de Compartición de Facebook para vistas previas de Open Graph y actualizaciones de caché.

Generador de Biografía de Instagram

Crea una biografía de Instagram que quepa en 150 caracteres, con emojis opcionales, saltos de línea y un solo enlace externo. El conteo de caracteres se muestra en tiempo real.

Herramienta disponible en otros idiomas