Can someone explain how or why twitter cards render differently from device to device? I understand that twitter cards a built from meta tags, the full list can be found in their docs.
Posted on the same day, here is a great article by @ranaemad that outlines how to get social cards to work.
Make Your Website Social Media Card-able on Twitter, Facebook and More
Rana Emad ć» Jul 11 '20
On to my issues with social cards.
Rendered on Mobile
Mobile Looks fine.
Not Rendered on Desktop
On Desktop it is not picking up the image.
Twitter Card Validator
The Validator renders the card correctly. I tried the official twitter card validator, as well as heymeta.com, and metatags.io. All look good.
Can Cards be updated?
even with a redirect?
I tried setting up a pinned tweet that uses a netlify redirect to always keep my latest post up to date. This one looks good in the validator and even updates properly. On desktop it doesn't render the image. On mobile it renders only the original image.
I have heard that you need to hit the card validator to update cards? I am not sure if this is true, but for me, this is not even updating the card. I am not sure if its the redirect or even updating the image.
Help
- Why doesn't it render on Desktop?
- Can I update the card using a redirect?
š see an issue, edit this post on GitHub
Top comments (3)
Q: Why doesn't it render on Desktop?
A: It will, but it might struggle for about 20/40 minutes in some cases. If it doesn't, google for the correct card label.
Q: Can I update the card using a redirect?
A: I would not assume so, because in the words of Twitter when I emailed them about an issue "F-- off, don't care." I sure love Twitter staff.
Found it!!
This is amazing, thank you! Never knew how to do this.