Problemas de previsualización al compartir enlaces en Facebook y WhatsApp

Cuando compartes el enlace de un artículo, sea de un blog, sección, producto de una tienda o similar, en redes sociales como Facebook y WhatsApp, puedes encontrar una situación en la que la captura de previsualización no se muestra. Generalmente, la previsualización se lleva a cabo desde la propia red social, accediendo y obteniendo las metaetiquetas desde el código HTML de tu sitio web para generar la imagen y el texto de la vista previa.

¿Por qué no se previsualiza correctamente?

Hay varias razones por las que la previsualización puede no mostrarse correctamente. Algunas de las más comunes incluyen:

1. Etiquetas meta incorrectas: Las redes sociales utilizan etiquetas meta en tu código HTML, como Open Graph (para Facebook) y Twitter Cards (para Twitter), para mostrar previsualizaciones de enlaces. Si las etiquetas meta necesarias para generar estas vistas previas faltan o están mal escritas, es posible que no se muestren correctamente. En webs desarrolladas con gestores de contenido como WordPress, esto tiene fácil solución, plugins como Yoast SEO o All in One SEO Pack. se encargarían de añadir todas las etiquetas necesarias para que funcione.
2. Problemas de caché: Las redes sociales almacenan información de vista previa en la caché para mejorar la velocidad de carga. Puede que hayas hecho cambios, pero las redes sociales aún están mostrando la versión almacenada en caché.
3. Problemas temporales en la red social: Facebook, WhatsApp y otras redes sociales pueden experimentar problemas técnicos que afecten a las previsualizaciones de enlaces.

Cómo solucionarlo

Facebook ofrece una herramienta llamada Depurador de contenido compartido, que puedes usar para verificar y solucionar problemas con las vistas previas de enlaces. Para usarlo:

1. Accede a Facebook Debugger.
2. Introduce tu enlace y haz clic en "Depurar".
3. Si Facebook encuentra algún problema, lo indicará, mostrando cualquier error o advertencia relevante, así como Vista prevía del enlace que mostrará en redes al compartir.
4. Puedes actualizar los detalles de vista previa y forzar que tome los cambios o corrija los errores, haciendo clic en "Volver a extraer". Esto obligará a Facebook a actualizar su caché.

Asegúrate de revisar tu etiquetado meta también. Si las etiquetas requeridas por las redes sociales no están presentes o están mal escritas, necesitarás realizar cambios en tu código.

Recuerda que cualquier cambio que realices en el sitio puede llevar algún tiempo en reflejarse en las redes sociales debido al almacenamiento en caché.