¿No aparece la vista previa del enlace en WhatsApp? Arregla el og:image
Que no aparezca la vista previa de un enlace en WhatsApp casi siempre se debe a una de cinco causas: la página no tiene la etiqueta og:image, la URL de la imagen no es accesible públicamente, la imagen tiene un formato incorrecto y WhatsApp la recorta, el recorte está bien pero la vista previa está desactualizada, o el plugin de SEO de la tienda está imprimiendo una etiqueta en conflicto. Esta guía cubre cada causa, por qué no puedes forzar a WhatsApp a actualizarse y qué cambiar en una tienda WooCommerce.
Respuesta corta
WhatsApp genera una vista previa del enlace a partir de las etiquetas Open Graph de la página. Si og:image falta, no es accesible o no tiene el formato de una tarjeta de 1200×630, el enlace compartido llega como un enlace simple, un recuadro gris o una foto de producto mal recortada. La mayoría de las tiendas WooCommerce nunca configuran un og:image para las páginas de producto — el plugin de SEO recurre a la imagen destacada estática, y una foto de producto cuadrada o vertical pierde los laterales o la parte superior.
1. No hay una etiqueta og:image en la página
Esta es la causa más común en una tienda. WordPress y WooCommerce no emiten una etiqueta og:image para las páginas de producto, categoría o tienda de forma predeterminada, y un tema que no gestione Open Graph dejará la etiqueta completamente ausente.
Solución: revisa el código fuente de la página y confirma que hay una etiqueta og:image presente, absoluta (una URL https://… completa, nunca una ruta relativa) y renderizada en el servidor, no inyectada por JavaScript después de la carga. WhatsApp no ejecuta tu JavaScript.
curl -s https://your-store.com/product/example | grep -i 'og:image'
Un resultado vacío es tu respuesta: WhatsApp no tiene ninguna imagen que mostrar.
2. La URL de la imagen no es accesible públicamente
El rastreador de WhatsApp obtiene la imagen igual que cualquier cliente anónimo. Una URL detrás de un inicio de sesión, en localhost, en una dirección IP sin dominio, o en una ruta bloqueada por robots.txt fallará.
Solución: confirma que la URL devuelve una imagen sin credenciales.
curl -I https://your-store.com/wp-content/uploads/product.jpg
Quieres 200 OK y un Content-Type de image/png o image/jpeg.
La trampa de robots.txt. Los rastreadores sociales respetan robots.txt, así que una regla que bloquee la ruta donde están tus imágenes rompe la vista previa — y la rompe de una forma fácil de diagnosticar mal. El depurador de Meta entonces informa "could not be processed as an image. It may be corrupted or may have an invalid format", que se lee exactamente como un renderizado roto. curl nunca lo reproduce, porque curl ignora robots.txt. Si tus imágenes se sirven desde una ruta cubierta por una regla de Disallow:, la vista previa fallará sin importar lo válido que sea el archivo. Nosotros mismos nos topamos con esto en la ruta de renderizado de FastOG y lo arreglamos con una anulación de Allow: de coincidencia más larga.
3. WhatsApp recorta la imagen de tu producto — y editar la foto no lo solucionará
Este es el síntoma que los comerciantes describen como "mis imágenes de producto aparecen recortadas en WhatsApp", y es el que merece la pena entender bien.
La plataforma recorta cualquier imagen que reciba a un marco de 1200×630. Una foto de producto cuadrada o alta pierde los laterales o la parte superior; un logotipo se estira. Recortar la foto original a mano en Photoshop es una batalla perdida, porque WhatsApp decide el recorte según la relación de aspecto de la tarjeta, no según la composición que hayas elegido — y la siguiente foto de producto vuelve a tener otra forma distinta.
La solución es cambiar la imagen que sirves, no la foto que posees. Envía una tarjeta que ya esté compuesta a 1200×630, con la foto del producto encajada dentro. Así la plataforma no tendrá nada que recortar.
4. El tamaño correcto de la imagen de vista previa en WhatsApp
El tamaño estándar de la imagen Open Graph es de 1200×630 píxeles, con una proporción de 1.91:1, y es el formato que esperan todas las plataformas principales, incluida WhatsApp. Si sirves una imagen de 1200×630, la vista previa se renderiza como se espera; si sirves un cuadrado de 1000×1000, WhatsApp la recortará para rellenar el marco.
Mantén el archivo por debajo de 5 MB. Una tarjeta de texto y producto de 1200×630 suele ocupar entre 200 KB y 500 KB en formato PNG.
Consulta Tamaño de imagen OG: 1200×630 explicado para saber por qué esa proporción se convirtió en el estándar.
5. La vista previa está desactualizada — y no puedes forzar a WhatsApp a actualizarla
Si la etiqueta, la URL y la forma son correctas y la vista previa sigue siendo incorrecta, lo que tienes delante es una caché.
WhatsApp almacena en caché la vista previa. Esta se guarda en la aplicación del destinatario, lo que significa que ninguna herramienta puede pedirle a WhatsApp que la actualice — ni un depurador, ni una API, ni nosotros. WhatsApp no expone ningún tipo de actualización programática, así que no hay ningún botón que pulsar. Quien afirme lo contrario está describiendo el comportamiento de Facebook, no el de WhatsApp.
Lo que sí puedes hacer es asegurarte de que la imagen correcta esté esperando la próxima vez que WhatsApp lea la página. Por eso las URLs de portada de FastOG están direccionadas por contenido: cambia el título, el precio o la imagen del producto y la URL cambiará con ellos, de modo que la siguiente lectura no pueda recoger la tarjeta antigua. Cuándo ocurra esa lectura depende de WhatsApp.
Dos plataformas relacionadas se comportan igual — LinkedIn y X tampoco exponen una API de invalidación y normalmente vuelven a leer en aproximadamente una semana. Sus propios inspectores pueden dar un empujón si tienes prisa:
| Plataforma | Herramienta | ¿Puede forzar la actualización de la vista previa? |
|---|---|---|
| (ninguna) | No — la vista previa se almacena en caché en la aplicación del destinatario | |
Sharing Debugger — developers.facebook.com/tools/debug |
Sí — con "Scrape Again" y de forma programática | |
Post Inspector — linkedin.com/post-inspector |
Da un empujón para que vuelva a leer | |
| X / Twitter | Card Validator — cards-dev.twitter.com/validator |
Da un empujón para que vuelva a leer |
Usar el depurador de Facebook para un problema de WhatsApp. Aun así, merece la pena pegar la URL en el Sharing Debugger aunque no pueda actualizar WhatsApp, porque obtiene la página de la misma manera que lo hará WhatsApp e informa de lo que realmente encontró — etiquetas que faltan, imágenes inaccesibles, formatos incorrectos. Trátalo como un validador de las etiquetas, no como una solución para la caché de WhatsApp.
6. Cómo solucionarlo en una tienda WooCommerce
En WooCommerce, el flujo de trabajo merece explicarse con precisión, porque el modo de fallo habitual suele ser el plugin de SEO, no el tema:
- La etiqueta no existe por defecto. WooCommerce no incluye ninguna
og:imageparaproduct,product_catni para la página de la tienda. - Tu plugin de SEO lo resuelve mal. Yoast, Rank Math, All in One SEO y SEOPress imprimirán una
og:image, pero para un producto recurren a la imagen destacada estática. Esa es una foto cuadrada o vertical, que es exactamente la imagen que WhatsApp luego recorta. - Ojo con las etiquetas duplicadas. Si dos plugins imprimen ambas la
og:image, la plataforma elige una, y puede que no sea la que esperas. Mira el código fuente y cuenta cuántas etiquetasog:imageemite la página.
FastOG para WooCommerce sigue otra vía: genera una tarjeta de 1200×630 a partir de datos en vivo del catálogo (título, precio, distintivo de oferta, valoración, fotografía del producto) en su propio servicio de renderizado, y luego entrega esa imagen de portada al plugin de SEO que ya uses, en lugar de imprimir una etiqueta que compita con él. Así mantienes una sola og:image en la página, y es una tarjeta compuesta para el marco 1.91:1, no una foto de producto en bruto.
Como las imágenes de portada se generan a partir de datos en vivo del catálogo, el precio de la tarjeta coincide con el de la página, y un producto rebajado recibe su distintivo de oferta. Cuando guardas un producto, el plugin también pide a Facebook que vuelva a leer la página: Facebook es la única plataforma que ofrece una actualización programática. WhatsApp, LinkedIn y X siguen su propio calendario, y el plugin lo dice claramente en lugar de prometer una actualización que no puede cumplir.
- Instalación: FastOG para WooCommerce en WordPress.org
- Detalles y preguntas frecuentes: Página de integración con WooCommerce
Comprueba lo que WhatsApp verá realmente
Antes de cambiar nada, mira la página como lo haría un rastreador. Pega cualquier URL de producto en Ve tus enlaces como los ven los compradores: obtiene la página, lee sus etiquetas Open Graph actuales y muestra la vista previa resultante tal como la renderizan WhatsApp, X y Messenger, junto a una portada FastOG creada a partir de los mismos datos del producto. No requiere registro.
¿Prefieres inspeccionar las etiquetas sin procesar? Usa el Generador de etiquetas meta Open Graph para ver el marcado, o consulta la referencia en ¿No aparece og:image? Cómo solucionarlo.
FAQ
¿Por qué se recorta la imagen de mi producto en WhatsApp?
WhatsApp recorta cualquier imagen que recibe a un marco de 1200×630. Una foto de producto cuadrada o vertical pierde los lados o la parte superior. Si se sirve una tarjeta ya compuesta a 1200×630 —con la foto del producto encajada dentro de la tarjeta— la plataforma no tiene nada que recortar.
¿Puedo forzar a WhatsApp a refrescar una vista previa de enlace?
No. WhatsApp no expone ninguna API de refresco ni depurador, y la vista previa en caché vive en la aplicación del destinatario. Solo puedes asegurarte de que la imagen correcta esté esperando su próxima lectura. Facebook es la excepción y ofrece un re-escaneo programático.
¿Por qué el Depurador para desarrolladores de Facebook muestra mi imagen, pero WhatsApp no muestra nada?
Porque son cachés separadas, y el depurador informa sobre las etiquetas de la página, que ambas plataformas leen. Si el depurador muestra una imagen correcta pero WhatsApp no muestra ninguna, las etiquetas están bien y estás viendo una caché de WhatsApp sin refrescar. Si el depurador tampoco muestra nada, la etiqueta falta o la imagen es inaccesible — revisa las causas 1 y 2.
¿Usa WhatsApp og:image o twitter:image?
og:image. Configura las etiquetas de Open Graph. twitter:image es para X.
¿Necesito un plugin, o puedo añadir la etiqueta yo mismo?
Puedes añadir una etiqueta og:image estática a tu tema tú mismo — funciona, y es mucho mejor que nada. Lo que no puede hacer es generar una tarjeta distinta por producto sin crear manualmente una imagen por producto, y quedará obsoleta cada vez que cambie un precio. Ese es el punto en el que una portada dinámica merece la pena.
Mi sitio no está en FastOG. ¿Esto ayudará igualmente?
Sí — las cinco causas son comportamiento de la plataforma, no comportamiento de FastOG. Revísalas en orden con curl, el código fuente de la página y el depurador.
Relacionado
- ¿La imagen og:image no aparece? Cómo solucionarlo
- Actualización instantánea de la imagen de WhatsApp para WooCommerce
- Sincronización de precios de WooCommerce en la vista previa de WhatsApp
- Forzar una actualización de caché de Open Graph en Facebook
- Tamaño de la imagen OG: 1200×630 explicado
- Cómo almacenar en caché las imágenes OG
- URLs de imágenes OG firmadas
- Generador de etiquetas meta de Open Graph
Pruébalo gratis: no se requiere registro
Previsualiza y prueba imágenes OG dinámicas en segundos.
Abrir el probador gratuito de imágenes OG