Link preview is not working for Whatsapp Web

[drakonux]

Description
The preview of a link from liferay.design doesn't work.

To Reproduce
Steps to reproduce the behavior:

1. Go to 'https://liferay.design/careers'
2. Copy the URL
3. Open WhatsApp Web
4. Open a conversation with a friend
5. Paste URL and Send

Current behavior

Expected behavior
A default image with a description or something summarizing the content of that link

Desktop

• OS: Windows 10
• Browser: Microsoft Edge
• Version: 88.0.705.68 (64 bits)

Mobile

• OS: iOS
• Browser: Native App
• Version: 2.21.21.22

[plhnk]

Thanks for opening @drakonux ! Can you try adding a / at the very end? I've noticed that some platforms don't recognize the page as valid unless that's there... need to look into what it would take to solve this on our end :)

[drakonux]

You are right Paul. It works by adding the "/" at the end! 🦾 FYI I just copied the URL as it is in liferay.design so...

[plhnk]

Looking into this briefly — I came across this dev.to post.

As I understand, the trailing slash is generally a good thing to have (for SEO, basically it indicates there's additional content) — what's weird is that currently we do have 301 redirects in place, which is why when you navigate to liferay.design/careers, you get a page. In slack, link previews are generated as expected, but in some (like Whatsapp) they don't...

So — I believe the connundrum is...do we want to:

1. follow SEO best practices (i.e. keep the trailing slash)
2. ensure good link previews everywhere

---

What I will do next is a little more research into...

1. is a 301 the right redirect?
2. test by toggling the Netlify url prettifying

your thoughts / research are most welcome as well!