# Twitter Open Graph

## Test and debug your Open Graph tags for Twitter

### Twitter Specs

|     |     |
| --- | --- |
| Image size | 1200x600px |
| Aspect ratio | 2.0:1 |
| Max file size | 5 MB |
| Formats | image/jpeg, image/png, image/webp, image/gif |
| User-Agent | Twitterbot/1.0 |

[Official docs](https://developer.x.com/en/docs/x-for-websites/cards/overview/summary-card-with-large-image)

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  
→](/content/consumers/twitter/crawling/index.html)  
[**Twitter Card Meta Tags**  
Which meta tags Twitter uses and how they interact with Open Graph  
→](/content/consumers/twitter/tags/index.html)  
[**Image Handling**  
Image sizes, aspect ratios, and format requirements for Twitter Cards  
→](/content/consumers/twitter/images/index.html)  
[**Caching & Invalidation**  
How Twitter caches card data and how to force a refresh  
→](/content/consumers/twitter/caching/index.html)  
[**Common Issues**  
Troubleshooting the most frequent Twitter Card problems  
→](/content/consumers/twitter/issues/index.html)

## 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.