Social Sharing

Hi Guys

Not sure if you can help with this but, I’ve used Beaver Builder with the WP Social Sharing buttons for all my websites and it works just great BUT, I’m working on this site at the moment http://aiofp.breakawaycreative.com.au/ and, when I hit the FB share button, instead of selecting the picture within the blog to use as the header image, it takes part of the logo image? I’ve made sure I’m up-to-date with the plugin and theme, and I’ve tried using a different Social Sharing Plugin (Social Media Feather) and it does exactly the same thing.

Any ideas?

Kay

Hey Kay,

Do you mind sharing the other sites you’ve used the same plugin on so we can check? Also, are the other sites using the latest version of the sharing plugin as well? I think the best way around this is to ask the developers of that plugin. I believe it has something to do with how it fetches the first image found on the page(which is usually how it works).

Ben

I would recommend using Facebook Debugger for Open Graph.

https://developers.facebook.com/tools/debug/og/object/

You don’t have a meta og:image
The ‘og:image’ property should be explicitly provided, even if a value can be inferred from other tags.

Here is the code for your header
<meta property=“og:image”
content=“url here” />

Take the picture you want to display and repalce with url here.

Hey Dan,

Thanks for jumping in! :slight_smile:

Kay,

Let us know if the method above works! You should be able to place that under Theme Customizer > Code > Head Code. I’ll place it here again so it’s copy paste safe. :slight_smile:
<meta property=“og:image” content=“http://www.domain.com/image.jpg” />

Ben