🎉 New feature on Share Widget: a redirect URL after WhatsApp sharing. Try it!

Depurador de vista previa de enlaces de WhatsApp

Comprueba cómo se verá la tarjeta de vista previa de tu enlace en WhatsApp (título, descripción e imagen) y qué la frena.

Escribe una URL arriba y aquí mostraremos su tarjeta de vista previa de WhatsApp y un diagnóstico en lenguaje claro.

Cómo crea WhatsApp una vista previa de enlace

Cuando pegas un enlace en un chat, WhatsApp descarga la página y lee sus etiquetas Open Graph (og:title, og:description y og:image) para crear la tarjeta de vista previa. Si faltan, recurre al <title> y la meta description de la página, y si no hay imagen usable muestra una pequeña vista previa solo de texto.

La vista previa se genera en el dispositivo que pega el enlace, y WhatsApp la cachea, así que una corrección de tus etiquetas puede no verse en un enlace que ya conoce hasta que caduque la caché o cambie un poco la URL.

Esta herramienta descarga tu página del mismo modo, muestra el título, la descripción y la imagen ganadores, mide la imagen y señala todo lo que debilitaría o bloquearía la vista previa.

Lo llames comprobador, probador o validador de vista previa de enlaces, la tarea es la misma: leer las etiquetas Open Graph de la página y mostrar la tarjeta que WhatsApp creará, desde la imagen grande hasta la miniatura pequeña.

¿Te da curiosidad qué rompe más las vistas previas? Mira las estadísticas en vivo de los problemas más comunes de la vista previa de enlaces en WhatsApp →

Siguientes pasos

¿Ya se ve bien la vista previa? Convierte tu enlace en algo que la gente pueda compartir o escanear.

Depurador de vista previa: preguntas frecuentes

¿Por qué no aparece la vista previa de mi enlace en WhatsApp?
Normalmente por un og:image o un og:title que faltan, una imagen demasiado pequeña o pesada, una página tras un muro de acceso o una respuesta lenta. Pega tu URL arriba para un diagnóstico concreto.
¿Cómo compruebo la vista previa de un enlace de WhatsApp antes de enviarlo?
Pega la URL en el cuadro de arriba y ejecuta la comprobación. Este depurador descarga la página igual que WhatsApp y muestra la tarjeta de vista previa exacta, así puedes probar un enlace antes de enviarlo a nadie.
¿Cómo pruebo mis etiquetas Open Graph para WhatsApp?
Escribe la URL de tu página y compruébala. El resultado lista las etiquetas Open Graph (og:) que encontró (título, descripción e imagen) y señala las que faltan, están duplicadas o las añade JavaScript y WhatsApp no puede leer. Cuando falta una etiqueta, obtienes un fragmento para copiar y pegar con los valores ya rellenados.
¿Qué imagen usa WhatsApp como miniatura?
WhatsApp usa tu og:image. Cuando es lo bastante grande llena la tarjeta grande; cuando es pequeña, pesada, un SVG o no se sirve por https, se reduce a una miniatura junto al texto. La comprobación de arriba te dice qué diseño tendrá tu enlace.
¿Puedo comprobar cualquier URL o solo mi propio sitio?
Funciona cualquier URL pública http/https: tu propia página, una landing, un producto de una tienda o una noticia. Solo lee las etiquetas de la página para crear la vista previa; no necesita acceso a tu sitio ni ningún inicio de sesión.
Corregí mis etiquetas pero WhatsApp sigue mostrando la vista previa antigua.
WhatsApp cachea las vistas previas, así que un enlace ya compartido puede conservar su tarjeta antigua un tiempo. Cambiar un poco la URL (por ejemplo añadir ?v=2) fuerza una nueva lectura.
¿Qué tamaño de imagen debo usar para WhatsApp?
Usa una imagen clara y bien comprimida de al menos ~300 px en el lado corto y por debajo de un par de megabytes. 1200×630 sigue siendo una opción horizontal segura, pero ya no es obligatoria: mira la siguiente pregunta.
¿Puedo usar una imagen vertical o cuadrada para la vista previa de WhatsApp?
Sí. Ahora WhatsApp muestra la imagen de vista previa con su propia forma (vertical, cuadrada u horizontal) en lugar de recortarlo todo a un banner de 1200×630. Solo mantenla razonablemente grande y bien comprimida para que se vea como tarjeta grande y no como miniatura.
¿Por qué mi enlace muestra una miniatura pequeña en vez de la imagen grande?
Ocurre cuando la imagen es pequeña (por debajo de unos 300 px en el lado corto), demasiado pesada, un SVG o no se sirve por https. WhatsApp recurre al diseño compacto de miniatura. Corrige la imagen y cambiará a la tarjeta grande.
¿Cuánto tiempo cachea WhatsApp una vista previa?
No hay una cifra oficial: una vista previa cacheada puede durar de horas a semanas. Si actualizaste tus etiquetas y sigues viendo la tarjeta antigua, cambia un poco la URL (por ejemplo añade ?v=2) para forzar una nueva lectura.
¿WhatsApp usa las mismas etiquetas que Facebook y Twitter?
En gran medida sí. WhatsApp lee primero las etiquetas Open Graph (og:), luego recurre a las de Twitter Card y por último al <title> y la meta description de la página, así que acertar con Open Graph corrige la vista previa en la mayoría de apps a la vez.
¿Cómo descarga esta herramienta mi página y por qué coincide con WhatsApp?
Solicita tu página igual que el propio rastreador de enlaces de WhatsApp, usando su user agent. Algunos sitios (Instagram y otras páginas de Meta en especial) solo muestran sus etiquetas Open Graph a un bot de vista previa reconocido y devuelven una página vacía a un navegador normal, así que un probador genérico puede indicar «sin imagen» por error. Descargar como WhatsApp es la razón por la que lo que ves aquí debería coincidir con el chat real.
¿Puedo compartir o guardar en marcadores un resultado?
Sí. Al comprobar un enlace, la dirección de esta página se actualiza con un parámetro ?url=, así que puedes guardarla en marcadores o enviar la dirección a alguien: al abrirla se vuelve a comprobar ese enlace automáticamente. También puedes crear el enlace a mano: añade ?url=https://tu-pagina a la dirección de esta página.
¿Por qué la vista previa aparece en un teléfono y en otro no?
WhatsApp crea la vista previa en el dispositivo que pega el enlace, así que una conexión lenta, una app desactualizada o una versión que ya cacheó pueden hacer que la tarjeta aparezca en un teléfono y en otro no. Si un dispositivo se queda con una tarjeta antigua, cambia un poco la URL (por ejemplo añade ?v=2) para forzar una nueva lectura.
¿WhatsApp genera vista previa de todos los enlaces de un mensaje?
No: WhatsApp solo crea una vista previa del primer enlace de un mensaje, y solo para URLs http/https. Los demás enlaces del mismo mensaje quedan como texto normal.
¿Esto envía algo por WhatsApp?
No. Solo descarga la página que indicas y lee sus etiquetas, igual que al crear una vista previa. No se publica ni se envía nada. Para compartir un enlace de verdad, usa el widget para compartir.