don't use images/OG_thumb.jpgĢ.Case sensitive file extension: If the image extension name on your hosting provider is ".JPG" then do not use ".jpg" or ".jpeg'. These 8 tags ( 6 in head, 2 in body) worked perfectly.ġ.Use the exact image location URL instead of directory format i.e. Here are the 8 html tags that I used on my web page to get the preview working : Had the same issue, I finally got it working after some trying. Now it works properly in WhatsApp too.īefore (not working in WhatsApp, but facebook etc.) Īfter (now working in all shared dialogs tested, including WhatsApp) Instead you need to include the image in your project directory and use this link for the og:image tag.
![add image on whatsapp for mac add image on whatsapp for mac](https://ihaveapc.com/wp-content/uploads/2017/04/wpp2.jpg)
ADD IMAGE ON WHATSAPP FOR MAC DOWNLOAD
It worked for Facebook etc., but it seems like WhatsApp couldnt download the image from this URL. I used this URL in the og:image meta tag. For uploaded content in their storage, you get a unique Download URL with a media token. Only WhatsApp couldnt display the image, even though the facebook debugger has the og:image tag correctly. The image was showing correctly in all other share dialogs. No need to clear cache, and NO NEED TO CLEAR DATA.įor all still having this problem and as for me none of the posted solutions worked out. Here is my solution: Ĭopy the above, paste in head area of website.ĬLOSE your Whatsapp app, re-open, THEN test. You also need to specify og:type as it is one of the four base required parameters.Īfter spending months trying to figure this out, I finally solved the issue. If you are going to specify an image by a HTTP-Secure link, you need to use og:image:secure_url instead of og:image. If you can see all your tags there, then the sites/apps where your tags are not showing properly might have different requirements for Open Graph tags. You can debug/verify Open Graph meta tags from the Facebook Debugger You can see these meta tags in action on for example Google Maps.Īfter you have changed your meta tags, you might need to wait a while for possible caches to update. I belive you need to add itemprop to the og:image meta tag, have the image size set to 256x256 and also it would not harm to add the site_name, type and updated_time properties either :)