The Open Graph Generator builds the og: meta tags that control how your pages appear when shared on social networks, with a live preview card showing the title, description, and image as users will see them.
What is Open Graph?
The Open Graph protocol, created by Facebook, defines a set of meta tags (prefixed with og:) that control how a web page is represented when shared on social media. When someone posts your link on Facebook, LinkedIn, or many messaging apps, these tags determine the title, description, and preview image that appear in the share card.
Without Open Graph tags, social platforms guess at this information and often get it wrong — pulling a random image or no image at all. Our Open Graph Generator lets you define exactly what appears, with a live preview so you can see the result before you publish.
How to Generate Open Graph Tags
- Enter the og:title and og:description for the share card
- Add the canonical og:url and an og:image URL (1200×630 recommended)
- Set the og:site_name and choose the og:type (website, article, etc.)
- Watch the live preview update to match what users will see
- Copy the generated og: tags into your page's <head> section
The Importance of the og:image
The preview image is the single most eye-catching part of a social share and dramatically affects click-through rates. The recommended size is 1200×630 pixels, which displays cleanly across platforms without cropping important content. Using a high-quality, relevant image makes your links far more clickable in crowded social feeds.
Always provide an absolute URL for og:image (starting with https://), since social crawlers cannot resolve relative paths. The same applies to og:url, which should be the page's canonical address.
Who Uses Open Graph Tags?
Content marketers and bloggers use them to ensure articles look professional when shared. E-commerce sites use them so product links show the right image and price context. Developers add them to every public page as part of basic SEO and social hygiene. Anyone who wants control over how their links appear on social media needs Open Graph tags.
The Essential Open Graph Tags
A handful of og: tags do most of the work in a share card. og:title sets the headline, og:description provides the supporting text, and og:image specifies the preview picture — the three elements people actually see. og:url declares the canonical address of the page so that all shares, however the link was copied, are consolidated to one URL. og:type describes the content (website, article, product, and so on), and og:site_name names the publication.
Defining these explicitly removes the guesswork that social platforms otherwise fall back on. When the tags are missing, a crawler scrapes whatever title and image it can find, which often produces an awkward or empty-looking card. By setting each value deliberately and confirming it in the live preview, you control the first impression your link makes in a busy feed — and a polished card measurably improves how often people click.
Why Choose Our Open Graph Generator?
This generator is completely free, needs no signup, and runs entirely in your browser. Its standout feature is the live preview card, which shows your title, description, and image exactly as they will appear when shared — so you can fix a too-long title or a cropped image before you publish rather than after. It outputs clean, correctly prefixed og: tags ready to paste into your head.
The Open Graph Generator is one of more than 200 free tools on ToopTools. If you publish content that gets shared, you can pin it to your personalized My Workspace workspace so it sits beside your other SEO and social utilities, always one click away. It works on any modern browser, on desktop and mobile.
Is the Open Graph generator free?
Yes. It is completely free with no limits and no signup. You can generate Open Graph tags for as many pages as you like, as often as you like, without ever creating an account.
What image size should I use for og:image?
The recommended size is 1200×630 pixels, a roughly 1.91:1 ratio that displays cleanly across Facebook, LinkedIn, and most messaging apps without awkward cropping. Always use an absolute URL beginning with https:// for the image, because social crawlers cannot resolve relative paths, and keep important content away from the edges in case of minor cropping.
Do Open Graph tags work on all platforms?
Open Graph is supported by Facebook, LinkedIn, Pinterest, WhatsApp, Slack, Discord, and many other platforms and messaging apps, making it the closest thing to a universal social-preview standard. X (Twitter) primarily uses its own twitter: tags but will fall back to Open Graph when they are absent, so OG tags give you broad coverage.
Why does my old preview still show after I update tags?
Social platforms cache the preview the first time a link is shared. After changing your Open Graph tags, the old card can persist until the cache refreshes. Use the platform's sharing debugger — such as Facebook's Sharing Debugger or LinkedIn's Post Inspector — to force a re-scrape and pull your updated title, description, and image.
Where do I put the og: tags?
Place them inside the head section of your page's HTML, alongside your other meta tags. They must be in the head for crawlers to read them. If you use a CMS or framework, add them through its SEO or head configuration so every page can have its own Open Graph values.
Tips for Better Social Shares
- Use a 1200×630 image with an absolute https:// URL for reliable previews
- Keep og:title short so it is not truncated in the card
- Set og:url to the page's canonical address to consolidate shares
- Always check the live preview before publishing
- Re-scrape with a platform debugger after changing your tags
Key Features
- Builds the essential og: tags — title, description, image, url, type, and site name
- Live preview card showing how the share will look
- Guidance on the recommended 1200×630 image size
- Clean, ready-to-paste HTML output
- One-click copy of the full tag block
- 100% free and browser-based — no signup required
How do I create Open Graph tags for social sharing?
Enter your title, description, image URL, and page URL, and the tool instantly generates the og: meta tags. Copy them into the <head> of your HTML so Facebook, LinkedIn, and other platforms show a rich preview with your image and text when the link is shared.
Does the Open Graph generator work offline?
Yes. The tags are generated entirely in your browser, so once the page has loaded the tool works without an internet connection and nothing you enter is uploaded. You can build your social preview tags privately on your own device.
Related searches
Recommended SEO & Social Media tools
Explore more free online tools related to Open Graph Generator.
Twitter/X Card Generator
Generate Twitter/X Card meta tags with a live preview for summary and large-image card types.
Robots.txt Generator
Build a valid robots.txt file with allow/disallow rules, crawl-delay, and sitemap directives.
UTM Link Builder
Build trackable campaign URLs with UTM parameters for source, medium, campaign, term, and content.
Keyword Density Checker
Analyze keyword frequency and density in your content for one, two, and three-word phrases.
Hashtag Generator
Turn a topic into a ready-to-use set of hashtags for Instagram, TikTok, and X, up to the 30-tag limit.
Tweet Character Counter
Count tweet characters using X's real rules — links count as 23 and CJK characters as 2.