No description or image on Facebook share button

Trying like hell getting something awkwardly simple as a Facebook share button to work on my Sage site, but when share button is clicked, the image nor description shows up.

However; when the URL is pasted directly into Facebook, everything is OK and rendered correctly. At first I thought it was something with my logic, but I’ve dumbed it down to this:

Under the body tag:

<div id="fb-root"></div>
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); = id;
js.src = "//";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));

In the footer (where ever):

<div class="fb-share-button" data-href="" data-layout="link"></div>

Right above head:

<meta property="og:url"           content="" />
<meta property="og:type"          content="website" />
<meta property="og:title"         content="Your Website Title" />
<meta property="og:description"   content="Your description" />
<meta property="og:image"         content="" /> 

Used resources:

Why I ask
I need to know if there’s something with Sage I don’t know about that can cause this? main.js stuff? Caching? Something hookin’ in somewhere? This is getting ridiculous :wink:
I also noticed the Sage Social Share Plugin:

So. I hope you understand me asking.


Sage does not hook into anywhere to cause Facebook sharing not to work. Not sure why the assumption would be if the starter theme actually actively worked at messing something up like this.

Have you checked your browser console? Are there any JavaScript errors? This really could be anything, it could be how your server/host is configured, Facebook could have blacklisted or temporarily banned your host. You could have a typo somewhere…