-
See I have just one cache plugin installed on my CMS but still, I have been noticing an error of not having a preview image. It happens with all the social platform whether it is twitter, Facebook, linked in or an app like telegram or Whatsapp. I have tried all the way to solve on my side but unable to sort it.
I have also tried changing my themes, but unable to make through it. I have also uninstalled my previous cache plugins like w3 Cache, switched to options like WP fastest Cache and now I am using Just one plugin for cache and minifying page load and that is auto-optimize.
I think rank math plugins have to do with settings in this issue. Please solve it out
-
Hi ,
Thank you for getting in touch with us.
The URL you have shared is not a post or a page URL. Could you please share some of the affected post(s) URL so we can test from our end.
There are a few reasons for the 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:imagetag like in this Video:
https://i.rankmath.com/aJCccEIf the
og:imagetag 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:imagetag 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:
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
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 Againbutton:
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.
Thank you.
See I am accurate at both the given steps. Og: image tag is there in the page source. But the given below tag is appearing twice.
<meta property=og:image content=https://www.visitbest.in/wp-content/uploads/2020/05/Best-Hospitals-In-India-e1594974018398.jpg>
This may be hindering the image preview but I don’t know “how to remove one of them”.
The ticket ‘Post previews is Not generating’ is closed to new replies.