La amenaza de WebP para WhatsApp: la verdad no contada

Hoy, una clienta nuestra que vende propiedades en Tenerife nos contactó con un problema frustrante: cuando comparte anuncios de propiedades con sus clientes por WhatsApp, las vistas previas de los enlaces no funcionan. A veces no hay imagen. A veces, incluso el título y la descripción desaparecen. Hace tan solo unos días, todo funcionaba a la perfección: aparecía automáticamente una bonita tarjeta con foto y detalles.
WhatsApp y vistas previas de enlaces: por qué son importantes
WhatsApp no es solo una aplicación de mensajería. Es una herramienta de comunicación clave para millones de empresas en todo el mundo. En muchos sectores, especialmente en el inmobiliario, el comercio electrónico y los servicios, enviar enlaces por WhatsApp es esencial para el embudo de ventas. Y cuando esos enlaces parecen rotos o vacíos, la confianza se ve mermada al instante. La gente no hace clic en enlaces que parecen incompletos o sospechosos.
Empezamos a investigar. El sitio web estaba configurado correctamente: etiquetas Open Graph como og:título
, og:descripción
, y og:image
Todos estaban presentes y correctos. La estructura de la página estaba bien. No se había cambiado nada en el CMS ni en el tema.
Pero hubo un ajuste reciente: Hace unos días, el sitio había habilitado la conversión automática de imágenes al formato WebP utilizando el complemento EWWW Image Optimizer. Y ahí fue cuando las vistas previas de WhatsApp empezaron a fallar.
WebP y la velocidad del sitio: un arma de doble filo
A primera vista, WebP parece una solución inteligente. Ofrece archivos de menor tamaño y velocidades de carga más rápidas. A Google le encanta. PageSpeed Insights mejora la puntuación de tu sitio web. Es tentador adoptarlo en todos los ámbitos.
Pero aquí está el problema: WebP no es totalmente compatible con todas las plataformas, especialmente con WhatsApp.
WebP fue creado por Google para reemplazar formatos antiguos como JPEG y PNG. La mayoría de los navegadores modernos lo admiten. Pero en el caso de WhatsApp, la situación se complica, sobre todo cuando se usa WebP en... og:image
etiqueta, que activa la tarjeta de vista previa cuando se comparte un enlace.
¿Por qué WhatsApp no muestra imágenes WebP?
El sistema de vista previa de WhatsApp no es compatible con WebP de forma fiable ni en Android ni en iOS. Si tu página usa WebP como imagen principal en la etiqueta OG, WhatsApp no suele mostrarla. En su lugar, podría mostrar solo el texto. O nada.
Esto es lo que suele ocurrir:
Su complemento de optimización (como EWWW, Imagify o LiteSpeed) genera automáticamente imágenes WebP.
Su servidor utiliza negociación de contenido para servir WebP a la mayoría de los agentes de usuario.
WhatsApp raspa el enlace, recibe una imagen WebP y no puede renderizarla.
La vista previa se interrumpe: no hay imagen y no hay interacción.
Y esto empeora. WhatsApp almacena en caché la vista previa en el primer intento. Si no se carga la imagen una vez, ese estado en blanco podría durar días, incluso después de solucionar el problema en tu sitio web. A diferencia de Facebook, WhatsApp no tiene una herramienta para actualizar manualmente las vistas previas de los enlaces.
Errores comunes al diagnosticar el problema
Los propietarios y desarrolladores de sitios web suelen dedicar horas a depurar errores. Prueban las etiquetas OG. Cambian las descripciones, actualizan el tamaño de las imágenes y añaden tipos MIME. Incluso pueden pensar que el sitio ha sido hackeado o incluido en la lista negra.
Pero nada de eso ayudará si WhatsApp recibe una imagen WebP que no puede procesar.
El problema no está en las etiquetas: está en el formato.
Cómo solucionarlo (y evitarlo)
Para evitar este problema y garantizar que las vistas previas de WhatsApp se muestren correctamente:
Usar JPEG o PNG para
og:image
, no WebP.Asegúrese de que la URL de la imagen termine con
.jpg
o.png
— sin redirecciones ni negociación de contenido dinámico.Configure su servidor o CDN para no sirve WebP a los rastreadores de redes sociales.
Evite los complementos que reescriben automáticamente las imágenes OG en WebP.
No confíe en JavaScript ni en la carga diferida: WhatsApp solo analiza HTML sin formato.
Prueba tus enlaces en WhatsApp antes de grandes campañas o lanzamientos de contenido.
Además, tenga cuidado con Comportamiento de CDNServicios como Cloudflare o BunnyCDN pueden convertir imágenes automáticamente a WebP. Incluso si su etiqueta OG apunta a un... .jpg
, la CDN podría servir WebP en su lugar. Siempre revise sus encabezados de respuesta HTTP: si ve tipo de contenido: imagen/webp
, WhatsApp puede romper tu vista previa.
WebP es genial, pero no para las plataformas de mensajería
WebP es realmente útil para optimizar el rendimiento interno. Es rápido, eficiente e ideal para la renderización en navegadores. Sin embargo, cuando tu contenido depende de compartirse externamente, especialmente a través de plataformas como WhatsApp, se convierte en una decisión arriesgada.
Hasta que WhatsApp actualice su motor de renderizado, la solución más segura y confiable es usar JPEG o PNG para todas las imágenes Open Graph.
Reflexiones finales de un desarrollador de WordPress
Llevo casi una década creando sitios web en WordPress. Junto con mi equipo, no solo creamos sitios web, sino que ayudamos a las empresas a crecer mediante:
Optimización SEO
Anuncios de Google y anuncios de Facebook
Configuración del canal de YouTube
Presencia en Google Maps
Optimización de la velocidad
Una de las áreas más críticas en las que nos centramos es Mejorar la velocidad del sitio web, especialmente según Google PageSpeed Insights. ¿Por qué? Porque un sitio web que carga rápido genera más confianza, más conversiones, menores costos de publicidad y mejores clasificaciones en Google.
Pero la optimización siempre se basa en el equilibrio. Apostar demasiado por una sola dirección, como adoptar WebP en todas partes, puede perjudicar tu visibilidad y comunicación en plataformas como WhatsApp.
No se trata solo de la velocidad de carga. Se trata de cómo aparece tu contenido Cuando alguien lo comparte. Y eso puede ser la diferencia entre un clic y una oportunidad perdida.
Acerca del autor
Este artículo fue escrito por Gennadii PratsevychDesarrollador de WordPress con casi 10 años de experiencia en optimización de sitios web, SEO y estrategia digital.
Si tiene preguntas o necesita ayuda con su sitio web de WordPress, no dude en contactarnos. Contáctame aquí o envíeme un correo electrónico directamente a info@speedwppro.com.