No Login Data Private Local Save

Open Graph Generator - Online OG Meta Tags Builder

35
0
0
0

Open Graph Generator

Build perfect OG meta tags for rich social media previews

Basic Information
Recommended: 50-60 characters. Appears as the headline in social shares.
Recommended: 150-200 characters. This is your social media snippet.
The canonical URL of your page. Use absolute URLs.
Recommended: 1200Ă—630 px, JPG or PNG, under 5MB. This is the social share thumbnail.
Twitter Card
After adding tags, validate with Facebook Sharing Debugger and Twitter Card Validator.
Live Preview
example.com
Your page title will appear here
Your description will show as the snippet text in the Facebook share card preview.
example.com
Your page title will appear here
Your description will show as the snippet text in the Twitter card preview.
Generated Meta Tags
<!-- Add these meta tags inside your <head> -->
<meta property="og:title" content="">
<meta property="og:description" content="">
<meta property="og:url" content="">
<meta property="og:image" content="">
<meta property="og:type" content="website">
Paste these tags inside the <head> section of your HTML page.
Frequently Asked Questions
The Open Graph (OG) protocol is a set of meta tags created by Facebook that enables web pages to become rich objects in social media feeds. When a link is shared on platforms like Facebook, LinkedIn, or Discord, OG tags control how the link preview appears—including the title, description, and thumbnail image. This gives you full control over your content's social media presentation.
While OG tags are not a direct Google ranking factor, they significantly impact click-through rates (CTR) from social media platforms. A well-crafted OG title and image can dramatically increase engagement. Higher social signals (shares, likes) can indirectly benefit SEO by driving traffic and building brand visibility. Moreover, platforms like Pinterest, Slack, and WhatsApp rely on OG tags for link previews.
The four essential OG tags are: og:title (page headline), og:description (summary snippet), og:image (thumbnail URL), and og:url (canonical page URL). Additionally, og:type helps platforms understand your content type. We recommend always including og:site_name and og:locale for completeness.
The optimal OG image size is 1200 Ă— 630 pixels (aspect ratio 1.91:1). This size works perfectly across Facebook, Twitter, LinkedIn, and most other platforms. Use JPG or PNG format, keep the file size under 5MB, and ensure the image is at least 600Ă—315 px for the smallest acceptable display. Avoid text-heavy images near the edges, as some platforms may crop them.
Use these official debugging tools: Facebook Sharing Debugger (developers.facebook.com/tools/debug/) scrapes your URL and shows exactly how Facebook sees your OG tags. Twitter Card Validator (cards-dev.twitter.com/validator) does the same for Twitter Cards. LinkedIn Post Inspector is also available for LinkedIn previews. These tools also clear platform caches so you can see fresh previews after updating tags.
OG tags use the property attribute (e.g., property="og:title") and are recognized by Facebook, LinkedIn, Pinterest, and most social platforms. Twitter Cards use the name attribute (e.g., name="twitter:title") and are specific to Twitter/X. However, if Twitter Card tags are missing, Twitter falls back to OG tags. It's best practice to include both for maximum compatibility.
og:title: Aim for 50-60 characters. Facebook typically displays the first 60-70 characters before truncating. og:description: Keep it between 150-200 characters. Most platforms display up to 200 characters. Avoid keyword stuffing—write naturally compelling copy that encourages clicks. Use our built-in character counters to stay within optimal ranges.
Yes, you can include multiple og:image tags, and some platforms (like Facebook) will use the first one that meets their size requirements. You can also specify og:image:width, og:image:height, and og:image:alt for each image. For platform-specific images, use twitter:image alongside OG images for granular control over Twitter previews.
Without OG tags, social media platforms will auto-generate a preview by scraping your page's content. They may pull the wrong image, truncate the title awkwardly, or display irrelevant text. This often results in unprofessional-looking shares that reduce click-through rates. Adding OG tags gives you full creative control over how your content appears when shared.
Yes, the og:type value tells platforms what kind of content your page represents. Common types include website (general pages), article (blog posts, news), product (e-commerce items), and video.movie (video content). For articles, additional tags like og:article:author and og:article:published_time can enrich the preview. Choose the type that best matches your content.
🔧 Related Tools