los depurador de facebook es una herramienta que permite analizar y resolver problemas Abrir gráficos etiquetas para cualquier página. Al usar el Depurador, puede localizar rápidamente la fuente de errores en los fragmentos aumentados en las redes sociales.
Dado que las redes sociales y el propio Facebook son elementos clave de cualquier estrategia de marketing, saber cómo usar esta herramienta puede dar muchos frutos.
¡Hablemos del 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 metadatos a sus páginas y publicaciones. Las plataformas de redes sociales utilizan estas etiquetas de OpenGraph para generar fragmentos enriquecidos que 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 comparta. Sin embargo, con este enfoque, pierde el control de la apariencia de estos fragmentos expandidos.
Esto significa que si la imagen adjunta no se ve bien, debe cambiarla en WordPress. Si no te gusta la meta descripción que usa Facebook, también deberás modificar tu contenido. En general, no es un enfoque inteligente si desea utilizar las redes sociales como fuente de tráfico.
Incluso este ejemplo simple requiere que agregue muchas etiquetas OpenGraph en segundo plano. Para el fragmento enriquecido, debe usar las siguientes etiquetas:
<meta property="og:title" content="Article Title"/> <meta property="og:description" content="Article Description"/> <meta property="og:type" content="article"/> <meta property="og:url" content="http://example.com/link/to/article"/> <meta property="og:site_name" content="Site Name"/> <meta property="og:image" content="http://example.com/image/src.jpg"/>
Este ejemplo es de un artículo anterior en Elegant Themes sobre las etiquetas de OpenGraph y cómo usarlas (¡que deberías leer!). En resumen, hay dos formas de agregar etiquetas OpenGraph a su contenido:
- A mano. Al igual que con el marcado de esquema, puede agregar manualmente etiquetas OpenGraph a sus páginas. La desventaja es que debe hacer esto para cada página de su sitio web que desee compartir en las redes sociales.
- Uso de complementos. Hay muchos complementos que generan automáticamente etiquetas OpenGraph para su contenido. La opción de enchufe más común es SEOaunque otros también pueden hacerlo.
Desafortunadamente, la versión gratuita de Yoast SEO no incluye la función de vista previa de fragmentos enriquecidos. Sin embargo, esto si le permite modificar las etiquetas OpenGraph de su contenido con un editor simple.
Si Si ya usa Yoast SEO, usar su funcionalidad OpenGraph es la forma más fácil de asegurarse de que sus fragmentos de redes sociales se vean exactamente como usted quiere.
Por qué debería usar el depurador de Facebook para OpenGraph
El depurador de Facebook es una herramienta que puede ayudar a que sus secuencias de comandos aumentadas de redes sociales funcionen perfectamente. Para usarlo, simplemente visite Compartir un depurador Página de desarrollador de Facebook. Ingrese aquí la URL de la página cuyas etiquetas desea verificar y haga clic en Depurar botón:
Ni siquiera necesita una cuenta de Facebook para usar el depurador. Tan pronto como analice la URL, se le presentará una vista previa de su fragmento expandido junto con información como la URL canónica:
Si se desplaza hacia abajo, puede analizar todas las etiquetas OpenGraph de la página:
Recuerda que el depurador de Facebook no puede corregir errores ni modificar etiquetas directamente. Sin embargo, muestra una vista previa de cómo se verá tu contenido en Facebook. Más importante aún, también te da advertencias si detecta errores en las etiquetas de OpenGraph:
Este error en particular es uno de los tres que le mostraremos cómo solucionar en la siguiente sección.
Cómo usar el depurador de Facebook para arreglar 3 OpenGraph comunes
Para este apartado nos basaremos principalmente en el depurador de Facebook. Sin embargo, si usa Yoast SEO, también le mostramos cómo un complemento puede ayudarlo a corregir algunos errores de OpenGraph. ¡Sigamos adelante!
1. Vuelva a rascar la URL para actualizar las imágenes asociadas
Uno de los errores más comunes que puede encontrar con las etiquetas de OpenGraph es que el depurador de Facebook muestra imágenes destacadas obsoletas. Esto se debe a que no se actualiza automáticamente en Facebook cuando actualizas una página o una imagen asociada con una publicación. Cuando usa etiquetas OpenGraph para imágenes, Facebook almacena en caché estos archivos al final para mejorar el rendimiento. En consecuencia, si actualiza las imágenes destacadas de su lado, debe «obligar» a Facebook a hacer lo mismo de su lado.
La forma más fácil de hacer esto es usar el depurador de Facebook. raspar de nuevo funcionalidad. Puedes encontrar esta opción justo debajo ¿Cuándo y cómo raspamos la URL por última vez?:
haga clic en raspar de nuevo y verifique si la imagen destacada de su página cambia a Vista previa del enlace Sección. Si no es así, a veces hacer clic en el botón nuevamente a veces funciona (no es muy experto en tecnología, ¡pero funciona!)
Si la imagen no se carga, es posible que tenga un problema de caché en su sitio. En este caso, borre el caché del sitio y luego use el botón raspar de nuevo botón para obligar a Facebook a actualizar la información de la imagen.
2. Solucione el error «Las propiedades aún no están disponibles»
los og: imagen es lo que usa OpenGraph para declarar qué archivo de imagen deben mostrar las plataformas de redes sociales 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 la imagen destacada. Si el tamaño de la imagen es inferior a 200 × 200, no funcionará en absoluto.
Idealmente, las imágenes configuradas para fragmentos enriquecidos en las redes sociales deben tener 1080 píxeles o más. Las imágenes destacadas grandes no solo se ven mejor, sino que también pueden llamar la atención sobre el contenido de sus redes sociales:
Si quieres leer más sobre las imágenes y og: imagen tag, hay otro artículo en el blog de Elegant Themes. En resumen, si el depurador de Facebook devuelve un error de tamaño de imagen, generalmente puede solucionarlo utilizando uno de estos dos enfoques:
- Actualiza la imagen de tu página destacada a una resolución más alta (¡y quédate con fotos de alta calidad a partir de ahora!).
- Use Yoast SEO para apuntar a un archivo de imagen diferente en el suyo og: imagen etiqueta.
Para Yoast SEO, puede encontrar la opción para cambiar su «imagen de Facebook» en Social Añade a favoritos la publicación o la página que deseas actualizar:
Después de actualizar la imagen o la etiqueta adecuada, use raspar de nuevo en el depurador de Facebook. La advertencia «og: las propiedades de la imagen aún no están disponibles» debería desaparecer y la imagen debería mostrarse correctamente.
3. Agrega los que faltan fb: identificador_aplicación Propiedad de su sitio web
Volvamos a la advertencia presentada anteriormente en el artículo:
Esta advertencia significa que su sitio web no tiene ninguna ID de aplicación de Facebook asociada. Tu no necesitar ID de la aplicación para compartir contenido en las redes sociales, pero le permite acceder a las estadísticas de Facebook.
Dado que Facebook Insights puede ayudarlo a optimizar sus esfuerzos de marketing y medir el rendimiento de las publicaciones, vale la pena dedicar un tiempo a la configuración. Si desea acceder a este análisis, deberá generar una ID de aplicación de Facebook para su sitio web.
Una vez que haya obtenido la ID de la aplicación, puede usar Yoast SEO para agregarla a sus páginas usando fb: identificador_aplicación propiedad. Para hacer esto, vaya a Posicionamiento> Sociales> Facebook en su sitio y busque Identificación de la aplicación de Facebook campo:
Agregue la ID de la aplicación, guarde los cambios en la configuración del complemento y listo. De ahora en adelante, el depurador de Facebook no debería devolver ningún error que falte. fb: identificador_aplicación propiedad.
Solicitud
los depurador de facebook Es extremadamente fácil de usar. Sin embargo, algunos errores que puede 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 tiene que preocuparse por configurar manualmente sus etiquetas.
Con el depurador de Facebook, puede solucionar rápidamente los errores de OpenGraph al:
- Raspar la url nuevamente para actualizar las imágenes relacionadas.
- Corrección del error «og: las propiedades de la imagen aún no están disponibles».
- Agregando faltantes fb: identificador_aplicación a su sitio web.
¿Tienes preguntas sobre el uso del depurador de Facebook? ¡Hablemos de ellos en la sección de comentarios a continuación!
Imagen de la miniatura del artículo de Sergey Targasov / shutterstock.com.
