@mycleaningangel We’re sorry to hear you are experiencing this issue on your site.
If you are seeing unexpected behavior or appearance for one of your site’s social previews when sharing it on social media, this can be caused by the social media site caching old metadata for that page. This is why you may not immediately see the new values you set up for the page reflected in the page’s preview when you share it (image, title, description, etc).
To resolve this, we would first recommend to try checking your page’s link using Facebook’s Sharing Debugger tool located here.
Can you please try running the Facebook Sharing Debugger on the page you are experiencing the issue on, and under ‘When and how we last scraped the URL’ clicking the ‘Scrape Again’ option and letting us know whether this resolves the issue? The ‘Scrape Again’ option will force Facebook to update it’s cache for your page’s link.
Please note that to successfully update the cache it may require re-scraping your page several times as whether the page’s data can be read may take several requests between Facebook and the server your website is hosted on. Also, this guide includes more information on this and explains in detail how to do this: What to do when Facebook sharing is not working correctly.
Thanks for following up, @mycleaningangel
I see you have NitroPack plugin for performance optimization. Can you deactivate it temporarily and try using the Facebook debugger again?
Do let us know how it goes.
Hi Maybellyne,
Thank you for your help, it worked. When I deactivated Nitropack, the image appeared on the preview.
But Nitropack is really important for my website. Can you give me a suggestion?
Thanks for letting me know it works.
Though the page has all the right Open Graph meta tags, there’s a difference between the output in the page source (what you entered in the Yoast SEO plugin) and what the Facebook scraper sees for your URL.
When the Facebook sharing debugger renders the page, many inline CSS and JS codes precede the Yoast SEO meta tags. These are usually added by optimization plugins or manually. Since the Facebook sharing debugger only checks for the Open Graph meta tags with a limited number of lines on a page, it will end the process after a certain threshold. You can confirm this by comparing what you have in the page source with what the scraper sees for your URL.
You can check NitroPack‘s documentation or reach out to their support team on how to change the position of the inline CSS/minified JS to be loaded after the Yoast SEO meta tags in the plugin.
Hi Maybellyne, thank you again for your help, you were the best. I’m in contact with NitroPack support and they’re working in the issue. Have a great week!
