Si alguna vez compartiste un enlace de tu página web en WhatsApp y no aparece la imagen, el título o la descripción, no es un error de WhatsApp, es un problema de configuración en tu sitio web y es más común de lo que parece.
En este artículo te explico por qué pasa y cómo solucionarlo paso a paso.
Por qué no aparece la imagen en WhatsApp
WhatsApp no muestra la imagen porque no lee la página como lo hace Google; whatsApp utiliza algo llamado etiquetas Open Graph (OG), que son unas etiquetas que van en el código de la página y le dicen a WhatsApp:
- Qué título mostrar
- Qué descripción mostrar
- Qué imagen mostrar
- Qué enlace mostrar
Estas etiquetas se ven así en el código:
<meta property=”og:title” content=”Título del artículo” />
<meta property=”og:description” content=”Descripción del artículo” />
<meta property=”og:image” content=”https://tusitio.com/imagen.jpg” />
<meta property=”og:url” content=”https://tusitio.com/articulo” />
Si tu web no tiene estas etiquetas bien configuradas, WhatsApp no mostrará la imagen.
Error muy común: el caché de WhatsApp
Aunque arregles la imagen, WhatsApp guarda una copia del enlace (caché), y por eso sigues viendo el enlace sin imagen.
La solución es compartir el enlace así:
https://tusitio.com/articulo/?w=1
Si no aparece la imagen, cambia el número:
https://tusitio.com/articulo/?w=2
https://tusitio.com/articulo/?w=3
Esto obliga a WhatsApp a volver a leer la página y actualizar la imagen.
Resumiendo solo debes agregar ?w=1 al final de cada enlace a compartir.
Tamaño correcto de imagen para WhatsApp
Para que la imagen se vea bien cuando compartes tu web, debe tener estas características:
| Parámetro | Recomendado |
| Tamaño | 1200 x 630 px |
| Formato | JPG |
| Peso | Menos de 300 KB |
| Relación | 1.91:1 |
Si la imagen es muy grande, muy pesada o cuadrada, WhatsApp no la mostrará.
Cómo solucionar el problema (paso a paso)
- Usa un plugin SEO como Rank Math. (si tu web es wordpress)
- Configura la imagen destacada del artículo.
- Configura la imagen social (Open Graph).
- Verifica el enlace en:
https://developers.facebook.com/tools/debug/
- Haz clic en Scrape Again.
- Comparte el enlace en WhatsApp así:
https://tusitio.com/articulo/?w=1
Si tu sitio web está hecho en HTML (no WordPress), debes agregar las etiquetas Open Graph dentro del <head> de tu página.
- Agregar etiquetas Open Graph
Abre tu archivo HTML y dentro de la etiqueta <head> agrega esto:
<!– Open Graph para WhatsApp –>
<meta property=”og:title” content=”Título de tu página o artículo” />
<meta property=”og:description” content=”Descripción corta de la página (2 líneas máximo)” />
<meta property=”og:image” content=”https://tudominio.com/imagen.jpg” />
<meta property=”og:url” content=”https://tudominio.com/pagina.html” />
<meta property=”og:type” content=”website” />
Consejo importante si tienes empresa
Cada vez que compartes un enlace en WhatsApp, esa vista previa es como un anuncio gratis, por eso la imagen debe parecer un anuncio:
- Título grande
- Imagen clara
- Colores llamativos
- Logo de tu empresa
- Un problema que llame la atención
Conclusión
Si tu página no muestra la imagen cuando la compartes en WhatsApp, normalmente es por:
- Falta de etiquetas Open Graph
- Imagen con tamaño incorrecto
- Caché de WhatsApp
- Redirecciones en la web
La buena noticia es que todo tiene solución, y cuando lo configuras bien, cada vez que compartas tu web en WhatsApp tendrás una vista previa profesional que genera más clics y más clientes.
