Page Information
Paste a direct image URL to preview it below. Must be publicly accessible.
Twitter / X Card Settings
Social Preview
Previews are approximations. Actual appearance may vary by platform version.
Generated Tags
Open Graph Tags Explained
Also searched as: open graph generator free | og tag generator | twitter card generator | social media meta tags Optimized for US users with American units and terminology.
Open Graph (OG) tags, developed by Facebook in 2010, tell social media platforms how to display your page when someone shares its URL. Without OG tags, platforms scrape random content from your page — often picking the wrong image or a poor description. Twitter has its own Twitter Card system that works similarly. All major platforms now support one or both standards. Implementing OG tags is a 10-minute task that dramatically improves how every shared link appears.
Use the Open Graph Tag Generator above — enter your values and get instant results. This free online tool calculates open graph tag generator free without any download or signup required. Results update in real time as you type.
Use the Open Graph Tag Generator above — enter your values and get instant results. This free online tool calculates how to add og tags to website without any download or signup required. Results update in real time as you type.
Without OG tags, Facebook and other platforms attempt to guess your page's content: they may use the page title tag, the first paragraph of body text as description, and any random image on the page (or no image at all). The result is often a broken, unattractive link preview that looks unprofessional and significantly reduces click-through rates. Studies show that posts with properly formatted rich previews get 3–5× more engagement than bare URL shares.
The HTML title tag is for browsers and search engines — typically 50–60 characters and often includes the brand name at the end. The og:title is for social media previews — can be slightly longer (60–95 characters) and should be more conversational and click-inducing without the brand suffix. They can be identical, but having separate versions allows you to optimise for each context. Google Search uses the HTML title; Facebook/Twitter use og:title.
Official debuggers: Facebook — developers.facebook.com/tools/debug (also clears Facebook's cache of old OG data). Twitter — cards-dev.twitter.com/validator. LinkedIn — linkedin.com/post-inspector. These tools show exactly how the platforms will render your page and highlight any OG errors. If you update OG tags after initial indexing, use the Facebook debugger's 'Scrape Again' button to force a cache refresh — without this, old previews can persist for days.
Universal recommendation: 1200×630 pixels, JPG format, under 300 KB. This works on all platforms: Facebook (minimum 1200×630, displays at up to 476×249 in feed), Twitter large card (2:1 ratio), LinkedIn (1200×627 minimum). The image must be publicly accessible (no login required, no robots.txt block). Use HTTPS URLs. Facebook will refuse HTTP images. Keep important content centered — edges may be cropped on some display contexts, especially on mobile.
Ideally yes — every page should have unique og:title, og:description, og:url, and og:image matching that specific page's content. Using the same homepage OG tags across all pages means every share shows the homepage image and description regardless of content, which confuses users. Modern CMSs (WordPress, Shopify, Webflow) with SEO plugins (Yoast, Rank Math) generate unique OG tags per page automatically from the page's SEO fields. At minimum, ensure key landing pages, blog posts, and product pages have unique OG tags.