I'm facing a problem with the og: image meta tag of the Open Graph protocol to generate the thumbnail on a link specifically by WhatsApp in IOS.
The structure is as follows:
<meta property="og:image" content="https://s3-sa-east-1.amazonaws.com/imvfotos/logo_2.png">
<meta property="og:image:width" content="2000">
<meta property="og:image:height" content="2000">
<meta property="og:image" content="https://s3-sa-east-1.amazonaws.com/imvfotos/share_2.png">
<meta property="og:image:width" content="300">
<meta property="og:image:height" content="300">
This multi-value system for meta tags can be seen at this link: link By default Facebook identifies the first option. I tested on Whatasapp for Android and also on the Whatsapp Web and detected the second option that contains an image of smaller size and dimension generating the thumbnail of the image.
In the photo above, the first image is from the share by the Iphone and the second by whatsapp web.
The problem is that such behavior does not occur on IOS systems (I tested on Iphone 7), It is taking the 1st meta tag og: image of the sequence. Has anyone ever faced this problem? How do I resolve this?