• Resolved thetoolman123

    (@thetoolman123)


    Hi there,

    I have added an image for my Facebook Open Graph settings in admin, but when I test sharing my page via a Facebook sharing link (I am using ShareThis), the image doesn’t appear.

    This is what is in my header:

    <meta property="og:locale" content="en_US" />
    <meta property="og:type" content="article" />
    <meta property="og:title" content="Homepage" />
    <meta property="og:url" content="https://www.website.community/homepage/" />
    <meta property="og:site_name" content="TITLE" />
    <meta property="article:publisher" content="https://www.facebook.com/my-page" />
    <meta property="article:author" content="https://www.facebook.com/my-page" />
    <meta property="og:image" content="https://www.website.community/wp-content/uploads/2020/03/facebook-image.png" />
    <meta property="og:image:secure_url" content="https://www.website.community/wp-content/uploads/2020/03/facebook-image.png" />
    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="630" />

    Does anyone know what could be wrong?

    Thanks

Viewing 8 replies - 1 through 8 (of 8 total)
  • @thetoolman123

    Can you please provide the URL you’re trying to share on Facebook?

    You may want to scrape your URL using the Facebook debug tool as shown in this article: https://yoast.com/help/facebook-sharing-updated-details/.

    Thread Starter thetoolman123

    (@thetoolman123)

    Hi,

    The URL is:
    https://www.banstead.community/

    I have tried to rescrape it, but getting the following:

    Warnings That Should Be Fixed
    Inferred Property
    The ‘og:image’ property should be explicitly provided, even if a value can be inferred from other tags.
    Missing Properties
    The following required properties are missing: og:url, og:type, og:title, og:image, og:description, fb:app_id
    When and how we last scraped the URL
    Time Scraped
    5 hours ago
    Scrape Again
    Response Code 206

    Plugin Support amboutwe

    (@amboutwe)

    The source code of the URL above and the /homepage/ landing page do not contain any Yoast output or any custom Open Graph tags. Additionally, I don’t see any share buttons that share the content to social media. I do see a few follow icons that link to your social profiles.

    This would explain why Facebook doesn’t include any information when you share it. Does a visitor have to be logged in to see the share buttons? If you use a private or incognito browser window, do you see the Open Graph tags in the source code?

    Thread Starter thetoolman123

    (@thetoolman123)

    Hi,

    I have now added the meta tags manually to my HTML index and also header.php to the main website (the index.html is a landing page for now), but still no luck.

    This is the code I am using:

    <div data-network="facebook" class="st-custom-button help-us-grow-btn btn-facebook" data-url="https://www.banstead.community" data-title="Banstead Community Forum">Share on Facebook</div>

    We rechecked your homepage and confirmed that https://www.banstead.community/wp-content/uploads/2020/03/facebook-image.png is being output as the og:image. Also, after rescraping the URL several times this is now appearing as the image as you can see here.

    Thread Starter thetoolman123

    (@thetoolman123)

    Hi,

    Thank you very much for fixing this for me!

    Will it make any difference if I use a JPEG or PNG as I have noticed the image has become a bit compressed. The JPEG I used was not compressed either.

    Thanks again!

    Plugin Support amboutwe

    (@amboutwe)

    Facebook image guidelines (here) do not specify that you use one image type over another. Both should be accepted as long as they meet the other requirements.

    Closed. No further questions.

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

The topic ‘Facebook OG image not appearing’ is closed to new replies.