Usar el depurador de Facebook para solucionar problemas de imagen en publicaciones compartidas

Esta es una guía completa sobre cómo usar el solucionador de problemas de Facebook para remediar los problemas de imagen en WordPress. Si promociona su sitio web con Facebook durante un período lo suficientemente largo, lo más probable es que enfrente este problema común, en el que la imagen en su publicación de WordPress es diferente de Facebook. Esto generalmente sucede cuando intenta distribuir una publicación o página. La solución para este problema es eliminar la imagen incorrecta y luego cargar directamente la imagen correcta en la publicación. Pero esta no es una buena solución.
En primer lugar, cargar una imagen significaría menos tráfico en su sitio. Esto se debe al hecho de que cuando un lector hace clic en la imagen, se extenderá allí en Facebook. Si ha distribuido la publicación normalmente con su imagen, si hace clic en ella, el usuario llegará a su sitio en segundo lugar, cargar la imagen correcta resolvería el problema solo para usted. Si alguien más recibe la URL de su publicación y la distribuye en Facebook, continuará recibiendo la imagen incorrecta. Por supuesto, la mejor solución es hacer que Facebook comparta la imagen correcta para su publicación.
En este artículo, le mostraremos cómo usar el Subroyector de Facebook para remediar los problemas de imagen, así como otros problemas de intercambio comunes. Aprenderás:
Cómo Facebook (FB) Abre Graph usa para compartir su contenido
¿Qué es el depurador de FB y cómo funciona?
Cómo remediar los problemas de intercambio de imágenes usando FB Debugger
Remedio Problemas para compartir imágenes usando Yoast Seoforța Facebook para usar su imagen especificada por usted
Cómo eliminar archivos de caché en WordPress
Otros problemas de compartir
Conclusión
Cómo usar Facebook Open Graph para compartir su contenido de gráfico abierto, también llamado “etiquetas OG”, es un protocolo que ayuda a mostrar su contenido en las redes sociales como Facebook, Twitter, LinkedIn, etc.
Los metaéticos del gráfico abierto fueron desarrollados en 2010 por desarrolladores de Facebook. Los creadores de contenido pueden usar la herramienta para controlar cómo aparecerán sus contenidos antes de compartir su enlace en las redes sociales. Otras plataformas de redes sociales, como Twitter y LinkedIn, también usan el gráfico abierto para permitir que el contenido rico se comparta en sus diferentes plataformas. Twitter presentó recientemente tarjetas de Twitter que funcionan de manera similar a las etiquetas OG. Sin embargo, si Twitter no puede detectar tarjetas de Twitter en su página, vuelve al uso de etiquetas gráficas abiertas.
Al distribuir su contenido en Facebook, abra etiquetas gráficas, dicen Facebook sobre el contenido de su página e intente extraer datos del enlace. Los metaetichets más importantes que usa Facebook son:
El título de la página (llamado OG: Título).
Meta Descripción (OG: Descripción).
Imagen presentada (OG: imagen).
La URL de la página (OG: URL).
WordPress establece automáticamente estas etiquetas siempre que configure su sitio para usar etiquetas OG. Algunos complementos de SEO, como Yoast SEO, agregan implícitamente etiquetas gráficas abiertas en su sitio web de WordPress. Si Facebook no muestra la imagen correcta después de compartir el enlace, entonces probablemente haya un problema con su etiqueta de imagen. Para analizar esto, el solucionador de problemas de Facebook puede ayudar a verificar los errores asociados con el intercambio. En la sección a continuación, le presentaremos cómo funciona el solucionador de problemas de Facebook y cómo usarlo. ¿Qué es el depurador de Facebook y cómo funciona el solucionador de problemas de Facebook es una herramienta que se usa principalmente para obtener una vista previa de cómo aparece el contenido de la página cuando alguien comparte el enlace en Facebook? Además, puede usar la herramienta para analizar sus enlaces y ver cómo se interpretan las etiquetas de Facebook OG. La herramienta puede mostrarle los errores que aparecen con las imágenes en su página. También enumerará las etiquetas que faltan en la página que analice.

Cómo funciona para comenzar, simplemente visite el sitio web del desarrollador de Facebook e inicie sesión con su cuenta de Facebook habitual. Después de eso, haga clic más en el menú desplegable, haga clic en Herramientas.
En la página de la herramienta, haga clic en Compartir.
Alternativamente, simplemente puede acceder al instrumento con este enlace directo. Para analizar una página, copie y pegue el enlace al cuadro de texto y luego haga clic en Solución de problemas.

En la página de solución de problemas, encontrará todos los detalles sobre esa página junto con sus etiquetas OG. Si ve el error que dice “Faltan las siguientes propiedades necesarias: FB: la aplicación no ha instalado una aplicación de Facebook en su sitio, que es, en general, no es un problema.

Por el momento, nos centramos en la sección Prared Link. Si todas las etiquetas están presentes en su página, debe ver una vista previa de su publicación junto con la imagen presentada. Facebook almacena la vista previa con sus etiquetas en su servidor. Esto es bastante similar a cómo funciona el almacenamiento en su sitio web. Cuando usted o sus lectores distribuyan el enlace, Facebook extraerá la información de la página de su servidor con la ayuda de las etiquetas OG.

Si Facebook no muestra la imagen correcta al obtener una vista previa del enlace, una imagen de baja calidad o un complemento de caché en su sitio web de WordPress podría causar el error. A continuación, le mostraremos cómo resolver los problemas de compartir imágenes en WordPress. Cómo remediar los problemas de intercambio de imágenes con el depurador de Facebook a veces, cuando se usa una imagen de baja calidad como una imagen presentada en su publicación, Facebook podría ignorarlo cuando distribuye la publicación en la plataforma. Para ayudar a Facebook a elegir la imagen correcta, puede usar un complemento para obligar a WordPress a establecer la etiqueta OG: imagen antes de publicar.

Hay una serie de complementos que puede usar para lograr esto, como el complemento “Abrir gráfico y Twitter” y “Yoast SEO”. En esta guía, utilizaremos el complemento Yoast SEO para establecer imágenes gráficas abiertas para publicaciones de blog. La razón por la que elegí este complemento es que muchos usuarios de WP ya están utilizando el complemento SEO en sus sitios web. Eliminar problemas de intercambio de imágenes usando Yoast SEO para iniciar, descargar e instalar el complemento Yoast SEO en el tablero de WordPress. Lea esta guía para averiguar cómo instalar complementos de WordPress.

Después de instalar el complemento, vaya a publicaciones> todas las publicaciones y luego seleccione la publicación que desea cambiar.
En el editor de publicaciones, desplácese hacia abajo y luego localice la sección de SEO yoast. Aquí, seleccione la pestaña Social y luego haga clic en el botón Seleccionar imagen. Puede elegir la imagen presentada para esa publicación si prefiere usarla como OG: Imagen.
Nota secundaria: una vez que haya seleccionado una imagen para el metaetichet de Facebook, aún debe especificar una imagen presentada si es una nueva publicación.De lo contrario, al publicar la publicación en su sitio, no estará presente una imagen.Después de configurar la imagen, haga clic en Publicación/actualización para hacer el cambio reciente.Obliga a Facebook a usar la imagen especificada por usted, el siguiente paso es decirle a Facebook que use la nueva imagen que ha agregado desde la configuración de Yoast.Para hacer esto, vaya al Subroyector de Facebook y luego inserte el enlace a la publicación en la que acaba de trabajar.Después de eso, haga clic en el botón de depuración.Luego haga clic en Scrape nuevamente en el tablero de depuradores de Facebook para que la imagen pueda actualizarse.

Si aún no muestra la imagen correcta, es posible que deba hacer clic en el raspado nuevamente varias veces antes de que Facebook actualice sus etiquetas. El único problema con este método de solución de problemas es que puede ser pesado, especialmente cuando tiene que hacerlo por muchas publicaciones. En lugar de cambiar manualmente cada publicación desde su sitio web, puede intentar identificar la causa del error de intercambio. En la mayoría de los casos, el uso de un complemento de caché de WordPress podría ser la causa. La memorización de caché ayuda a mejorar la velocidad de su sitio almacenando información de página en su servidor de alojamiento de WordPress administrado o casi cualquier otro tipo de host que use. Esto acepta la carga rápida de las páginas de su sitio, incluso con una conexión lenta a Internet. El problema con el almacenamiento en caché es que la mayoría de las aplicaciones de terceros, como Facebook, pueden extraer la versión de caché de su página. Esto podría suceder incluso si ha actualizado las imágenes en la página. Cómo eliminar los archivos de caché en WordPress para resolver esto, debe eliminar los datos de caché del caché que ha instalado en su sitio. Suponga que utiliza el caché WP más rápido como almacenamiento de caché en su sitio web de WordPress. Puede configurar el complemento para eliminar todo el caché al actualizar una publicación o página en su sitio. Para hacer esto, haga clic en el caché WP más rápido en el tablero de WordPress. En la pestaña “Configuración”, haga clic en la opción “Publicar actualización” y luego seleccione el caché para publicar/página.

Luego haga clic en Aceptar y luego desplácese hacia abajo y haga clic en el envío. Esta opción eliminará automáticamente todos los datos de caché al actualizar una publicación o página. Para manejar todo el caché manualmente, vaya a la pestaña “Limpiar el caché” y luego haga clic en el botón Eliminar la memoria caché.

Recibirá una alerta de confirmación de que todos los pasteles se han eliminado de su servidor de alojamiento de WordPress.

Después de eliminar todos los archivos de caché en su servidor, debe usar el depurador de Facebook para decirle que Facebook escanee su página y use archivos actualizados. Simplemente vaya al Sosshoper de problemas e inserte el enlace que desea solucionar. Ahora, haga clic en el botón “Raspe nuevamente”.

Como se mencionó anteriormente, puede ser necesario hacer clic en el botón Risotee nuevamente hasta que Facebook comience a dibujar la imagen correcta de su publicación. Otros problemas para compartir al usar el solucionador de problemas de Facebook, hay varias advertencias que pueden ocurrir cuando escanean una página. Por ejemplo: la propiedad “OG: imagen” debe proporcionarse explícitamente, incluso si se puede deducir un valor de otras etiquetas si ve una advertencia similar a la anterior, sabe que aparece principalmente cuando se usa una imagen de calidad baja en la publicación desde el blog.