Al escribir un nuevo artículo en un blog e intentar compartirlo, podemos encontrarnos con un problema por el cual la imagen destacada en Facebook no es la deseada, o directamente no sale ninguna imagen.

Facebook muestrea los enlaces que se publican en el timeline de los usuarios. Si no los tiene en caché, calcula determinados parámetros, así como la imagen que aparecerá cada vez que los diferentes usuarios continúen compartiendo el mismo enlace. Se puede saber qué datos tiene almacenados Facebook en el Open Graph Object Debugger (https://developers.facebook.com/tools/debug/og/object/) así como los posibles errores de indexación debidos a valores incorrectos de ciertos parámetros, etc…

20160329_WPFacebookOpenGraphtProtocol3

TRUCO: Si el aspecto del post compartido en Facebook no te parece agradable o has cambiado la imagen principal después de que el enlace fuera indexado por primera vez, puedes hacer que se refresque, mediante el Open Graph Object Debugger. => Con la opción Show existing scrape information verás ver el aspecto actual de los datos que tiene indexados Facebook. => Para hacer que Facebook refresque su información en caché, pulsa «Fetch new scrape information»

Cuando los gráficos de un artículo no contienen la información adecuada para Facebook podemos encontrar errores como este:

Object at URL ‘http://www… (URL)…/’ of type ‘website’ is invalid because a required property ‘og:title’ of type ‘string’ was not provided.

Si tenemos un blog creado con WordPress, la mejor manera de evitar este tipo de errores es utilizar un plugin que se encargue de añadir la información necesaria en cada caso y configurar una buena imagen destacada en Facebook. Una buena opción es el plugin WP Facebook Open Graph protocol (https://wordpress.org/plugins/wp-facebook-open-graph-protocol/)

La configuración del plugin se realiza mediante el menú Ajustes del panel de control de WordPress. Se pueden especificar los parámetros más adecuados para compartir en diferentes redes sociales, así como especificar una imagen por defecto para mostrar, en caso de que el artículo no contenga información suficiente.

20160329_WPFacebookOpenGraphtProtocol

Ejemplos de propiedades que pueden configurarse con este plugin:

Include Image (og:image) tag
All images MUST have at least 200px on both dimensions in order to Facebook to load them at all.
1200x630px for optimal results.
Minimum of 600x315px is recommended.
Include Image size (og:image:width and og:image:height) tags
Recommended only if Facebook is having problems loading the image when the post is shared for the first time.
Include Schema.org «itemprop» Image tag
<meta itemprop=»image» content=»…»/>
Recommended for Google+ sharing purposes if no other plugin is setting it already
Include Twitter Card Image tag
<meta name=»twitter:image:src» content=»…»/>
Recommended for Twitter sharing purposes if no other plugin is setting it already
On posts/pages:
1) Image will be fetched from the specific «Open Graph Image» custom field on the post
2) If it’s not set, image will be fetched from post/page featured/thumbnail picture
3) If it doesn’t exist, use the first image from the post/page content
4) If it doesn’t exist, use first image from the post/page media gallery
5) If it doesn’t exist, use the default image above

…y muchos más…

Gracias a la adecuada configuración de las propiedades Open Graph, nuestros artículos tendrán un aspecto excelente al compartirlos en Facebook. Consulta la información indexada (sobre todo la imagen destacada en Facebook) a través del Object Debugger, y ¡mejórala con este plugin!

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.plugin cookies

ACEPTAR
Aviso de cookies