Image not showing on Facebook Sharing

  • Frym1

    #6069

    Just doing a functionality test before website goes live http://www.integratedselfprotection.com and have noticed that when I click on the facebook share button, the post to be shared has no image but a dashed circle?

    Any ideas please?

    Admin

    Syahir Hakim

    #33269

    Screenshot? What does the dashed circle look like? Does it mean that the image can’t be loaded? Check your hosting and make sure hotlink protection is disabled (or whitelist facebook.com).

    Frym1

    #33270

    Please find attached a screenshot.

    To clarify this appears when I am on my website and I try to share a post using the facebook share button. However if I am signed into facebook and type in my website address then I get a selection of randon 1-6 images to select.

    To seems to be when I am trying to share a post. As a process of elimination I have deactivated all plugins however still no luck. I have done many hours of research and found a post saying that if I added below piece of code in HEAD section of my blog i.e. header.php below wp_head,

    <link rel=”image_src” href=”http://media.clickonf5.org/image/logo.png&#8221; />

    It could resolve the issue, however very dubious? What are your thoughts please?

    [img]http://www.integratedselfprotection.com/dev/wp-content/uploads/2012/10/untitled1.bmp[/img]

    Admin

    Syahir Hakim

    #33271

    What happens if you add an image to the post? In any case, try switching to the default twentyeleven theme for a moment and see if the same thing occurs.

    Frym1

    #33272

    Syahir

    Tried adding an image to post, plus switching themes, however still the case? Any ideas

    Should I try adding code in HEAD section of my blog i.e. header.php below wp_head,

    <link rel=”image_src” href=”http://media.clickonf5.org/image/logo.png&#8221; />

    Admin

    Syahir Hakim

    #33273
    Quote:
    Tried adding an image to post, plus switching themes, however still the case? Any ideas

    Try on another post. Facebook caches the thumbnails for links shared in it, which could be the reason why you’re seeing what you’re seeing. It also makes it tremendously difficult to debug by trial and error.

    Try sharing a post with images in it.

    Quote:
    Should I try adding code in HEAD section of my blog i.e. header.php below wp_head,

    <link rel=”image_src” href=”http://media.clickonf5.org/image/logo.png&#8221; />

    You should not modify any of the theme’s files, as these modifications will be lost when you update the theme. It’s worth going through all of the options available for the theme to see what you can do from the backend. In this case, you can easily insert the code via Graphene Options > Advanced > Custom <head> tags.

    Frym1

    #33274

    Still no resolution. Tried adding an image to another post however no luck, it trys to load and then just comes up with a static dashed circular image as above.

    I went into Graphene Options > Advanced > Custom <head> tags. And pasted the following <link rel=”image_src” href=”http://www.integratedselfprotection.com/dev/wp-content/uploads/2012/09/1.Small-logo-white-JPEG5.jpg&#8221; />

    Hoping it would use the image as default, but no luck, still the annoying circle.

    Any ideas.

    Mark

    Admin

    Syahir Hakim

    #33275

    Then I’m out of ideas, but like I said, Facebook caches the thumbnail it gets from your site, so if you’ve tried sharing that page before you add the image, Facebook might not pick up on the image.

    In any case, try asking the plugin’s author about it? Since it happens even when you switch themes, it’s likely that the issue is not in the theme.

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

  • You must be logged in to reply to this topic.