La vista previa de los enlaces de WhatsApp no funciona o no aparece
WhatsApp tiene límites estrictos: el head debe estar dentro de los primeros 300 KB del HTML y la imagen debe pesar menos de 600 KB. Si no cumples alguno, la vista previa será pequeña o no aparecerá.
Última actualización
Solución rápida
Comprueba la página con el verificador de etiquetas meta.
Asegúrate de que og:image sea una URL absoluta a un archivo de menos de 600 KB y de al menos 300 px de ancho.
Mantén og:title, og:description y og:url completados y dentro de la etiqueta head.
Pega la URL en un chat, espera 10 segundos y comprueba la vista previa antes de enviar.
Por qué la vista previa de WhatsApp no aparece o se ve pequeña
La imagen es demasiado pesada. WhatsApp requiere una imagen de menos de 600 KB. La mayoría de las demás plataformas permiten mucho más, por lo que esta suele ser la causa habitual.
El head está demasiado abajo. El
<head>con tus etiquetas debe aparecer dentro de los primeros 300 KB del HTML.Una etiqueta está vacía o fuera del head.
og:title,og:descriptionyog:urldeben estar en el head y no estar vacías.La imagen es demasiado estrecha o demasiado ancha. Debe tener 300 px o más de ancho con una relación de aspecto de 4:1 o menor.
La URL de la imagen es relativa.
og:imagedebe ser una URL absoluta.
Cómo solucionarlo
Abre la página en el comprobador de metaetiquetas y confirma las cuatro etiquetas og:.
Comprime la imagen por debajo de 600 KB. Un JPG de 1200 x 630 suele encajar. Compruébalo con el comprobador de tamaño de imagen OG.
Mueve los scripts y el código inline extenso debajo de las etiquetas para que el head se mantenga dentro de los primeros 300 KB.
Establece
og:urlcon la URL canónica limpia, sin parámetros de seguimiento ni de sesión.Pega el enlace en un mensaje nuevo y espera. Si no aparece ninguna vista previa tras 10 segundos, alguna de las reglas anteriores sigue fallando.
Etiquetas que lee WhatsApp
og:titlese muestra en negrita, hasta 2 líneas, sin marcaog:descriptionse muestra más pequeña, 1 o 2 líneas; 80 caracteres son suficientesog:urlla URL canónicaog:imagela miniatura
Reglas para el tamaño de la imagen
Menos de 600 KB
Al menos 300 px de ancho
Relación de aspecto ancho/alto de 4:1 o menor
URL absoluta
Cómo forzar una actualización
WhatsApp no tiene una herramienta de actualización. Envía la URL con una cadena de consulta, como ?v=2, para que obtenga la página como un enlace nuevo. Los mensajes ya enviados conservan su vista previa. La herramienta de actualización incluye este paso junto al resto de plataformas.
No verificado: WhatsApp no publica durante cuánto tiempo almacena en caché las vistas previas. Algunas guías afirman que el Depurador de contenido compartido de Facebook también actualiza WhatsApp; la propia documentación de WhatsApp no dice esto, y su rastreador utiliza su propio user-agent de WhatsApp.
Fuentes
Preguntas frecuentes
¿Qué tamaño de imagen necesita WhatsApp para la vista previa de un enlace?
Menos de 600 KB, al menos 300 px de ancho y una proporción no superior a 4:1. La URL debe ser absoluta.
¿Por qué WhatsApp muestra una vista previa pequeña en lugar de una grande?
La imagen no cumple con las normas de tamaño, por lo que WhatsApp muestra una vista previa pequeña de forma predeterminada. Comprímela por debajo de 600 KB primero.
¿Cómo actualizo la vista previa de un enlace en WhatsApp?
No existe ninguna herramienta oficial. Comparte la URL con una cadena de consulta como ?v=2. No verificado: WhatsApp no documenta el tiempo de almacenamiento en caché.
Comprueba tu página y, a continuación, actualiza la vista previa
Pega tu URL en el comprobador gratuito para ver las etiquetas exactas que lee cada aplicación. Una vez que las etiquetas sean correctas, usa la herramienta de actualización para borrar la vista previa antigua.
Guías relacionadas
La vista previa del enlace de Facebook no se muestra o no se actualiza
Facebook lee las etiquetas Open Graph con su propio rastreador y almacena en caché el resultado durante un máximo de 30 días. Corrige las etiquetas y la imagen, y luego vuelve a rastrear la URL.
La vista previa de enlaces de iMessage no funciona o muestra una burbuja gris
Mensajes obtiene la página por sí misma y no ejecuta JavaScript. Sin la etiqueta og:image y un buen icono, solo obtendrás la típica burbuja gris únicamente con el título.
El embed de Discord no se muestra o no se actualiza
Discord obtiene la página una vez, lee las etiquetas en el HTML del servidor y almacena en caché la vista previa durante unos 30 minutos. Nunca ejecuta tu JavaScript.