DEV Community

loading...
Cover image for πŸ™‹β€β™‚οΈ Can Anyone Explain Twitter Cards to me?

πŸ™‹β€β™‚οΈ Can Anyone Explain Twitter Cards to me?

waylonwalker profile image Waylon Walker Originally published at waylonwalker.com on ・2 min read

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.


On to my issues with social cards.

Rendered on Mobile

Mobile Looks fine.

rendered card

Not Rendered on Desktop

On Desktop it is not picking up the image.

not rendered card

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.

rendered card with validator

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

Discussion (3)

pic
Editor guide
Collapse
kailyons profile image
KaiLikesLinux

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.

Collapse
waylonwalker profile image
Waylon Walker Author

Found it!!

Collapse
abbyhanssen profile image
Abby Hanssen

This is amazing, thank you! Never knew how to do this.