Free Open Graph Tag Generator
Create Open Graph and Twitter Card meta tags for social media sharing. Free, fast, and works entirely in your browser with no sign-up required.
Updated
OG Tag Quality Score
Import from URL
Fetch existing Open Graph tags from any public URL to edit them.
Quick Templates
Core Open Graph Tags
Image Settings
Recommended Image Sizes
Twitter Card
LinkedIn uses og:image (min 1200x627 for best display)
Pinterest prefers 2:3 aspect ratio images (e.g., 1000x1500)
Character Limits by Platform
Twitter/X
discord
slack
telegram
Validate & Debug
Generated Meta Tags
Copy individual tags
<meta property="og:type" content="website"><meta property="og:locale" content="en_US"><meta name="twitter:card" content="summary_large_image">Best Practices
- Use images that are at least 1200x630 pixels for best display across all major platforms
- Keep titles under 60 characters and descriptions between 50-160 characters
- Always use absolute URLs for images (starting with https://)
- Include og:image:alt for accessibility and better SEO
- Set og:type accurately -- it affects how platforms display your content
- Test your tags with the platform debuggers linked above before publishing
- Use the SEO score above to ensure your tags are complete and well-optimized
- Twitter/X falls back to OG tags if Twitter Card tags are not present
Related Tools
Frequently Asked Questions
What is the Open Graph Generator?
The Open Graph Generator is a free online tool that creates Open Graph and Twitter Card meta tags to control how your content appears when shared on social media.
Is the Open Graph Generator free?
Yes, it is completely free with no registration required. All tag generation happens client-side in your browser.
Why are Open Graph tags important?
Open Graph tags control the title, description, and image shown when your page is shared on Facebook, LinkedIn, and other social platforms, improving click-through rates.
Is my data safe with this tool?
Absolutely. The Open Graph Tag Generator processes everything client-side in your browser. No data is uploaded to or stored on any server. Your content remains private on your device at all times.
Does the Open Graph Tag Generator work on mobile devices?
Yes, the Open Graph Tag Generator is fully responsive and works on smartphones and tablets. You can use it on any device with a modern web browser -- no app download required.
Do I need to create an account to use this tool?
No account or registration is needed. Simply open the Open Graph Tag Generator in your browser and start using it immediately. There are no sign-up walls or usage restrictions.
Does this tool follow Google's latest guidelines?
Yes, the Open Graph Tag Generator is built following current Google Search guidelines and best practices. We regularly update the tool to reflect changes in search engine requirements.
How do I use the Open Graph Tag Generator?
Simply enter your input in the provided field, adjust any settings to your preference, and the tool will process it instantly. You can then copy the result to your clipboard or download it.
Which browsers are supported?
The Open Graph Tag Generator works in all modern browsers including Chrome, Firefox, Safari, Edge, and Opera. For the best experience, use the latest version of your preferred browser.
What size should an og:image be for social sharing?
The safe default is 1200 x 630 pixels, which gives the 1.91:1 landscape ratio that Facebook, LinkedIn, Slack, Discord, Telegram, and WhatsApp all render as a large card. Drop below roughly 600 x 315 and most platforms fall back to a small square thumbnail instead of the full-width image. Keep the file reasonable too: Facebook caps og:image at 8 MB, and several networks are stricter. Pinterest is the exception and prefers tall 2:3 images around 1000 x 1500. This generator checks the width and height you enter against each platform's norms, warns when your aspect ratio drifts from 1.91:1, and previews how the image crops across eight destinations, so you can fix a mis-sized image before the link ever unfurls wrong.
What is the difference between Open Graph tags and Twitter Card tags?
Open Graph tags (the og: properties) are the protocol Facebook introduced in 2010, and most platforms now read them to build a shared link's title, description, and image. Twitter Card tags (twitter:card, twitter:title, twitter:image, plus twitter:site and twitter:creator handles) do the same job specifically for X. The key behaviour is fallback: when a Twitter-specific tag is missing, X reads your Open Graph values instead, so you rarely need to duplicate everything. The main tag you do need to add is twitter:card, which tells X whether to show a small or large image card. This tool outputs both sets together in one block, so your card looks right on X while staying consistent with how it appears on Facebook, LinkedIn, and the rest.
Why does my link preview still show the old image after I update the tags?
Social platforms cache the preview they scraped the first time someone shared your URL, so editing your Open Graph tags does not change what people see until that cache is refreshed. Facebook, LinkedIn, and others store the old title, description, and image for a stretch, which is why an updated page can keep unfurling its previous thumbnail. The fix is to re-scrape the URL: paste it into Facebook's Sharing Debugger or LinkedIn's Post Inspector and trigger a fresh fetch, which clears their cache and pulls your new tags. Generate and publish your corrected tags here first, drop the block into your page's head, then re-scrape so the new card shows everywhere it is shared.
What does the og:type property do and which value should I use?
og:type tells platforms what kind of content a page is, which decides what extra metadata is allowed and how some networks treat the card. Most pages should use website; use article for blog posts and news, product for shop pages, and profile, book, or video where they fit. Choosing a type beyond website unlocks matching properties: article exposes article:author and article:published_time, product exposes product:price:amount and product:availability, and book exposes book:isbn. Setting a correct og:type also counts toward the tool's completeness score. This generator includes ready-made templates for website, article, product, video, profile, and book that pre-fill sensible values, so you can pick the type that matches your page and edit a working example rather than building the tag set from scratch.
How long can an Open Graph title and description be before they get cut off?
Each platform truncates differently, so there is no single limit, but practical targets keep your card readable everywhere. Facebook shows roughly the first 60 characters of a title and about 155 characters of a description before cutting off, and the tool grades a title under 60 characters and a description between 50 and 160 as healthy in its completeness score. Other networks allow more in the description field — around 200 characters on X and WhatsApp, 256 on LinkedIn — but writing to the tighter Facebook limits keeps the important words visible on every platform. As you type, this generator counts characters per platform and flags any title or description that runs past a destination's display limit, so nothing gets clipped mid-sentence in the shared card.
Related Tools
Free SEO Meta Tag Generator
Generate SEO-friendly meta tags for your website. Title, description, keywords, and more. Free, fast, and works entirely in your browser with no sign-up required.
Free Twitter Card Generator
Generate Twitter Card meta tags for social media previews. Free, fast, and works entirely in your browser with no sign-up required.
Free Robots.txt Generator
Generate a robots.txt file to control search engine crawling. Free, fast, and works entirely in your browser with no sign-up required.
Free Keyword Density Checker
Analyze keyword density and frequency in your content for SEO optimization. Free, fast, and works entirely in your browser with no sign-up required.
About the Open Graph Tag Generator
The Open Graph Tag Generator builds the meta tags that decide how your page looks when someone shares it. Fill in a title, description, image, and URL, and it produces a ready-to-paste block of Open Graph (og:) and Twitter Card markup. It is aimed at anyone who has watched a link unfurl into a blank box or the wrong thumbnail: marketers, bloggers, store owners, and developers who want the preview to match the page.
Open Graph is the protocol Facebook introduced in 2010 and the one most platforms now read. The tags live in the <head> of your HTML, and they tell each network exactly what title, summary, and picture to display in a shared card. Without them, platforms guess by scraping your page, and the guess is often wrong. Twitter Card tags do the same job for X, falling back to your Open Graph values when a Twitter-specific tag is missing.
What it generates
The generator outputs the full set of tags, not just the basics:
- Core Open Graph —
og:title,og:description,og:url,og:image(with width, height, andog:image:alt),og:site_name,og:type, andog:locale. - Type-specific tags — choosing an
og:typeof article, product, profile, book, or video unlocks the matching properties, such asarticle:authorandarticle:published_time,product:price:amountandproduct:availability, orbook:isbn. - Twitter Card tags —
twitter:card,twitter:title,twitter:image, plustwitter:siteandtwitter:creatorhandles.
Built-in templates pre-fill sensible values for a website, article, product, video, profile, or book so you can start from a working example and edit rather than from an empty form.
Live previews and the completeness score
As you type, the tool renders how the card will look across eight destinations — Facebook, Twitter/X, LinkedIn, Discord, Slack, WhatsApp, Telegram, and Pinterest — because each one crops images and truncates text differently. It flags when a title or description runs past a platform's display limit; Facebook, for example, shows roughly the first 60 characters of a title and about 155 of a description before cutting off.
A running SEO completeness score out of 100 grades whether your tags are present and well-formed: title under 60 characters, description between 50 and 160, a valid URL, an image with alt text and dimensions, and a configured Twitter card. It is a quick way to catch the omission that breaks a preview before you ship the page.
Image sizing that actually unfurls
A wrong-sized image is the most common reason a share looks broken. The generator checks your dimensions against platform norms and warns when they drift:
- 1200 x 630 pixels is the recommended size for Facebook, LinkedIn, Slack, Discord, and most networks, giving the standard 1.91:1 landscape ratio.
- 600 x 315 is the practical minimum for a large card; below that, platforms fall back to a small thumbnail.
- Pinterest prefers tall 2:3 images, around 1000 x 1500, rather than landscape.
- Keep the file modest — Facebook caps
og:imageat 8 MB, and several platforms are stricter.
Privacy and exporting your tags
Tag generation, previews, validation, and the score all run locally in your browser with no account and no upload, so your draft copy and unpublished URLs stay on your device. The one exception is the optional Import from URL feature, which fetches an existing page through a public CORS proxy to read its current tags — use it only on URLs you are comfortable sending to a third-party relay. When you are done, copy any tag individually, copy the whole block, or download it as an .html file, then drop it into your page's <head>. After publishing, re-scrape the URL in Facebook's Sharing Debugger or LinkedIn's Post Inspector to clear their cache and confirm the new card.