Create Open Graph meta tags so Facebook, LinkedIn and other platforms display the right title, description and image when your link is shared. Live share-card preview, ready to copy or download. 100% in your browser — nothing is uploaded or stored.
Recommended: 1200 × 630px, under 8MB, JPG or PNG.
Tip: pair this with the Twitter Card Generator for full social coverage, and check the result in the Facebook / OG Preview.
🔒 Everything runs in your browser. Your input is never uploaded, logged or stored.
The Open Graph Generator creates the og: meta tags that control how your links look when shared on Facebook, LinkedIn, WhatsApp and most social platforms. Enter your title, description, image and URL, watch a live share-card preview update, then copy or download the tags. A correct Open Graph setup means your links show a polished card with the right image and text instead of a bare URL.
It is part of the Meta & Tag Generators group in our free SEO Toolkit. Pair it with the Twitter Card Generator for full social coverage, generate everything at once with the Meta Tag Generator, and verify the result in the Facebook / OG Preview. Everything runs in your browser — your input is never uploaded or stored.
Build correct Open Graph tags with a live preview of the social card.
See exactly how your link's share card will look, with image, title and description, as you type.
Generates og:title, description, type, url, image, site_name and locale in one clean block.
Choose website, article, product and more — article adds author and section tags automatically.
Copy the tags to your clipboard or download them, ready to paste into your page head.
From details to a perfect share card in under a minute.
Choose your content type — website, article, product and more.
Enter the title, description, URL, site name and a share image.
Watch the live share-card preview to confirm the image and text fit well.
Copy or download the tags and paste them into your page's <head>.
Clean Open Graph tags ready to paste into your page head.
<!-- Open Graph / Facebook --> <meta property="og:type" content="website"> <meta property="og:title" content="The Ultimate Guide to Open Graph"> <meta property="og:description" content="Learn how Open Graph tags shape social shares."> <meta property="og:url" content="https://yoursite.com/guide/"> <meta property="og:image" content="https://yoursite.com/share.jpg"> <meta property="og:site_name" content="YourSite">
Open Graph is a protocol, originally created by Facebook, that lets you control how a web page appears when it is shared on social media. By adding og: meta tags to your page head, you tell platforms exactly which title, description and image to show on the share card. Without them, social platforms guess — often picking the wrong image or text. This generator builds those tags for you and previews the card live. It is part of the Meta & Tag Generators group.
| Tag | Purpose | Required? |
|---|---|---|
| og:title | The title shown on the share card | Yes |
| og:description | The summary under the title | Recommended |
| og:type | The kind of content (website, article…) | Yes |
| og:url | The canonical URL of the page | Yes |
| og:image | The preview image (ideally 1200×630) | Yes |
| og:site_name | The name of your overall site | Optional |
| og:locale | The content language and region | Optional |
This 1.91:1 ratio is the recommended size and displays cleanly across Facebook and LinkedIn.
Keep the file reasonably small so platforms fetch and cache it quickly.
Always use a full https URL for og:image, not a relative path, or it may not load.
If the image has text, keep it large and centred so it survives cropping on mobile.
They belong in the <head> of your HTML, alongside your other meta tags. In a CMS, add them via your theme header or your SEO plugin's social settings. They are read by platforms when your link is shared, not shown to visitors.
Social platforms cache Open Graph data. After updating tags, use the platform's sharing debugger — such as Facebook's Sharing Debugger — to re-scrape the URL and refresh the cached image and text.
Twitter/X can fall back to Open Graph tags, but dedicated Twitter Card tags give you precise control there. For best results, add both — use the Twitter Card Generator alongside this tool.
No. The tags and preview are built locally in your browser with JavaScript. Nothing you enter is uploaded, logged or stored, so the tool is safe for unpublished pages and client work.
Ensure each article shares with the right headline and featured image.
Show product images and names when links are shared by customers.
Make campaign links look professional and on-brand in social feeds.
Quickly build and preview OG tags for client pages before launch.
Use the Open Graph Generator with these tools from the SEO Toolkit: preview the result in the Facebook / OG Preview, add Twitter Card tags, build everything together with the Meta Tag Generator, audit a live page with the Meta Tag Analyzer, set a canonical tag, and check your search snippet with the SERP Snippet Preview.
Anyone who shares links and wants them to look professional.
Everything about generating and using Open Graph tags.
It creates the og: meta tags that control how your link appears when shared on Facebook, LinkedIn and similar platforms. You enter the title, description, image and URL, see a live share-card preview, and copy or download the tags to paste into your page head.
Yes, completely. There is no cost, no sign-up and no limit on how many tag sets you create. The tool runs entirely in your browser, so there are no server costs and nothing to pay for.
The recommended size is 1200 × 630 pixels, a 1.91:1 ratio that displays cleanly on Facebook and LinkedIn. Keep the file under about 8MB, use an absolute https URL, and place any text large and centred so it survives mobile cropping.
Yes. All processing happens locally in your browser with JavaScript. Nothing you enter — titles, descriptions, URLs or image links — is uploaded, logged or stored. This makes the tool safe for unpublished pages and client work.
Paste them inside the <head> section of your page, alongside your other meta tags. In a CMS you can add them via the theme header or your SEO plugin's social settings. They are read by platforms when your link is shared.
Social platforms cache Open Graph data. After changing your tags, use the platform's sharing debugger — such as Facebook's Sharing Debugger — to re-scrape the page and refresh the cached image and text.
Not directly, but they improve how your links look in social feeds, which can increase clicks and shares. More engagement and traffic can indirectly support your overall SEO, even though og: tags are not a direct ranking factor.
Twitter/X can fall back to Open Graph tags, but dedicated Twitter Card tags give precise control on that platform. For the best result on every network, add both — use the Twitter Card Generator alongside this tool.
og:type describes the kind of content — website for general pages, article for posts, product for store items, and so on. Choosing article in this tool also lets you add author and section tags. Pick the type that best matches the page.
Yes. You can paste the tags into your theme header, though many SEO plugins generate Open Graph tags automatically. Use this tool for static pages, custom templates, or to preview and learn what good OG tags look like before relying on a plugin.
Yes. The generator is fully responsive, so you can build Open Graph tags from a phone or tablet. The form, the live card preview and the copy and download buttons all work the same as on desktop.
Convert, compress, and resize images in multiple formats — JPG, PNG, WebP, ICO, and more.
Calculate in-hand salary, CTC breakup, tax deductions, and more for Indian employees.
Convert length, weight, temperature, speed, volume, and 200+ measurement units instantly.
Count words, convert case, generate lorem ipsum, find & replace text, and more writing utilities.
Build perfect share cards for Facebook and LinkedIn in seconds — free, private and instant in your browser.
📤 Open the Generator ← All Meta Tag Tools