How do I change the default image of when a user clicks the Facebook ‘Like’ button on the homepage? It’s just randomly grabbing this one image that doesn’t represent my website at all…
You would need to set a ‘featured image’, or “default image” for your home page. I think Yoast SEO and some other tools let you do this. It’s not technically a “theme” function. However, Facebook may still grab wrong image – they do that. They “should” give you a choice with < > arrows, but that doesn’t always work.
@Christopher Simmon, Thanks for the response. I don’t have any SEO plugin installed, i’ll do some further plugin research (I try limiting them for speed purposes). I’ve done my research and I saw that this code would work: <meta property=”og:image” content=”image-url”/> and I put it in the header but still seems to be pulling the wrong image (nonetheless its the worst image it could grab, ah). Anybody else experience this/resolved this problem?
I run into this sometimes where stupid Facebook will grab the LOGO from the page, or the last image related to a post somebody else has already shared, even with the featured image explicitly specified. Similarly, with Google News they will grab a random image when there are more than one, even if the OG tags and an image tag are in the head area. Very very annoying. Not theme specific, more the robot grabbing an image “from the page scrape” and to a certain extent nothing you can do about it.
One trick, try saving the page to Facebook by hand in a status update and try to “choose” a better photo from the choices if an < > appears over thumbnail, and then they will tend to use THAT image for awhile as the one related when anybody shares the home page.
But YES, having link to image on home page should work, as I do here:
<meta property="og:image" content="http://ga-ga.com/images/Ga-Ga_TM.png" />
