Open Graph Generator
This Open Graph generator builds the og: meta tags that control how your link looks when shared on Facebook and LinkedIn, with a live preview as you type. It runs in your browser - no upload, no sign-up.
Fill in your page details
Generate title, description, Open Graph and Twitter Card tags to paste into your <head>. Nothing is fetched or uploaded.
Google result preview
Social share preview
How to generate Open Graph tags
Enter your page details
Add your og:title, og:description, page URL and the image URL you want shown when the link is shared.
Preview the Facebook & LinkedIn card
Use the live preview to check the headline, description and image, then adjust the wording until the card reads well.
Copy the og: tags
Copy the generated Open Graph <meta> tags and paste them into the <head> of your page.
What Open Graph tags do
Open Graph is the protocol Facebook and LinkedIn read to build a rich link card: a headline (og:title), a short summary (og:description), a thumbnail (og:image) and the canonical URL (og:url). Without them, those platforms guess from your page content, which often produces a messy or empty-looking preview. This generator gives you clean, explicit tags to paste in.
Some honest limits: this Open Graph generator only writes markup - it does not fetch, crawl or upload your site, and everything stays in your browser. The preview is an approximation since Facebook and LinkedIn each render and crop slightly differently. They also cache previews, so after publishing you may need Facebook's Sharing Debugger or LinkedIn's Post Inspector to refresh. You host the og:image yourself; 1200x630 is the recommended size.
Frequently asked questions
What are Open Graph tags used for?
They tell Facebook and LinkedIn what title, description and image to show when someone shares your link, instead of letting the platform guess.
Does this generator fetch my existing tags?
No. It builds new og: markup from what you enter. It does not scan, crawl or upload your site - everything stays in your browser.
My Facebook preview still shows the old image - why?
Facebook caches link previews. Run the URL through Facebook's Sharing Debugger to force it to re-scrape your updated og: tags.
What size should the og:image be?
We recommend a 1200x630 image hosted on your own server or CDN. That size displays well on both Facebook and LinkedIn.
Do I still need a Twitter Card?
Often yes. X/Twitter reads Twitter Card tags and falls back to Open Graph in places, so generating both gives you the most reliable previews.