CODEWITHSUNDEEP
windowswhatsapp
zema
zema

Reputation: 69

Share link preview issue on whatsapp desktop

I'm trying to figure out why desktop client doesn't generate preview for urls from particular website.

For example, this url - https://est.ua/ru/press/9259664/

When I send this url from whatsapp on android, I correctly see a preview block. When I send this very url from whatsapp on windows desktop, I don't see a preview block at all.

Steps to reproduce the issue.

  1. Open whatsapp on android or ios phone (doesn't matter which one).
  2. Open conversation with someone
  3. Type in message box (without sending): https://est.ua/ru/press/9259664/
  4. After a short while appears a preview of the url
  5. Send message. Message appears in dialog, preview exists in the message.
  6. Open whatsapp on windows pc
  7. Open conversation with someone
  8. Type in message box (without sending): https://est.ua/ru/press/9259664/
  9. Preview of the url doesn't appear at all, no matter how long I wait
  10. Send message. Message appears in dialog but doesn't contain a preview of the url.

The problem occurs on steps 9-10 (on windows). There is a difference between steps 4-5 (on android) and steps 9-10 (on windows).

Here is a screenshot of a problem:

Here is a screenshot of a problem

The first message (15:33) has been sent from whatsapp on desktop, and it somehow doesn't have preview. The second message (15:35) has been sent from whatsapp on android, ant it does have preview.

The mentioned page contains required og: metatags (og:type, og:image, og:title, og:description, og:url, og:site_name) and is correctly validated:

Tested on these:

So I have a question. What's wrong with previews on whatsapp on desktop? Or maybe something wrong with this particular url, what exactly then?

Upvotes: 6

Views: 5869

Answers (3)

Robert J Berger
Robert J Berger

Reputation: 988

Also should make sure the source image is less than 300MB. Can't find an official statement on that. But did find that larger images wouldn't work and the same image of a smaller size (in bytes, not viewable pixels) worked. JPG can get smaller than PNG in most cases

Good reference https://stackoverflow.com/a/43154489/38841

Upvotes: 0

Jυαη Δηdrés
Jυαη Δηdrés

Reputation: 1

I had the same problem a time ago and I just figured out how to solve this. in the meta tags I had the og:image like this:

<meta property="og:image" content="images/image.jpg" />

And today I put the actual URL of the website instead of calling just the partial route and now the link preview works fine in WhatsApp Desktop. So now I have that og:image meta tag like this:

<meta property="og:image" content="https://www.{your_website_domain}/images/image.jpg" />

Upvotes: 0

Oliver
Oliver

Reputation: 36443

I've found the issue for me personally was using WhatsApp in a corporate setting where SSL traffic (HTTPS) is being proxied. It seems that the self-signed internal certificates from the proxy cause the previews to not show.

Upvotes: 1

Related Questions