Open Graph image override

ssartsc
Offline

Active Subscriptions:

None

10 years 1 day ago #58492 by ssartsc

Open Graph image override was created by ssartsc

Hello -

I am new user of JB Connect, so am just learning. I want more control over which image is selected for FB sharing. I have the open graph plugins turned on.

For one of pages I want to override the default image choice which is the third image ( not the first in the article as I would expect )

URL : saintsabina.org/newsletters/why-we-march.html

Image being shown: saintsabina.org/images/events/2016-100th...an-with-sign-720.jpg

I added the override plugin code like this to show the first Image.

{SCOpenGraph image=http://saintsabina.org/images/events/2016-100th-Year-Anniversary/Newsletters/2015-St.Sabina-Annual-End-of-the-School-Year-Peace-March-children-marching-720.jpg}

In the html source code I see the following meta tag in the header which I expect should pull in the image indicated for Facebook sharing.:

<meta property="og:image" content="saintsabina.org/images/events/2016-100th...n-marching-720.jpg"/>
<meta property="og:image" content="saintsabina.org/images/events/2016-100th...n-marching-720.jpg"/>

BUT Instead I still see the image I wanted to override when i hit the FB share button. I tried clearing cache and using a different browser. It still doesn't work. Can you point me in a direction to solve this problem?

Thank you
Sharon

The topic has been locked.

alzander
Offline

Support Specialist

10 years 4 hours ago #58504 by alzander

Replied by alzander on topic Open Graph image override

Multiple Open Graph images are allowed on a page, so JFBConnect will add any you explicitly want, as well as the automated ones that our plugin finds. The Open Graph spec states that the first/highest og:image tag should be used as the primary image, and we set the tags based on priority (Easy Tags are highest, plugin tags next and then a default image, if set, is used last).

Unfortunately, Facebook doesn't always follow the specification. Many times, they will simply choose the largest image available and use that. My only recommendation if that's what's happening to you is to make your primary image larger so it's higher quality and Facebook will want to use it instead.

Beyond that, please make sure that whenever you perform any Open Graph tag updates that you're using the Facebook URL Debug Tool to test what Facebook sees and fetch the newest information.

Thanks,
Alex

The topic has been locked.

Start
Prev
1
Next
End

SourceCoast Login

Open Graph image override