Issues with iMessage Social Card Display: Seeking Solutions
Our iMessage social card looks messed up. Any idea what's going on or how to fix? It should just display the pink mic on black background.
Our iMessage social card looks messed up. Any idea what's going on or how to fix? It should just display the pink mic on black background.
Hey Matt M.! Thanks for finding this. It's a funky bug. Hoping to shed some light on what's going on here...
Turns out there's no standard behavior when an app crawls a link to generate a preview, and finds multiple og:image s in the site metadata. Most of the time the app just takes the first image listed, or the highest-resolution image. Some will treat the subsequent images as backups if the first one fails (which is why we list multiple).
But iMessage is an oddball in that it tries to display all of the og:images together! 
So what you're actually seeing in your preview is a split-screen of two images:
The Social Image picture you recently uploaded (top)
The horizontal logo for the site (bottom)
Silly iMessage. Our best path forward is likely to just ensure we're standardized across all apps by only including a single og:image!
