🙋‍♂️ Can Anyone Explain Twitter Cards to me?
============================================

Can someone explain how or why twitter cards render differently from device to device? I do understand that twitter cards a built from meta tags, the full...

Date: July 11, 2020

Can someone explain how or why twitter cards render differently from device to device? I do understand that twitter cards a built from meta tags, the full list can be found in their [docs](https://developer.twitter.com/en/docs/tweets/optimize-with-cards/overview/markup)

## Rendered on Mobile

Mobile Looks fine.

![rendered card](https://images.waylonwalker.com/twitter-card-rendered.png)

## Not Rendered on Desktop

On Desktop it is not picking up the image.

![not rendered card](https://images.waylonwalker.com/twitter-card-rendered.png)

## Twitter Card Validator

The Validator renders the card correctly. I tried the official [twitter card
validator](https://cards-dev.twitter.com/validator), as well as
[heymeta.com](https://www.heymeta.com/results?url=waylonwalker.com), and
[metatags.io](https://metatags.io/). All look good.

![rendered card with validator](https://images.waylonwalker.com/twitter-card-rendered.png)

## Can Cards be updated?

_even with a redirect?_

I tried seting up a pinned tweet that uses a netlify redirect to always keep my latest post up to date. Again this one looks good in the validator, doesnt render the image on desktop, does render the image on mobile, but does not update. 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 upating the card.

👋 Hello,

―――――― I'm Waylon Walker ――――――

I work with data using 🐍 #python [1] and utilize #webdev [2] to 〽visualize it.

――――――

I write about things on my 🌱 digital gardenhttps://t.co/rAvD9iw05g

👨‍💻Some are cross-posted to https://t.co/oRWk7MgUD5

――――――
💌https://t.co/PilOTWQ9ub

— 𝚆𝚊𝚢𝚕𝚘𝚗 𝚆𝚊𝚕𝚔𝚎𝚛 (@_WaylonWalker) July 11, 2020 [3]

References:
[1]: https://twitter.com/hashtag/python?src=hash&ref_src=twsrc%5Etfw
[2]: https://twitter.com/hashtag/webdev?src=hash&ref_src=twsrc%5Etfw
[3]: https://twitter.com/_WaylonWalker/status/1282000623299371008?ref_src=twsrc%5Etfw