Open Graph Tag Generator

What Are Open Graph Tags?

Open Graph (OG) tags are meta tags placed in the HTML head of your web pages that control how your content appears when shared on social media platforms. Developed by Facebook, the Open Graph protocol works across Facebook, LinkedIn, Twitter, Pinterest, and many other social networks.

When someone shares your link on social media, the platform's crawler reads your OG tags to determine what preview to display: the title, description, image, and content type. Without proper OG tags, social platforms make their best guess by extracting text and images from your page, often resulting in unattractive or irrelevant previews that discourage clicks.

Why Open Graph Tags Matter for Social Sharing

• Increased Click-Through Rates: Optimized OG images and descriptions increase clicks on social shares by 2-3x compared to default previews.
• Brand Consistency: Control exactly how your brand appears across social platforms, ensuring consistent messaging and visual branding.
• Better Social Engagement: Professional, well-designed previews encourage sharing and comments, leading to increased organic reach.
• SEO and Discoverability: Better social engagement signals can indirectly improve search rankings and overall content discoverability.

Required vs Optional OG Tags

Required Tags (Minimum)

• og:title - The title of your page or content (50-60 characters recommended)
• og:type - The type of content: website, article, product, video.movie, music.song, etc.
• og:image - URL of the image to display (1200x630px recommended)
• og:url - The canonical URL of the page being shared

Recommended Tags

• og:description - A brief description of the content (150-160 characters)
• og:image:width & og:image:height - Actual dimensions of the og:image
• og:site_name - Your website or brand name
• twitter:card - Twitter Card type: summary, summary_large_image, app, or player

Open Graph Image Specifications

• Facebook / General: 1200 x 630 px (1.91:1 aspect ratio), JPG or PNG
• Twitter (summary_large_image): 1024 x 512 px (2:1 aspect ratio), JPG or PNG
• LinkedIn: 1200 x 630 px (1.91:1 aspect ratio), JPG or PNG
• Minimum: 200 x 200 px (1:1 aspect ratio), JPG or PNG

Use 1200x630px for most platforms (Facebook, LinkedIn, Pinterest). Keep file size under 8MB. Use high-quality JPG or PNG. Avoid text in critical image areas as it may be cropped.

How to Test Your OG Tags

1. Facebook Sharing Debugger: Visit facebook.com/developers/tools/debug/ and enter your URL. This shows exactly how your page will appear in Facebook feeds and reveals any parsing errors. Pro tip: Click "Scrape Again" to refresh the cache after making changes.
2. LinkedIn Post Inspector: Visit linkedin.com/feed/update and paste your URL in the status box. This preview shows how your content will appear on LinkedIn feeds. Pro tip: LinkedIn sometimes takes time to update. Wait a few hours if changes don't appear immediately.
3. Twitter Card Validator: Visit cards-dev.twitter.com/validator and enter your URL to preview how your page will appear in tweets and Twitter feeds. Pro tip: Check the "Tag" tab to see which tags Twitter detected from your page.
4. Test on Actual Social Platforms: Paste your URL directly into Facebook, LinkedIn, Twitter, and Pinterest status boxes to see real-time previews. This is the most authentic test. Pro tip: Use incognito/private browsing mode to avoid cached versions.
5. Track Performance with Analytics: Use Rybbit Analytics to track which social platforms drive the most traffic to your pages. Measure CTR by platform to see which OG tags perform best and optimize accordingly.