Your URL" link and search for the og:image tag to find the Scroll further down to the "See exactly what our scraper sees for.Once you scroll down to the open graph tags sections, you will beĪble to see the values that are being fetched for your website. This should give you a list of warnings and Debug your website using the debugger above.The Facebook Sharing Debugger helped me identify the root cause and from there, I followed these steps: However, I thought it worth to add the steps in brief on this more-followed thread. My specific instruction to use an image indicated by the og:image tag was being overridden by the open graph tags supplied by the Jetpack plugin. I attempted several suggestions under this thread and from my external searches but it was a whole other problem for me.
![phone turn off auto preview on images for text messages phone turn off auto preview on images for text messages](https://www.maketecheasier.com/assets/uploads/2021/10/RCS-Messages-Enable-Android.jpg)
In mobile browser paste direct link to the OG thumb and refresh the browser 4-5 times. Force stop the mobile app ( I tried in Android) and try againī.Use online tool to preview the OG tag eg I used : Ĭ. I observed that based on hosting provider and browser combination error may or may not occur, so to be safe its easier to just match the case of file extension.ģ.After doing above steps if the thumbnail preview is still not showing up in WhatsApp message then:Ī. 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. This already exists for business accounts who have their Catalog up-to-date in their WhatsApp Business app, but this is totally different than link sharing.Īfter looking through lot of answers and yet unable to fix the issue, I finally got it working after lot of iterations. This way, the persons you share the link with, might see the price, average review score in the shared link "widget". I don't know when, but WhatsApp and Twitter could enable support for products.
![phone turn off auto preview on images for text messages phone turn off auto preview on images for text messages](https://imgix-blog.setapp.com/imessage-notifications-mac.png)
This kind of information really depends on the provider (Facebook, Google). Super bonus step 13: products, persons, movies etc. And of course WhatsApp has this option as well: when you share an Instagram or Youtube link, the WhatsApp preview comes with the in-app video player. Facebook and Twitter for example share videos very well. įor the best favicon support for all browsers and devices read this. If you don't specify og:locale, it defaults to en_US. You can also use og:locale:alternate if you have other language translations available. I tested 2.x Mb images and even that seemed to work 9/10 times. I did some tests: it does not work consistently every time on every device. * mentioned this to me, but apparently WhatsApp has increased its maximum image size (dimensions as well as file size). This image should be served via a HTTPS connection with a valid non-self-signed certificate. Image(JPG or PNG) with a size less than 300KB and minimum dimensions of 300 x 200 *. Maximum of 65 characters your keyword rich title of the website and/or webpageįull link to the current webpage address But as soon as you use that link once, this "please note" section starts all over again.
![phone turn off auto preview on images for text messages phone turn off auto preview on images for text messages](https://cdn-7dee.kxcdn.com/wp-content/uploads/2020/01/iphone-auto-play-message-effects-4.jpg)
![phone turn off auto preview on images for text messages phone turn off auto preview on images for text messages](https://www.lifewire.com/thmb/n8yggWjxpdRYaGVOw5Z9W3ubJlY=/1468x1101/smart/filters:no_upscale()/001_turn-off-message-preview-iphone-4175842-22016da86fda44178a188a102efc5618.jpg)
Using another link (another page) will do the trick. This means when you're testing your link in WhatsApp or Facebook for example, you'll most likely not see any difference right away. Please note: mentioned some apps or websites use cache or even store the website preview in their database. 's data structures will help you with SEO. Results of many tech audits by different companies show having Open Graph tags won’t help you get a better SEO ranking, they are only for social media. If you like reading go to Open Graph (ogp.me) - but make sure to read steps 1 - 6 in this answer to get the best WhatsApp preview. It takes a few steps to get the perfect preview for WhatsApp, Twitter, Facebook and bookmark icons for pc's and mobile devices.