• Resolved sysguides

    (@sysguides)


    Hi

    I am not able to get the thumbnail of the featured image on my Facebook and twitter. I followed this Open Graph/Social Preview Image Is Not Displayed and then tested my website as this link Confirming a Theme/Plugin Conflict With Rank Math told me to do.

    With only Rank Math plugin and Twenty-Twenty theme enabled, I’m not even able to find og:image in page source.

    Following is my setting:
    Theme: OceanWP
    Featured Image size: 1280×720, 20kb in size.
    Format: webp (also tried with png, not working)
    Rank Math Facebook Page URL: Set
    Rank Math Facebook App: Set
    Rank Math Twitter Username: Set

    Cannot figure out why the thumbnail is not showing

    Thanks

    • This topic was modified 3 years, 5 months ago by sysguides.

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Rank Math SEO

    (@rankmath)

    Hello @sysguides,

    Thank you for contacting the support and sorry for any inconvenience that might have been caused due to that.

    Assuming you are using the latest version of all the plugins, themes, and WordPress (please update if not yet), it would seem like a conflict with one of the plugins or the theme you are using.

    To determine that, please follow this troubleshooting guide:
    https://rankmath.com/kb/check-plugin-conflicts/

    Only the site admin would know and your users won’t be affected by this troubleshooting.

    You can follow this video tutorial as well:

    If that does not help, there are a few reasons for Facebook (or any other social network like WhatsApp) not picking your images and other social tags. We will list them below so you can check which one applies in your case:

    1. First and foremost, you must check the page source of the URL in question. Search for the og:image tag like in this Video:
    https://i.rankmath.com/aJCccE

    If the og:image tag is not found, that means Rank Math is either disabled or not able to print your social tags. Once done checking if Rank Math is enabled, you must check why it isn’t able to print social content by following this troubleshooting guide:
    https://rankmath.com/kb/check-plugin-conflicts/

    Make sure to follow all the instructions carefully.

    2. Assuming the og:image tag was found in step 1, we can proceed to find the issue.

    Scenario 1: You are using minification on your website and your cache plugin is inputting too much inline CSS into your page source that your OpenGraph tags are pushed way too down your page’s source:
    https://i.rankmath.com/y4WIgQ

    If this is the cache, you must move your inline CSS to a file because Facebook and other social networks will only look for OpenGraph tags in the first 60kbs of your page’s source. If they don’t find it, they will assume you haven’t added them. They don’t want to waste their resources crawling huge pages looking for OpenGraph tags.

    Scenario 2: The gain browser cache option in most cache plugins like W3 Total Cache is known to not play well with Facebook’s OpenGraph detection. If you have it enabled, disable it. The option for W3 Total Cache is at WP > Performance > Browser Cache > HTTP (gzip) compression
    https://i.rankmath.com/BbaiC6

    Then, clear your website and server cache (including Cloudflare – if enabled)

    Once you are done, you might want to test again here:
    https://developers.facebook.com/tools/debug/

    Click the Scrape Again button:
    https://i.rankmath.com/A5z7WK

    You should now see the OpenGraph tags update including the image.

    Hope that helps and please do not hesitate to let us know if you need our assistance with anything else

    Thread Starter sysguides

    (@sysguides)

    Hi, Thanks for the response. I did everything. Still not able to see og:image tag.
    In the troubleshooting mode, with all plugins disabled except Rank Math and Twenty Twent theme, I still don’t see og:image tag. The only tags that are visible are: og:locale, og:type, og:title, og:description, og:URL, og:site_name and og:updated_time.

    Please help.

    Plugin Author Rank Math SEO

    (@rankmath)

    Hello @sysguides

    Can you please record a video screencast using a free tool like Loom showing the troubleshooting mode with only Rank Math & the default theme so we can assist you further?

    Looking forward to helping you. Thank you.

    Thread Starter sysguides

    (@sysguides)

    Hi

    Thanks for the response.

    As suggested, I’ve recorded the screen. Hope this is what you want to see.

    The link is https://www.loom.com/share/8c5f5c3de3bf424d871bd4f15e0bd755

    Regards

    @rankmath I’m also facing the same issue with facebook feature image preview. No og:image tag in my page source code.
    https://drive.google.com/file/d/1qvxZ-XL4kTCd_5kKsoq_dIT4ANo4t_l0/view?usp=sharing
    I’m using wp fastest cache premium & gzip compression is disabled. Still the issue is not resolved.

    Plugin Support Rank Math Support

    (@rankmathteam)

    Hello @sysguides & @ahsan142

    The link you shared is not opening.

    Can you please update to the latest version and see if that helps?

    If not, can you please contact us using the support forums on our website so we can assist you in an efficient way?

    Looking forward to helping you. Thank you.

    I Update the rank math plugin to its latest version but the problem still exists. Let me contact you on Rank Math support.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Post’s Featured Image thumbnail not showing in Facebook and Twitter’ is closed to new replies.