-
Hello there,
I’ve enabled OpenGraph through Rank Math and I’m getting a mixed content error on a few of my pages. The code in question causing the issue is:
<html lang=”en-US” prefix=”og: http://ogp.me/ns#”><head><meta charset=”UTF-8″>
Which you can see on this page, for example: https://coffeeinmyveins.com/keurig-2-0-k350-k450-k550/
How do I resolve this? Thank you!
-
Hello,
Thank you for contacting Rank Math today.
It seems 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.
The gain browser cache option in most cache plugins like W3 Total Cache is also 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.
The ticket ‘OpenGraph Mixed Content’ is closed to new replies.