Well , I have been facing this problem for sometime now but decided to solve it today but couldn’t. I have read thoroughly similar topics on this forum , still can’t solve it
My problem is that;
1.When I share a link of my blog post on facebook it picks a different image instead of the set FEATURED IMAGE.
2.I have installed yoast and have done the social setting , still can not solve the problem
3.Used facebook debug tools and this the response I got
Errors That Must Be Fixed
Meta Tags In Body Your page has meta tags in the body instead of the head. This may be because your HTML was malformed and they fell lower in the parse tree.
Please fix this in order for the tags to be usable.
Notice
Warnings That Should Be Fixed
Inferred Property The ‘og:url’ property should be explicitly provided, even if a value can be inferred from other tags.
Inferred Property The ‘og:title’ property should be explicitly provided, even if a value can be inferred from other tags.
Inferred Property The ‘og:description’ property should be explicitly provided, even if a value can be inferred from other tags.
Inferred Property The ‘og:image’ property should be explicitly provided, even if a value can be inferred from other tags.
Share App ID Missing The ‘fb:app_id’ property should be explicitly provided, Specify the app ID so that stories shared to Facebook will be properly attributed to the app. Alternatively, app_id can be set in url when open the share dialog.
Based on the raw tags, we constructed the following Open Graph properties
This is my site url Ghpage.com
Please , Help me as it is affecting my shares on facebook
Well, if you check your page source, for a page like this — you have cocked up something as you have multiple <head></head> sections.
use “view source’ in your web browser for
http://www.ghpage.com/shatta-wale-cheats-michy-describes-magical-happened/
<head>
<head>
<link href="http://fonts.googleapis.com/css?family=Lato" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet" type="text/css">
<link href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type='text/css'>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.1/jquery.min.js"></script>
</head>
...
<meta name="msapplication-TileImage" content="http://www.ghpage.com/wp-content/uploads/cropped-pic_0000431-300x300.jpeg"/>
<noscript><style type="text/css">.wpb_animate_when_almost_visible{opacity:1;}</style></noscript></head>
