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…
Cuando los gráficos de un artículo no contienen la información adecuada para Facebook podemos encontrar errores como este:
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.
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!
Recent Comments