Polishing the Slack preview ๐Ÿ’…๐Ÿฝ


#1

Hey folks! :wave:

Iโ€™ve been trying to polish the Slack preview using the SEO Settings section.

Here are the 2 items available in this example that I canโ€™t make it work on Webflow:

  • Display a large thumbnail :foggy:
  • Display the favicon :link:

Any idea / suggestions that could help? Thank you so much! :crossed_fingers:


#2

When youโ€™re setting up Open Graph data, you often need to clear the previous one from the OG โ€œdatabaseโ€ before seing any change.

Happens here https://developers.facebook.com/tools/debug/

(what you call โ€œslack previewโ€ if the Open Graph preview, a protocol initiated by FB, but used by many services)


#3

Thanks @vincent

I was more talking about the large thumbnail, instead of a small one like this:

Does it make sense?


#4

I am experiencing the same issue/question. All other placements of the OG share work and were tested, twitter, fb, etc. Slack is the only one right now to still give me the small thumbnail. The site I am trying to get larger is โ€œfunsizeโ€ (second link) to have the large preview like โ€œdrumrollโ€ link (first link in image.

Does it have anything to do with meta description length? I have large enough images for all other OG share requirements.

Also, noticed there is no favicon match either compared to the 1st link. We have a favicon in our site, so wondering how to match all of the elements in the first link in the image.

Thanks for all the help! All yaโ€™ll at webflow rock and using this forum as a reference has been a LIFESAVER.