Hi Bonnie,
I checked the code and the image is there,
<meta property="og:image" content="https://bonniecharmer.com/wp-content/uploads/2018/11/Charmer-Header-1.jpg">
The problem is that Facebook can’t parse your site’s HTML correctly due to malformed HTML code. And it’s because of this
<div id="fb-root"></div>
It should be added within <body></body>
and not on <head></head>
. Please remove that code, this is the complete code
<meta property="fb:app_id" content="2075876142471555">
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : '2075876142471555',
xfbml : true,
version : 'v2.1'
});
};
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/'.$tco_fb_locale.'/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
The <meta>
and <script></script>
blocks are fine, except the <div></div>
block.
Once fixed, please use the Facebook tool to re-scrape it.
Thanks!