What are Open Graph tags and how do they work?
Open Graph tags control how links appear on social networks. Let's look at og:title, og:image, og:description - what to set to increase CTR by 2-3 times.
What is Open Graph?
Open Graph is a protocol from Facebook that allows you to control how your page is displayed when published on social networks: Facebook, Telegram, Twitter/X, LinkedIn, WhatsApp and others.
Main tags
'<'meta property="og:title" content="Page title" /'>'
'<'meta property="og:description" content="Description up to 200 characters" /'>'
'<'meta property="og:image" content="https://example.com/image.jpg" /'>'
'<'meta property="og:url" content="https://example.com/page" /'>'
'<'meta property="og:type" content="website" /'>'
'<'meta property="og:site_name" content="Site name" /'>' Dimensions og:image
| Platform | Recommended size | Min. size |
|---|---|---|
| --- | --- | --- |
| 1200×630 px | 600×315 px | |
| Twitter/X | 1200×628 px | 300×157 px |
| 1200×627 px | 200×200 px | |
| Telegram | 1280×640 px | any |
How do OG tags affect traffic?
Research shows: correctly configured OG tags increase CTR from social networks by 30-50%. A post with a beautiful preview gets more clicks and shares.
Common mistakes
1. og:image is not cached - Facebook caches the image. When replacing, you need to reset the cache via Sharing Debugger
2. OG:title too long - up to 60 characters recommended
3. No og:image - without an image the post looks poor
Check your OG tags in our preview - will show how your page will look on VKontakte, Telegram, Facebook and Twitter.