La mayoría de nosotros hemos publicado, o hemos visto a alguien publicar, un artículo en Facebook solo para ver la imagen destacada incorrecta. A menudo elimino la publicación y la vuelvo a publicar solo para encontrar la miniatura incorrecta publicada nuevamente. Incluso tuve que eliminar la vista previa y proporcionar mi propia imagen, lo que provoca otra serie de problemas. Este es un problema común al compartir contenido de WordPress. Afortunadamente, es fácil de solucionar con el depurador de Facebook .
En este artículo, veremos qué está causando el problema y cómo usar el depurador de Facebook para resolver este dolor de cabeza por completo. Las imágenes de las publicaciones de ejemplo se tomaron de Unsplash.com.
En realidad, hay muchas causas para este problema, y no siempre es fácil saber cuál está causando su problema específico. La causa más probable es el uso inapropiado de las etiquetas og (etiquetas Open Graph, configuradas como og:image) donde la imagen destacada es más pequeña que las demás.
Cuando compartes un artículo, Facebook intenta adivinar qué miniatura es la mejor para usar. Lo hace mediante el uso de etiquetas og y, a veces, elige una imagen más grande que la que ha configurado. A veces falta la etiqueta og. También puede ser causado por complementos de caché o alojamiento, como los sistemas CDN, que no recogen la imagen correcta.
También puede deberse al uso de un tamaño de imagen que no le gusta a Facebook. Facebook reconoce imágenes que tienen al menos 200 x 200 píxeles, pero prefiere imágenes más grandes de al menos 600 x 315. Una resolución de 1200 x 630 es ideal para pantallas grandes.
El problema se puede resolver de varias maneras. Una opción es cargar manualmente las imágenes usted mismo. El problema con esta solución es que al hacer clic en la imagen se abre la imagen en una caja de luz en lugar de llevar al lector al artículo y la imagen se almacena en las imágenes cargadas y en la línea de tiempo. Esta es solo una solución parcial, ya que cualquier otra persona que comparta su artículo verá y compartirá la imagen incorrecta.
Quizás la mejor solución sea solucionar el problema con el depurador de uso compartido de Facebook. Aunque aquí nos estamos enfocando en imágenes, el depurador también probará URL, títulos, descripciones, otros tipos de medios y más.
Uso del depurador de uso compartido de Facebook
El depurador de uso compartido de Facebook está disponible en la caja de herramientas de Facebook para desarrolladores. Esta es una herramienta que rastreará su página y observará sus metaetiquetas y errores de visualización. Incluso probará su HTML.
Para usarlo, pegue la URL de su publicación de WordPress y seleccione Depurar. Esto le proporcionará errores para corregir. Una vez que haya corregido los errores, haga clic en Scrape Again para borrar el caché para que Facebook vea su nueva imagen.
La imagen debe almacenarse previamente en caché antes de que se muestre en la aplicación para compartir. Tendrá que almacenar previamente en caché la imagen ejecutándola en Sharing Debugger o usar etiquetas Open Graph (og:image:width y og:image:height) para que el rastreador pueda representarla sin tener que procesarla primero.
Ejemplos de depuradores de Facebook
Sin conjunto de imágenes, primera imagen pequeña
Este artículo no tiene una imagen destacada especificada. Tomó la segunda imagen en lugar de la primera.
El depurador me dice que proporcione la imagen destacada. La razón por la que seleccionó la segunda imagen sobre la primera tiene que ver con el tamaño de la imagen. El primero es de 108 píxeles. Esto está por debajo de los 200 píxeles deseados, por lo que Facebook lo ignora.
Imagen destacada demasiado pequeña
Aquí hay una publicación que usa la imagen pequeña como imagen destacada. Aunque se configuró la imagen destacada, Facebook ni siquiera la reconoce.
Facebook me da la opción de elegir imágenes del artículo. La imagen pequeña ni siquiera es una opción.
El depurador muestra que la imagen es demasiado pequeña. Reemplace la imagen destacada con una imagen más grande.
Imagen destacada grande
En este ejemplo, la imagen destacada tiene 1080 píxeles. Ahora muestra la imagen que mostrará Facebook.
Esta vez se publicó en Facebook con la única imagen destacada.
Las imágenes son solo uno de los problemas potenciales de compartir en Facebook. Las principales advertencias que verá involucran etiquetas og. Esto significa que faltan las etiquetas meta que quiere Facebook. La solución más fácil es usar un complemento como Facebook Open Graph o Yoast SEO . Esto asegurará que la imagen que desea mostrar sea la misma imagen que se comparte cuando otros comparten sus artículos, y proporcionará las etiquetas og que Facebook desea.
Esto es Facebook Open Graph. Establece las etiquetas og para que Facebook las reconozca.
Yoast SEO incluye un título de Facebook, una descripción y una selección de imágenes para cada publicación en la pestaña Social.
Pensamientos finales
Sharing Debugger es una manera fácil de ver qué está causando problemas con sus recursos compartidos. Vale la pena el esfuerzo extra para asegurarse de que sus publicaciones estén formateadas para que se compartan correctamente en Facebook. Los artículos bien formateados obtienen más acciones y participación.
Nos gustaría saber de usted. ¿Has usado el depurador de Facebook? Háganos saber acerca de su experiencia en los comentarios a continuación.
Imagen destacada vía I000s_pixels / shutterstock.com