Facebook like button picking up wrong image - Solution?

Ankita Katdare

Ankita Katdare

@abrakadabra Oct 26, 2024
A lot of website owners are facing the issue that whenever they use Facebook like button, when the article link gets shared on their walls/timelines, the wrong image gets picked up.

From what I am reading, it is sometimes the 'first image' on the page that gets picked up by Facebook. There should certainly be a way of defining a specific image that Facebook like button should pick up by default OR pick up the biggest image in an article that is logically the one that should be shared alongside the link.

The 'og:url' ['og:title', 'og:description', 'og:image'] property should be explicitly provided, even if a value can be inferred from other tags.

I've just seen the info about possible FB pic size requirements. But in most of the cases the pics are inserted into the post and are 700px by the longer side.

Anyone knows any solution for this?

Replies

Welcome, guest

Join CrazyEngineers to reply, ask questions, and participate in conversations.

CrazyEngineers powered by Jatra Community Platform

  • Ankita Katdare

    Ankita Katdare

    @abrakadabra Jun 16, 2014

    #-Link-Snipped-# #-Link-Snipped-# #-Link-Snipped-# Anyone knows a solution?
  • avii

    avii

    @avii-TGGs8o Jun 16, 2014

    you are right, facebook should pick up 'og:image' or else most likely some issue with new theme/mark up/CSS.
  • Harshad Italiya

    Harshad Italiya

    @harshad-ukH5ww Jun 16, 2014

    Ankita Katdare
    #-Link-Snipped-# #-Link-Snipped-# #-Link-Snipped-# Anyone knows a solution?
    Well I am not sure about this. To be honest still I am not sure what you are asking. 😐
  • Ankita Katdare

    Ankita Katdare

    @abrakadabra Jun 16, 2014

    avii
    you are right, facebook should pick up 'og:image' or else most likely some issue with new theme/mark up/CSS.
    Instead of setting a 'single' image in og:image property, can't we have the value change dynamically? i.e. It should take a different image from every link's content being shared.
  • avii

    avii

    @avii-TGGs8o Jun 16, 2014

    ^it can be dynamic. take example of wordpress blogs, the image can be anything for each post and it will be just thrown from database to the post content (or HTML markup)
  • Manish Goyal

    Manish Goyal

    @manish-r2Hoep Jun 17, 2014

    Please tell me few things,
    1: Does the page that user will like require login ?
    2: Please make sure you have following tags set in following way
    <meta property="og:image" content="#-Link-Snipped-#" />
    <meta property="og:image:type" content="image/jpg" />
    <meta property="og:image:width" content="400" />
    <meta property="og:image:height" content="400" />

    3: Still don't work then Please post results of this page for the page that you are trying to share

    #-Link-Snipped-#
  • Ankita Katdare

    Ankita Katdare

    @abrakadabra Jun 17, 2014

    The problem exists for all the CE pages. Try sharing any article on VoiCE using the 'Like' button.

    Will check the meta tags soon.
  • Manish Goyal

    Manish Goyal

    @manish-r2Hoep Jun 17, 2014

    Ok Above tags are not defined there for Voice Articles, just set the image url through meta tags you wanna display in shared article

    It will do
  • Ankita Katdare

    Ankita Katdare

    @abrakadabra Jun 17, 2014

    Looks like the problem is fixed. 😀
    #-Link-Snipped-# Can you share the solution here?
  • Kaustubh Katdare

    Kaustubh Katdare

    @thebigk Jun 17, 2014

    Ankita Katdare
    Looks like the problem is fixed. 😀
    #-Link-Snipped-# Can you share the solution here?
    Please confirm it on multiple posts both on VoiCE articles and regular threads with images in first post. Any image in the second post onwards won't be considered for sharing. Instead user's avatar will be picked up.
  • Kaustubh Katdare

    Kaustubh Katdare

    @thebigk Jun 17, 2014

    The solution lies in simply passing on the correct image. In our case, we pass on the attachment in the first post (each of our VoiCE posts have an image attachment) as the og:image parameter. Since we're explicitly passing on the image URL to Facebook, it picks up the first attached image, as we expect.

    If the thread or article does not have an image, it will pick up user avatar. We may default it to CrazyEngineers Logo. However, our most shared content is our VoiCE posts.