Webmasters Stack Exchange is a question and answer site for webmasters. It only takes a minute to sign up.
Sign up to join this community
When I try to share my self-hosted website (www.veffa.org/vnbookdrive) on Facebook, the logo isn't shown as I expect:
When search for the solution, I come up with this tutorial in YouTube. So I go to the Facebook Object Debugger and enter my site. It turns out that it does get an image, the only thing is that image is white, and I don't know where it is on my site:
So do you have any idea where is this image? And how should I fix it?
This is happening because you are using Jetpack Open Graph Tags which is inserting the following code: <meta property="og:image" content="https://s0.wp.com/i/blank.jpg" />. It may be using a blank.jpg file because it can't find any images on the page. The only images you are using are contained within a JavaScript Super Sized...
Summary... either embed a image to the page not using JavaScript or manually add a og:image with a image that isn't blank.
og:image if you don't that in the <head> then its not going to display. I see that you have <img src="/vnbookdrive/wp-content/uploads/2014/04/3.44.png> on the page and you need to add <meta property="og:image" content="http://www.veffa.org/vnbookdrive/wp-content/uploads/2014/04/3.44.png" /> to your website. Either do this manually, fix Jetpack Open Graph or use another plugin... I have told you the problem, how you proceed to fix the problem is up to you.
May 3, 2015 at 13:09