Twitter Open Graph

Test and debug your Open Graph tags for Twitter

Twitter Specs

Official docs

Twitter uses its own twitter:card meta tags alongside standard Open Graph tags to generate link previews called “Twitter Cards.” Getting them right means your links stand out in the timeline instead of showing as plain text URLs.

This guide covers how Twitter’s crawler works, which tags you need, image sizing, cache behavior, and the most common issues that prevent cards from showing.

How Twitter Crawls Your Pages
Understanding Twitterbot and how it fetches your link previews
→
Twitter Card Meta Tags
Which meta tags Twitter uses and how they interact with Open Graph
→
Image Handling
Image sizes, aspect ratios, and format requirements for Twitter Cards
→
Caching & Invalidation
How Twitter caches card data and how to force a refresh
→
Common Issues
Troubleshooting the most frequent Twitter Card problems
→

What links look like on Twitter

The difference Open Graph tags make when sharing a link.

Without Open Graph

This site doesn't have Open Graph

Twitter Open Graph

Oh

With Open Graph

Sites with Open Graph look like this

Twitter Open Graph

Nice!

Debug Twitter Open Graph tags

Enter your site's URL to see how it looks on Twitter.