Open Graph Generator
Generate perfect og: meta tags for social sharing in seconds
Page Details
Recommended size: 1200 × 630 px
Paste these tags inside the <head> of your HTML document.
Social Preview (approximate)
example.com
My Awesome Page
A short description of the page that appears in social previews and search results.
Open Graph meta tags control how your pages look when shared on Facebook, LinkedIn, Slack, and other platforms. This free Open Graph generator creates all the og: and Twitter Card meta tags you need — just enter your title, description, image URL, page type, and site details, then copy the ready-to-paste HTML snippet directly into your page's head section.
What are Open Graph meta tags?+
Open Graph (OG) tags are HTML meta elements in your page's <head> that tell social platforms — Facebook, LinkedIn, Slack, iMessage, and others — what title, description, and image to display when someone shares your URL. Without them, platforms guess, often with poor results.
Which image size should I use for og:image?+
The recommended size is 1200 × 630 pixels (roughly a 1.91:1 ratio). This displays sharply on all major platforms. Keep the file under 8 MB, and use HTTPS for the image URL so it loads on all sites.
Do I need both OG tags and Twitter Card tags?+
Twitter/X reads og: tags as a fallback, but adding explicit twitter: tags gives you more control — for example, choosing summary_large_image to show a prominent hero image instead of a small thumbnail. This generator outputs both sets for you.
Where do I paste the generated meta tags?+
Copy the snippet and paste it inside the <head>...</head> section of your HTML. In Next.js you can use the Metadata API or a custom <Head> component. After deploying, use the Facebook Sharing Debugger or Twitter Card Validator to confirm they appear correctly.