El depurador de Facebook es una herramienta que le permite analizar y solucionar problemas de OpenGraph para cualquiera de sus páginas. Como las redes sociales y las mismas Facebook son componentes clave en cualquier estrategia de marketing, la ciencia del uso de esta herramienta puede tener resultados. ¡Hablemos sobre el depurador de Facebook y OpenGraph! ¿Qué es OpenGraph (y cómo agregar etiquetas en WordPress) OpenGraph se refiere a una colección de etiquetas que puede usar para agregar meta datos a sus páginas y publicaciones? Los muestran a sus usuarios:

Si no usa etiquetas OpenGraph, las plataformas de redes sociales generarán automáticamente fragmentos para sus páginas cuando las distribuya. Sin embargo, con este enfoque, pierde todo el control sobre la apariencia de esos ricos fragmentos. Esto significa que si la imagen acompañante no se ve bien, debe cambiarla en WordPress. Si no le gusta la meta descripción utilizada por Facebook, también deberá cambiar su contenido. En general, este no es un enfoque inteligente si desea capitalizar en las sociales como fuente de tráfico. Incluso este simple ejemplo requiere agregar más etiquetas de OpenGraph en segundo plano. Para el rico fragmento, debe usar las siguientes etiquetas:
!
Este ejemplo es de un temas elegantes anteriores sobre etiquetas OpenGraph y cómo usarlas (¡deberías leer!). En resumen, hay dos formas en que puede agregar etiquetas OpenGraph a su contenido:
Manual. Al igual que con el marcado del esquema, puede agregar manualmente las etiquetas OpenGraph a sus páginas.
Uso de complementos. Hay muchos complementos que generan automáticamente las etiquetas OpenGraph para su opción de complemento más popular es Yoast SEO, aunque otros pueden hacer esto.
Desafortunadamente, la versión gratuita de Yoast SEO no incluye ricas funcionalidades para fragmentos. Sin embargo, no le permite cambiar las etiquetas OpenGrph. Su contenido usando un editor simple.
Si ya está utilizando Yoast SEO, aprovechar la funcionalidad de OpenGraph es la forma más fácil de asegurarse de que sus fragmentos de redes sociales se vean exactamente como desee. Por qué debería usar el depurador de Facebook para el depurador de Facebook de OpenGraph es un instrumento que puede ayudarlo a asegurarse de que los fragmentos ricos en las redes sociales funcionen perfectamente en todas partes. Para usarlo, simplemente visite la página de depuradores compartidos para los desarrolladores de Facebook. Aquí, ingrese la URL de la página cuyas etiquetas desea verificarlas y haga clic en el solucionador de problemas: ni siquiera necesita una cuenta de Facebook para usar el flujo. Tan pronto como analice una URL, esto le mostrará una vista previa del fragmento rico junto con información, como la URL canónica:
Si se ejecuta a continuación, puede analizar todo el abreGraph de la página:

Tenga en cuenta que el depurador de Facebook no le permite corregir errores ni modificar las etiquetas directamente. Sin embargo, le muestra una vista previa de cómo se verá su contenido en Facebook. Más importante aún, también le ofrece advertencias si detecta errores en sus etiquetas OpenGraph:

Este error especial es uno de los tres que mostraremos cómo solucionar problemas en la siguiente sección.

Cómo usar el depurador de Facebook para remediar 3 errores conjuntos abiertos para esta sección, confiaremos especialmente en el depurador de Facebook. Sin embargo, si usa Yoast SEO, también le mostraremos cómo el complemento puede ayudarlo a solucionar algunos errores OpenGraph. ¡Vamos a eso! 1. Raspe nuevamente una URL para actualizar las imágenes asociadas Uno de los errores más comunes que puede cumplir con las etiquetas de OpenGraph es que el depurador de Facebook mostrará imágenes obsoletas. Esto sucede porque no se actualiza automáticamente en Facebook cuando actualiza una página o imagen asociada. Cuando se usa etiquetas OpenGraph para imágenes, Facebook memoriza estos archivos en caché para mejorar el rendimiento. Como resultado, si actualiza las imágenes presentadas al final de usted, debe “forzar” a Facebook a hacer lo mismo de su lado. Puede encontrar esta opción justo debajo cuando y cómo raspé la URL por última vez:

Haga clic en el botón Risotee nuevamente y vea si la imagen presentada de su página cambia en la sección del enlace Prared. Si no, a veces, hacer clic en el botón nuevamente hace un truco (¡no es una tecnología muy alta, pero funciona!) Si la imagen no se carga, es posible que tenga que lidiar con un caché en su sitio. Web. En este caso, querrá eliminar el caché del sitio y luego usar el raspado nuevamente para obligar a Facebook a actualizar la información de su imagen.
2. Remedia El error “Las propiedades aún no están disponibles” La etiqueta: la imagen es lo que OpenGraph usa para declarar qué archivo de imagen debe mostrar plataformas de socialización para cada página. En algunos casos, puede encontrar el error “OG: las propiedades de la imagen aún no están disponibles”. Esto significa que puede haber un problema con la resolución de su imagen. Si el tamaño de su imagen es inferior a 200 × 200, no funcionará en absoluto. Idealmente, las imágenes que establece para fragmentos ricos en redes sociales debe ser de 1080 píxeles o más. Las imágenes con características grandes no solo se ven mejor, sino que también pueden ayudar a llamar la atención sobre su contenido en las redes sociales:

Si desea leer más sobre las imágenes y la etiqueta OG: Imagen, hay otro artículo en el blog elegante de temas. En resumen, si el depurador de Facebook devuelve un error relacionado con el tamaño de su imagen, generalmente puede solucionarlo utilizando uno de estos dos enfoques:

Actualice la imagen presentada de la página con una versión de mayor resolución (¡y quédese con las imágenes de alta calidad!).
Use Yoast SEO para indicar un archivo de imagen diferente en su etiqueta OG: imagen.

Para Yoast SEO, puede encontrar la opción de cambiar su “imagen de Facebook” en la pestaña Social para publicar o página que desea actualizar:

Después de actualizar su imagen o etiqueta apropiada, use el botón Risotee nuevamente en el depurador de Facebook. La advertencia “OG: las propiedades de la imagen aún no están disponibles” deben desaparecer y su imagen debe mostrarse correctamente. 3. Agregue la propiedad faltante FB: APP_ID a su sitio web para volver a una advertencia presentada anteriormente en el artículo: Esta advertencia significa que no hay una aplicación de Facebook asociada con su sitio web. No necesita una ID de aplicación para compartir su contenido en las redes sociales, pero le permite acceder a Facebook Insights. Dado que Facebook Insights puede ayudarlo a mejorar sus esfuerzos de marketing y medir el rendimiento de la publicación, vale un poco de tiempo de configuración. Si está interesado en obtener acceso a estos análisis, deberá generar una ID de aplicación de Facebook para su sitio web. Una vez que tenga la ID de aplicación, puede usar Yoast SEO para agregarlo a sus páginas usando la propiedad FB: App_id. Para hacer esto, vaya a la pestaña SEO> Social> Facebook en su sitio y busque ID de aplicación de Facebook:
Agregue la ID de aplicación, guarde los cambios en la configuración del complemento y está listo para comenzar. De ahora en adelante, el depurador de Facebook no debe devolver errores relacionados con una propiedad FB: faltando APP_ID. La conclusión del depurador de Facebook es extremadamente simple de usar. Sin embargo, algunos errores que podría encontrar son difíciles de entender sin una comprensión básica de las etiquetas de OpenGraph. En general, si usa un complemento como Yoast SEO, no tendrá que preocuparse por la configuración de la etiqueta manual. Con el depurador de Facebook, puede solucionar rápidamente los errores de OpenGraph: montar una URL nuevamente para actualizar las imágenes asociadas.
Remediar el error “OG: las propiedades de la imagen aún no están disponibles”.
Agregar propiedad FB: APP_ID Falta en su sitio web.

¿Tiene alguna pregunta sobre cómo usar el depurador de Facebook? ¡Hablemos de ellos en la sección de comentarios a continuación! Imagen en miniatura del artículo de Sergey Targasov / Shutterstock.com.


homefinance blog