DEV Community

Cover image for šŸ™‹ā€ā™‚ļø Can Anyone Explain Twitter Cards to me?
Waylon Walker
Waylon Walker

Posted on • Originally published at waylonwalker.com on

šŸ™‹ā€ā™‚ļø Can Anyone Explain Twitter Cards to me?

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

Top comments (3)

Collapse
 
kailyons profile image
Loralighte

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

Found it!!

Collapse
 
abbyhanssen profile image
Abby Hanssen

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