Twitter Player - excluding unique image
<head>
<meta charset="utf-8" />
<title>Teams Proofing The Troll</title>
<meta
name="description"
content="Limiting the twitter specific tags to tags only twitter uses"
/>
<meta property="og:title" content="A totally normal website" />
<meta
property="og:description"
content="A totally normal website with normal things for normal people"
/>
<meta property="og:type" content="website" />
<meta
property="og:image"
content="https://assets.gregle.dev/projects/metatags/nothing-to-see.gif"
/>
<!-- ... -->
<meta name="twitter:card" content="player" />
<meta name="twitter:site" content="@elonmusk" />
<meta name="twitter:player" content="https://stop-using-twitter.com/" />
<meta name="twitter:player:width" content="420" />
<meta name="twitter:player:height" content="420" />
<!-- ... -->
</head>Now if you're not including a different image or other content that overlaps with other OG tags, there's no need to repeat them! So we can greatly simplify our implementation even though it'll be less impactful to those posting to Twitter. This time though I've linked to a more complex three.js implementation.