Topic-icon How Can I Force Facebook to use first image

Active Subscriptions:

None
When my article has more than 1 picture, FB uses the last one. I would like to force FB to automatically use the first one as the og:image. How can I set that?
The topic has been locked.
Support Specialist
12 years 5 months ago #39918 by alzander
Can you let me know a specific URL you're testing with? We'll gladly investigate and let you know how best to fix your solution.

In general, JFBConnect should be setting things in the priority you're asking about. You can also test what Facebook sees using their Facebook Debug Tool . That should show the images in the order that Facebook sees them.

Thanks,
Alex
The topic has been locked.
Active Subscriptions:

None
12 years 5 months ago #39991 by blink_black
URL: www.bunibuni.com/world-news/item/3586-mi...he-national-enquirer

Using the debug tool, it pull the first image, however when I paste the URL directly to facebook, it pull the second image.
The topic has been locked.
Support Specialist
12 years 5 months ago #40045 by alzander
In the Open Graph Debug tool, there is a "Warnings that should be fixed" section. One of the notices in there is:

og:image should be larger -- Provided og:image is not big enough. Please use an image that's at least 200x200 px. Image 'pbs.twimg.com/media/BbJ8-b9CIAAcSN_.png' will be used instead.

That's the reason the first image isn't being used. Facebook likes larger images, and if there is one available, it will use it. If you didn't have the 2nd image there, it may still use the first, but it also could try to find another bigger one on the page on it's own.

I hope that helps explain a bit more. Should you need anything else though, just let us know.

Thanks,
Alex
The topic has been locked.
Active Subscriptions:

None
12 years 5 months ago #40069 by blink_black
Yeah, I saw the same warning image but that's a false positive. The reason is because the image is actually 300x250. Secondly, it started after I upgraded so I know it's not from FB. The old version was working perfectly well.
The topic has been locked.
Support Specialist
12 years 5 months ago #40070 by alzander
Looking at the HTML on your site, you have multiple Open Graph issues. None of them are being caused by JFBConnect though. Please view the raw HTML on your page. When you do, you'll see:
* At the top, there are 1 og:image tag:
<meta property="og:image" content="http://www.bunibuni.com/media/k2/items/cache/b026bfe08e689baaa05579e76abcdd13_XS.jpg" />
This is the 'small' image that is being inserted and what Facebook is ignoring. I'm assuming this is being inserted from K2. You'll need to disable that insertion.
* Below that, there are 4 inclusions of the og:description tag. Each is multi-line (which Facebook doesn't like) and each is different, which means Facebook will be confused.
* Further below that, you'll see JFBConnect's block of tags:
<meta property="og:description" content="According to The National Enquirer, a furious First Lady Michelle Obama hurled these fight&shy;ing words &ldquo;I&rsquo;VE had enough!&rdquo; at her husband after he publicly humiliated her by flirting with a leggy blonde foreign leader at South African icon Nelson Mandela&rsquo;s memorial ser&shy;vice."/>
<meta property="og:image" content="https://pbs.twimg.com/media/BbJ8-b9CIAAcSN_.png"/>
<meta property="og:type" content="Article"/>
<meta property="og:url" content="http://www.bunibuni.com/world-news/item/3586-michelle-obama-seriously-discussing-a-divorce-from-hubby-barack-obama-the-national-enquirer"/>
<meta property="og:title" content="Michelle Obama Seriously Discussing A Divorce From Hubby Barack Obama - The National Enquirer"/>
<meta property="fb:app_id" content="192182157554425"/>
<meta property="og:locale" content="en_gb"/>
<meta property="og:site_name" content="BuniBuni"/>
Those all look correct and shouldn't be a problem.

You'll need to disable or fix whatever else on your site is inserting the incorrect or duplicate tags. Once those are removed, the JFBConnect tags should work as intended.

I hope that helps get you started,
Alex
The topic has been locked.
Active Subscriptions:

None
12 years 5 months ago #40071 by blink_black
Lol Alex. It's not that easy to fix the image K2 is inserting. I mean, I have no clue how to fix that considering the fact it has never been an issue. Ok, while I try to create a test site to figure this out, can I revert back to the older version? Is there a way to do that?
The topic has been locked.
Active Subscriptions:

None
12 years 5 months ago #40072 by blink_black

blink_black wrote: Lol Alex. It's not that easy to fix the image K2 is inserting. I mean, I have no clue how to fix that considering the fact it has never been an issue. Ok, while I try to create a test site to figure this out, can I revert back to the older version? Is there a way to do that?


Attached is the picture. Take a look and you can see. I dont know why k2 compresses it. Ok, I will look into the issue.
File Attachment:
The topic has been locked.
Active Subscriptions:

None
12 years 5 months ago #40073 by blink_black
Alex,

I was able to figure it out. Thanks a lot. Your guidance really really helped me. I went to my K2 settings and found a tab called SOCIAL. Under this tab, I saw " Image size to use when posting K2 items on Facebook" ..... It was currently set to XS which was 100px. I changed it to Large and that fixed it. Thanks a lot
The topic has been locked.
Support Specialist
12 years 5 months ago #40082 by alzander
Awesome! Very glad to hear you got things going. I'd still recommend investigating why the og:description is being added 5 different times. I'm not sure what's causing that at all, but it's not right. I don't think it's causing any specific problems, as long as the right description is being chosen by Facebook.

As always, should you need anything else, just let me know.

Thanks,
Alex
The topic has been locked.