[gaiabee]

Hi there!

I realize this is a bit outside the theme support context, but I’m trying to find ways to make my homepage Facebook-friendlier:
I would like to be able to control the image and copy that shows up when I/someone posts my link in FB. I have tried two online tutorials so far with no success. e.g. I tried installing this plugin: WP Facebook Open Graph protocol)

Is there something specific to know about Clean Box in this regard?

Any pointers would be appreciated! Thanks!

Deborah

[Sakin]

@gaiabee: Facebook take image from “Featured Image” in your post/page. That is automatically. Yes, you can use plugin like Yoast SEO which handles SEO and Open Graph for Facebook, check this out http://kb.yoast.com/article/219-getting-open-graph-for-your-articles

Then you can test your Homapage and other pages from https://developers.facebook.com/tools/debug/. Here add in URL and then click on “Debug”. Then it will show all the detail. Check in “Time Scraped”, if it was long time then you can click on “Scrape Again” to get latest details.

Please post in your site URL and let me know what you are you trying to get image as.

[gaiabee]

@Sakin. Hi!
My site is http://www.voicesoftheselves.com
I discovered how to change key settings in Yoast SEO and then found this:
http://wordpress.stackexchange.com/questions/3605/how-can-i-control-the-facebook-like-image
with the instructions to add this to the head
<meta property=”og:image” content=”http://YOUR_IMAGE_URL&#8221; />

This allowed me to use an image from the media library that’s not on the front page as the image that shows up on Facebook.

I hope I got it right now…

[Sakin]

@gaiabee: Yes, your site og:image looks fine. But now you have 2 images.
1. Form Yoast SEO: which is showing as below. You can change this image from “SEO => Social => Facebook”. There you can upload your Frontpage image, which will be for your header image and also default image.
<meta property="og:image" content="http://voicesoftheselves.com/wp-content/uploads/2016/02/MG_3640-200x300.jpg" />

2. You need to remove another og:image from header. The following code:
<meta property="og:image" content="http://voicesoftheselves.com/wp-content/uploads/2016/02/FB_logo_centered2_200x200.jpg" />

Note: If you are trying to add this image http://voicesoftheselves.com/wp-content/uploads/2016/02/FB_logo_centered2_200x200.jpg as your Facebook image for Homepage, then just go to “SEO => Social => Facebook” and paste this image url in “Image URL:” and “Save Changes”

[Author]

Posts