Cómo hacer que Facebook muestre imágenes en enlaces
Al publicar artículos en nuestro sitio, nuestro equipo siempre cruza enlaces al mismo contenido en nuestra página de fans de Facebook, donde tenemos cerca de 250 mil seguidores. Una de las mayores frustraciones con las que nos encontramos con Facebook es cuando publicamos un enlace a un artículo que contiene imágenes y Facebook se niega a mostrar la imagen encima del enlace. Lo extraño es que, a veces, al eliminar la URL y volver a pegarla, se muestran imágenes y otras veces, Facebook se niega por completo a hacerlo. Y cuando la imagen no aparece, no importa cuántas veces actualices la página o pegues el enlace, nunca aparecerá. Dado que varios de nuestros lectores tienen páginas de fans o páginas personales de Facebook donde pegan enlaces a sus sitios o carteras, pensé que sería una buena idea compartir la forma de obligar a Facebook a mostrar imágenes en los enlaces.
Problema de vista previa de imagen de Facebook
No sé la causa exacta de este problema en particular, pero parece que cuando uno proporciona un enlace en un nuevo mensaje/publicación que contiene imágenes, el back-end de Facebook a veces simplemente no captura las imágenes. A veces, Facebook tomará imágenes completamente irrelevantes como los pequeños banners en la barra lateral del sitio web. Eche un vistazo a la siguiente captura de pantalla que ilustra este problema:
Para este ejemplo en particular, tomé una publicación aleatoria de hace un tiempo. Como puede ver, proporcioné el enlace en la publicación, pero Facebook no pudo capturar la imagen asociada con esa publicación en particular (vea el área en rojo). Si se encuentra con un problema de este tipo, lo primero que debe intentar hacer es actualizar la página en su navegador y luego pegar el enlace nuevamente. A veces, Facebook tarda un segundo en capturar la imagen y, cuando lo intenta por segunda vez, puede funcionar. El problema es que, a veces, Facebook no obtiene imágenes sin importar cuántas veces intente actualizar el navegador y pegar el enlace. Si esto te sucede, prueba la solución a continuación.
La solución: depurador de Facebook
La buena noticia es que los ingenieros de Facebook proporcionaron una excelente herramienta que puede solucionar fácilmente el problema de obtención de miniaturas/imágenes: el depurador de Facebook. Simplemente vaya a https://developers.facebook.com/tools/debug y una vez que se abra la página, pegue el enlace que no funciona en el área de entrada, luego haga clic en "Depurar", como se muestra a continuación:
Aparecerá la página siguiente, que muestra la información de los metadatos de la página, junto con otra información relevante que lee Facebook:
Desplácese hacia abajo hasta llegar al final de la página, donde se muestra cómo se verá el enlace cuando se pegue:
Como puede ver, hay dos áreas que muestran la imagen adjunta a esa publicación en particular: og: imagen y "Cuando se comparta, esto es lo que se incluirá". Aunque Facebook hace un trabajo bastante decente al obtener imágenes de los enlaces, siempre intentará ubicar primero una etiqueta específica de Facebook llamada "og: image". Si no sabe qué es esta etiqueta y ejecuta un blog de WordPress, le recomendaría que busque un complemento de Facebook Open Graph que inserte automáticamente los metadatos de Facebook por usted. Pruebe un complemento como este o busque algunos complementos de SEO como WordPress SEO que vienen con la capacidad de agregar metadatos de Open Graph.
¡Vista previa de la imagen de Facebook arreglada!
Una vez que siga los pasos anteriores, ahora debería tener un enlace que funcione y que muestre automáticamente la vista previa de la imagen. Aquí está el mismo enlace que pegué en la nueva publicación, que muestra la imagen que no estaba allí la primera vez:
Mi recomendación sería poner Facebook Debugger en los favoritos/barra de herramientas de su navegador. Si las cosas no funcionan de vez en cuando, inicie el depurador, copie y pegue el enlace y hágalo de nuevo.
¡Espero que esto ayude!