This is happening when sharing any link to WhatsApp from an Android device. Normally, when you share a link to WhatsApp, it shows a «site preview» which includes meta description and featured image from post.
I understand that property=og:image should be working fine, because if I share the same link by using an iOS device it works as it should be. Sharing to Facebook or Twitter is also working correctly.
I guess that somehow WhatsApp user-agent is not able to pick the right image from post when generating that preview, and it is something related to page cache, because it works if I disable W3TC. The thing that I can’t understand is why this is only happening when using Android devices, and I tested using three different devices.
Only page cache and browser cache was activated, but I tested disabling everything from «General Setting», and this is still happening. Only by having W3TC plugin enabled is causing that links are shared without images.
If you are using something like Autoptimize, try do uncheck the in-line css option.
I had the same problem and looks like the og: tags should no be far away from the top of the page.
If it is not the case, try to move the og metatags up.
If you are indeed using the Autoptimize, try disabling Autoptimize HTML minifier. Autoptimize uses the same library, but ours overwrites theirs. We’ve added an issue for that and it will be fixed in future releases.
Thanks @vmarko !
I have to say that disabling Autoptimize HTML Optimizer (you called it minifier in your comment, but it’s called Optimizer) did not solve it.
Either doing something wrong, or your recommendation did not work.
Was this tested as a possible workaround?