Vista previa de enlaces en WhatsApp: por qué falla y cómo arreglarla

Vista previa de enlaces en WhatsApp

¿No sale la vista previa del enlace en WhatsApp? Arregla tus etiquetas og | We.Inc

Por qué un enlace enviado por WhatsApp no muestra imagen ni título, qué etiquetas Open Graph documenta Meta para WhatsApp, los límites de 300KB y 600KB, y un comprobador para el head de tu página.

WhatsApp construye la vista previa de un enlace a partir de las etiquetas meta Open Graph del head de tu página. La página para desarrolladores de Meta pide og:title, og:description y og:url, además de og:image para la imagen. El head debe estar dentro de los primeros 300KB del HTML, y la imagen debe pesar menos de 600KB y medir al menos 300px de ancho.

Lo que documenta Meta para las vistas previas de WhatsApp (octubre de 2026)

Pegas el enlace de tu tienda o de tus reservas en un chat de WhatsApp y obtienes una dirección azul sin más, o un cuadradito en lugar de una imagen grande. Casi siempre se debe a unas pocas etiquetas en la sección head oculta de tu página, la parte que leen los navegadores pero que los visitantes nunca ven. Pega el código fuente de tu página en el comprobador de abajo para ver qué encontrará WhatsApp.

Preguntas frecuentes

¿Por qué mi enlace de WhatsApp no muestra imagen?

Las causas más habituales son que falte la etiqueta og:image, una ruta de imagen que no es absoluta, un archivo de imagen de 600KB o más, o una imagen de menos de 300px de ancho. Pasa el código fuente de tu página por el comprobador de esta página para ver cuál es.

¿Por qué la vista previa de WhatsApp sale pequeña en lugar de grande?

Meta indica que, si la vista previa aparece pero no en tamaño grande, debes revisar de nuevo los requisitos de la imagen. El peso, el ancho y el límite de proporción 4:1 son los sospechosos habituales.

¿Cómo actualizo una vista previa antigua de WhatsApp?

La página de WhatsApp de Meta no describe ninguna herramienta para actualizarla ni cuánto tiempo se guardan en caché las vistas previas. Para Facebook, Meta indica que las imágenes se guardan en caché por URL, así que dar a la nueva imagen un nombre de archivo nuevo es la forma fiable de que un nuevo envío la recoja.

¿WhatsApp usa las mismas etiquetas que Facebook?

Ambos leen las etiquetas del protocolo Open Graph, como og:title y og:image. Los límites de tamaño son distintos: la página de WhatsApp de Meta fija un límite de 600KB para la imagen, mientras que su guía para compartir en Facebook admite archivos de imagen de hasta 8MB.

¿Puedo saber qué visita es de WhatsApp?

Sí. Meta documenta que WhatsApp obtiene la página con una petición HTTP GET y un User-Agent como WhatsApp/2.x.x.x seguido de A, I o N para Android, iOS o web.

Por qué las vistas previas no están garantizadas

Cambiar la imagen después de compartir

Las etiquetas que debes añadir al head de tu página

Pégalas en el código personalizado del head de tu sitio o rellena los campos equivalentes en los ajustes para compartir de tu creador. Cambia cada valor por los de tu propia página.

Etiquetas Open Graph que cumplen con WhatsApp

Título, descripción y URL son el trío obligatorio en la página de WhatsApp de Meta; la línea de imagen aporta la imagen, y la línea alt la describe.

Reglas de imagen de WhatsApp, Facebook y LinkedIn, comparadas

Cada plataforma documenta sus propias cifras. Una imagen de 1200 por 630 guardada con un peso adecuado para WhatsApp también funciona en las otras dos.

Reglas de la imagen para compartir según las páginas de ayuda de cada plataforma (octubre de 2026)

Comprobador de vista previa de WhatsApp

Pega el código fuente HTML de tu página. La comprobación se hace en tu navegador y no se sube nada.

Código fuente HTML de la página

<html><head>...</head>

Simulación de la vista previa

(sin título)

OK

Falta

Problema

og:title está presente y no está vacío

og:description está presente y no está vacío

og:url está presente y no está vacío

og:image está presente

og:image es una URL absoluta https:// o http://

El head se cierra dentro de los primeros 300KB ({v} KB aquí)

og:image:alt describe la imagen

La descripción tiene {n} caracteres; Meta indica que unos 80 son suficientes.

El tamaño y el peso de la imagen no se pueden leer desde el HTML. Comprueba el propio archivo con el comprobador de imágenes OG.

Pega el HTML arriba para hacer la comprobación.

Empieza gratis · Sin tarjeta de crédito

Relacionado: Guías

Producto

Para quién es

Funciones

Recursos

Empresa

Mapa del sitio