I’ve a Django utility hosted on Heroku, which supplies occasion particulars pages. Every of those pages has Open Graph meta tags set as much as allow wealthy previews when the URLs are shared on platforms like Fb and iMessage.
Nonetheless, whereas Fb is ready to acknowledge and show all the data accurately (title, description, and picture), iMessage is exhibiting solely the title. Curiously, the outline and the picture are fully ignored by iMessage.
This is the template with the related Open Graph meta tags:
<head>
<meta property="og:title" content material="{{ title }}">
<meta property="og:description" content material="{{ date }}">
<meta property="og:picture" content material="{{ posterURL }}">
<meta property="og:url" content material="{{ request.build_absolute_uri }}">
<meta property="og:sort" content material="web site">
Further particulars:
The URL for the picture is from Firebase Storage, and is URL-encoded. Nonetheless, it really works superb on Fb and immediately in browsers.
When testing the hyperlink on Chrome, the debugger reveals the og:description accurately, however iMessage ignores it.
The URL was supplied within the format: https://firebasestorage.googleapis.com:443/v0/b/moonlight-f2113.appspot.com/o/... and works when opened immediately.
I’ve tried decoding the URL utilizing JS unquote but it surely ends in a non-working hyperlink.
Any concepts on why iMessage would ignore each the og:description and og:picture whereas Fb does not, and potential fixes?
Additionally observe, I additionally tried doing “og:picture:secure_url” and that didn’t work both.
