Whatsapp link preview

Resolved AlanBee
(@alanbee)

7 years, 3 months ago

Hi, I’m trying to solve this for weeks now. Hope you can help me.

I have set all that the site needs so it can show link preview. I have all the og tags that it needs and it is working fine for facebook and other sites, but not for Whatsapp.
When I past the URL https://www.interiommedia.com in Whatsapp, it is not doing anything. Even if I’m waiting for mints.

Looking forward to you help.

Thank,
Alan

The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)

Pcosta88
(@pcosta88)

7 years, 2 months ago

Hi,

Thanks for the email! We can confirm Yoast is outputting the right OG tags needed by Whatsapp in the source code here: https://pasteboard.co/HUrhErS.png.

We are not sure why WhatsApp is failing to output the data Yoast is finding. We can only suggest two actions:

1. We suggest clearing your browser’s cache using this guide: https://kb.yoast.com/kb/how-to-clear-my-browsers-cache/ and removing your cookies using this guide: https://us.norton.com/internetsecurity-privacy-how-to-clear-cookies.html.

2. Contact WhatsApp for more information. They may need to clear the cache on their end. You can contact them using the information here: https://www.whatsapp.com/contact/.

Plugin Support amboutwe
(@amboutwe)

7 years, 2 months ago

This thread has been marked as resolved due to lack of activity.

You’re always welcome to re-open this topic. Please read this post before opening a new request.

Thanks for understanding!
billyboem4
(@billyboem4)

6 years, 12 months ago
Hi,

I am experiencing the same issue.
Can confirm that the proper tags are present in the head. And also that nothing is actively blocking the WhatsApp requests. I can see WhatsApp requesting the website in my webserver’s log.

HTML/HEAD
```
<meta property="og:locale" content="nl_NL" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Home - Overkapping Breda" />
<meta property="og:description" content="Overkapping Breda is het juiste adres voor een Douglas overkapping. Onze houten overkappingen worden naar uw wens op maat gemaakt." />
<meta property="og:url" content="https://overkappingbreda.nl/" />
<meta property="og:site_name" content="Overkapping Breda" />
<meta property="og:image" content="https://overkappingbreda.nl/wp-content/uploads/2019/03/DSC_5818_340x340.jpg" />
<meta property="og:image:secure_url" content="https://overkappingbreda.nl/wp-content/uploads/2019/03/DSC_5818_340x340.jpg" />
<meta property="og:image:width" content="340" />
<meta property="og:image:height" content="340" />
```
LOG
```
143.179.116.74 - - [03/Apr/2019:14:49:23 +0200] "GET / HTTP/1.1" 200 116901 "-" "WhatsApp/2.19.81 A"
```
My website
- This reply was modified 6 years, 12 months ago by billyboem4.
billyboem4
(@billyboem4)

6 years, 12 months ago

I fixed it by turning off the include css directly into HTML in autoptimize.
Apparently WhatsApp and Telegram etc. don’t like it when there is a ton of code in front of the open graph tags.

Whenever you run into this issue, make sure there isn’t too much code in front of the tags. Try to set the tags as soon as possible after opening the <head>.

sudarshank
(@sudarshank)

6 years, 6 months ago

Thanks @billyboem4
That worked for me. I was at wit’s end trying to figure this one out

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Whatsapp link preview’ is closed to new replies.