Solucionar problemas
Cómo corregir la previsualización de enlaces en Facebook y WhatsApp
Si al compartir una URL en Facebook o WhatsApp no aparece la imagen, sale un título incorrecto o se conserva una versión antigua, revisa primero qué datos publica esa página y si pueden descargarse sin iniciar sesión.
La vista previa suele utilizar las etiquetas Open Graph del HTML. Cambiar solo la imagen que ves dentro de la página puede no modificar la imagen que esta declara para compartir.
Primero, distingue el problema
| Lo que ocurre | Por dónde empezar |
|---|---|
| En WhatsApp no se genera vista previa con ningún enlace | Revisa los ajustes de privacidad de WhatsApp y prueba de nuevo con una URL conocida. |
| Solo falla una página de tu web | Comprueba su HTML y la URL de su imagen. |
| Muestra una imagen o título antiguos | Revisa el contenido publicado y las cachés; después solicita una nueva extracción en Facebook. |
| Funciona en Facebook, pero no en WhatsApp | Comprueba WhatsApp por separado: el depurador de Facebook no valida su resultado. |
WhatsApp permite desactivar las vistas previas de enlaces. Si tienes activada esa opción, que no se genere una vista previa al enviar no demuestra un fallo de la web.
1. Comprueba las etiquetas Open Graph
Abre la URL exacta que estás compartiendo y consulta su código fuente. En <head> debería haber datos equivalentes a estos, adaptados a esa página:
<meta property="og:type" content="website"> <meta property="og:url" content="https://tudominio.com/articulo"> <meta property="og:title" content="Título de la página"> <meta property="og:description" content="Descripción de la página compartida."> <meta property="og:image" content="https://tudominio.com/imagenes/compartir.jpg">
La URL de og:image debe ser absoluta. Comprueba que no apunta a una imagen de otra página, a un entorno de pruebas o a un archivo que ya no existe. Publica las etiquetas en el HTML inicial: no dependas de que aparezcan después de ejecutar JavaScript.
En WordPress, tu plugin SEO puede gestionar el título, la descripción y la imagen social. Revisa el HTML final para descartar que el tema y otro plugin generen etiquetas contradictorias. Si declaras varias imágenes, coloca primero la que quieras priorizar.
2. Comprueba que la imagen puede descargarse
Abre la URL de og:image en una ventana privada. Debe mostrar directamente la imagen por HTTPS, sin login, cookies obligatorias ni un desafío antibots.
Utiliza una imagen horizontal con texto legible; por ejemplo, puedes preparar una de 1200 × 630 píxeles. Comprime el archivo y comprueba cómo se ve en ambas aplicaciones: las dimensiones por sí solas no garantizan una vista previa. Evita servir una imagen enorme cuando una versión ligera ofrece el mismo resultado.
Si obtienes un 403, 404, error de certificado o una página de acceso, corrige primero esa respuesta. Revisa las reglas del firewall, CDN o protección contra enlaces externos que afecten al archivo.
3. Solicita una nueva extracción en Facebook
Abre el Depurador de contenido compartido de Facebook, introduce la URL exacta y revisa la información recuperada. Después de corregir el origen, utiliza la opción de volver a extraer para solicitar otra lectura.
Si todavía aparecen datos antiguos, vacía la caché de la aplicación y del CDN y comprueba de nuevo el código fuente público. Cuando cambies el archivo de una imagen social, un nombre nuevo permite distinguir la versión publicada de una copia antigua; actualiza también og:image.
El depurador actúa sobre Facebook. No vacía la caché de WhatsApp ni demuestra qué imagen mostrará allí.
4. Prueba el enlace en WhatsApp
Pega la URL completa en el cuadro de un chat, sin enviarla, y espera a que se forme la vista previa. Comprueba antes que no la hayas desactivado en los ajustes. Una vista previa ya enviada no es una prueba fiable del estado actual de la página.
Si solo falla en WhatsApp, vuelve a comprobar la imagen, la respuesta pública y el HTML inicial. Anota qué dispositivo y versión de la aplicación utilizas para poder comparar el comportamiento.
Comprobación por terminal
Si necesitas inspeccionar la respuesta HTTP, estas órdenes hacen una descarga con el identificador del rastreador de Facebook:
curl -L --compressed -A 'facebookexternalhit/1.1' https://tudominio.com/articulo curl -L --compressed -A 'facebookexternalhit/1.1' -o /dev/null -w '%{http_code} %{content_type} %{size_download}\n' https://tudominio.com/imagenes/compartir.jpg
La primera debe contener las etiquetas correctas. La segunda permite ver el código HTTP, tipo de contenido y tamaño descargado. Un 200 con text/html en la URL de la imagen puede indicar que has recibido una página de error o un desafío.
Estas pruebas se hacen desde tu conexión: cambiar el identificador no reproduce la IP, caché ni todas las condiciones del rastreador real. Contrasta el resultado con el depurador y los registros del servidor.
Qué enviar a soporte si persiste
Si alojas la web en Hostsuar, indícanos la URL compartida, la URL de og:image, la hora de la prueba y dónde falla. Podemos revisar errores de acceso o bloqueos del hosting. No es necesario cambiar de servidor si la causa está en las etiquetas de tu tema o en los ajustes de la aplicación.
También te puede ayudar
- Activar temporalmente el modo depuración de PrestaShop Obtén la excepción exacta activando temporalmente _PS_MODE_DEV_ desde el panel o defines.inc.php sin...
- Advertencia ¡Borrado de actividad en curso! en Moodle Localiza la tarea ad hoc course_delete_modules que mantiene un borrado pendiente y ejecuta el cron d...
- Aprender a depurar un error de WordPress Explica cómo leer un error fatal de WordPress, distinguir lo que demuestra de sus posibles causas y...
- Cómo usar Consola y Red del navegador para diagnosticar errores Localiza fallos JavaScript, peticiones inseguras y recursos que no cargan usando las vistas Consola...
¿Algo no cuadra o ha cambiado? Cuéntanoslo y lo revisamos.