Paste your HTML source code to preview how your page looks when shared on Facebook, Twitter/X, and LinkedIn. Debug missing tags instantly.
Open Graph (OG) tags are HTML meta tags that control how your web pages are displayed when shared on social media platforms like Facebook, LinkedIn, Twitter/X, and messaging apps. Created by Facebook in 2010, the Open Graph protocol turns any web page into a rich, interactive object in a social graph by defining key properties like title, description, image, and URL.
When someone shares a link to your website, the social media platform reads these tags to generate a preview card. Without Open Graph tags, platforms make their best guess about what to display, often resulting in poor previews with missing images, truncated titles, or irrelevant descriptions. This can significantly reduce engagement and click-through rates on your shared content.
By properly implementing Open Graph tags, you take full control of your brand presence across social media. Every share becomes an opportunity to present your content professionally, with a compelling image, clear title, and engaging description that drives clicks.
Define exactly how your pages look when shared on Facebook, Twitter/X, LinkedIn, and other platforms. No more random images or truncated text.
Pages with optimized OG tags see significantly higher engagement. A compelling image and title can boost CTR by 2-3x compared to generic previews.
Every shared link represents your brand. Consistent, well-designed social previews build trust and recognition across all platforms.
The title of your page as it should appear in social shares.
<meta property="og:title" content="Your Page Title" />A short description of your content for social previews.
<meta property="og:description" content="Brief description here" />The image shown when your page is shared. Should be 1200x630px.
<meta property="og:image" content="https://example.com/image.jpg" />The canonical URL of your page.
<meta property="og:url" content="https://example.com/page" />The type of content (website, article, product, etc.).
<meta property="og:type" content="website" />The name of your website.
<meta property="og:site_name" content="Your Site" />The card type for Twitter/X previews.
<meta name="twitter:card" content="summary_large_image" />Title specifically for Twitter/X cards.
<meta name="twitter:title" content="Your Title" />Description for Twitter/X card previews.
<meta name="twitter:description" content="Description here" />Image for Twitter/X cards. Minimum 300x157px, max 4096x4096px.
<meta name="twitter:image" content="https://example.com/image.jpg" />Open Graph tags are just the start. Let our team optimize your entire social media presence for maximum engagement.