What is Open Graph
Open Graph (OG) is a web page markup protocol developed by Facebook in 2010 year. It lets you set the title, description, image, and other details that appear when a link is shared on social media.
Without Open Graph, social networks try to identify page content automatically, which often produces poor results: the wrong title, a small image, or no preview at all.
Why use Open Graph
Open Graph affects:
- CTR from social media — an attractive preview makes links more clickable
- Brand — you control how your content looks when it is shared
- Conversions — the right visuals and text increase engagement
- Messaging apps — Telegram, WhatsApp, and VK also use OG tags
Required OG tags
<meta property="og:title" content="Заголовок страницы | Бренд" />
<meta property="og:description" content="Описание страницы до 200 символов." />
<meta property="og:image" content="https://example.com/og-image.jpg" />
<meta property="og:url" content="https://example.com/page" />
<meta property="og:type" content="website" />Additional OG tags
<meta property="og:site_name" content="Название сайта" />
<meta property="og:locale" content="ru_RU" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:alt" content="Описание изображения" />Twitter Card tags
Twitter (X) uses separate tags:
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Заголовок для Twitter" />
<meta name="twitter:description" content="Описание для Twitter" />
<meta name="twitter:image" content="https://example.com/twitter-image.jpg" />OG image requirements
Recommended image settings:
- Dimensions: 1200×630 pixels
- Aspect ratio: 1.91:1
- Format: JPEG or PNG
- Maximum file size: 8 MB (up to 1 MB recommended)
- Text on the image: no more than 20% of the area for Facebook
Check Open Graph with reChecker
Use Open Graph Preview to check and preview your page’s OG tags. The tool shows:
- How the preview looks on Facebook, VK, and Twitter
- Whether required tags are present
- Image dimensions and availability
- Title and description length
FAQ
Should the OG title match the page title? Not necessarily. The OG title for social media can be more “viral” and emotional, while the SEO title is optimized for search keywords.
How long is OG data cached?
Facebook caches data for 24 hours. To force an update, use Sharing Debugger in Facebook Developer Tools or add ?v=2 to the image URL.
Does OG work on all social networks? Most platforms support OG: Facebook, VK, LinkedIn, Telegram, and WhatsApp. Twitter/X prefers its own Twitter Card tags, but also reads OG as a fallback.