Facebook-friendly controls/settings?

Tagged: clean box, facebook, Seo

This topic has 3 replies, 2 voices, and was last updated 8 years, 5 months ago by Sakin.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
May 28, 2016 at 12:11 am #92454

gaiabee
Participant

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

May 28, 2016 at 7:16 am #92466

Sakin
Keymaster

@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.

May 28, 2016 at 11:39 am #92472

gaiabee
Participant

@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” />

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…

May 28, 2016 at 8:57 pm #92483

Sakin
Keymaster

@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