See Also: OG Tag Previewer (Full) Open Graph Guide Meta Description Checker Title Length Checker

📣 SEO Tools

Open Graph Meta Tags Generator — Free OG Tags Preview Tool

Generate Open Graph meta tags instantly and preview how your link will appear on Facebook, LinkedIn, and Twitter. This free open graph tag generator and OG meta tags generator helps you create perfect social media previews for better clicks and engagement — fill in your title, description, image, and URL, then copy the ready-to-use <meta property="og:..."> code in one click. No account, no install, 100% browser-based. For a deeper live preview experience, try our OG Tag Previewer.

Open Graph Meta Tags Generator (OG Tags Tool)

This Open Graph meta tags generator helps you create OG tags for better social media sharing. Add your page title, description, and image to generate meta tags that control exactly how your website appears on Facebook, LinkedIn, and other platforms when shared. This OG meta tags generator makes it easy to create and preview tags instantly — no coding knowledge required.

What Are OG Meta Tags & Why You Need Them

Open Graph (OG) meta tags are HTML snippets added to the <head> section of your pages. When someone shares your URL on Facebook, LinkedIn, Twitter/X, WhatsApp, or Slack, those platforms read your OG tags to decide what title, description, and image to display in the link preview card.

Without OG tags, platforms guess — and usually get it wrong. Adding just four tags (og:title, og:description, og:image, og:url) can dramatically improve click-through rates from social media. If you're also optimising for search, use our meta description checker to keep your Google snippets within the 160-character sweet spot.

The 5 Essential OG Tags

✓ og:title — the title shown in the share card
✓ og:description — 120–160 characters, compelling and clear
✓ og:image — 1200×630px for best results across all platforms
✓ og:url — the canonical URL of your page
✓ og:type — website, article, product, or profile

OG Meta Tag Properties Explained

og:title

Page Title

The headline shown in link previews. Keep under 60 characters for best display. Does not need to match your HTML <title> tag exactly — social titles can be shorter and punchier.

og:description

Description

The subtitle shown below the title in share cards. 120–160 characters is the sweet spot. Lead with the benefit — what will the reader get? Use our meta description checker to verify length.

og:image

Social Image

The image Facebook, LinkedIn, and Twitter/X display in the card. Use 1200×630px for universal compatibility. Must be HTTPS. Facebook caches images aggressively — use their Sharing Debugger to clear the cache.

og:url

Canonical URL

The definitive URL for this page — should match your rel="canonical" tag. Prevents duplicate share counts if your page can be reached via multiple URLs (with/without trailing slash, http vs https).

og:type

Content Type

Tells platforms what kind of content this is. Use website for homepages and general pages, article for blog posts (enables article-specific fields like published_time), product for shop pages.

twitter:card

Twitter Card Type

Twitter/X's equivalent — use summary_large_image for a full-width image card (most engaging) or summary for a smaller thumbnail. Twitter falls back to OG tags if twitter: tags are missing.

Open Graph Tags FAQ

What are Open Graph meta tags?+

Open Graph meta tags are HTML tags placed inside the <head> of your page that control how your content appears when shared on social media platforms like Facebook and LinkedIn. The key tags are og:title, og:description, og:image, and og:url.

Why are OG tags important?+

OG tags improve click-through rates by showing better titles, images, and descriptions when your link is shared on social media. Without them, platforms scrape whatever content they find — usually the wrong image or a generic description. Pages with OG tags get significantly more social engagement.

How do I create Open Graph tags?+

You can use an Open Graph meta tags generator — like this one — to quickly create OG tags without coding. Fill in your page title, description, image URL, and page URL above, then copy the generated <meta> code and paste it inside the <head> section of your HTML.

What image size should I use for Open Graph?+

Use 1200×630px for best compatibility across all platforms. This is the recommended size for Facebook, LinkedIn, and Twitter/X. The minimum accepted size is 200×200px. Always use HTTPS image URLs — HTTP images are blocked by most platforms.

Do OG tags affect SEO?+

OG tags don't directly affect Google rankings, but they improve social sharing performance which drives referral traffic. Better social previews mean more clicks from shares, which increases engagement signals that indirectly support SEO. Use our meta description checker for direct Google snippet optimisation.

Frequently Asked Questions

What are OG meta tags?+

OG meta tags (Open Graph tags) are HTML snippets placed inside the <head> of your page. They tell social media platforms — Facebook, LinkedIn, Twitter/X, WhatsApp — what title, description, and image to show when someone shares your URL as a link card.

Do I need OG meta tags on every page?+

Yes — every public page that could be shared on social media should have OG tags. Without them, platforms scrape whatever they find, usually with poor results. Pages with OG tags consistently get higher click-through rates from social shares.

What image size should I use for Open Graph?+

Use 1200×630px for best compatibility across all platforms. The minimum is 200×200px. Always use HTTPS image URLs. Facebook recommends JPG for photos and PNG for logos or text-heavy images. If the image is too small, Facebook will not display it.

What is og:type and which should I use?+

og:type tells platforms what kind of content you're sharing. Use "website" for general pages and homepages, "article" for blog posts and news stories, "product" for e-commerce items. "website" is the safe default if you're unsure — it works for every page type.

How do I clear the social media cache after updating OG tags?+

Use Facebook's Sharing Debugger (developers.facebook.com/tools/debug), LinkedIn's Post Inspector, or Twitter's Card Validator to force a re-scrape of your URL. These tools clear the cached preview and pull fresh data from your live page.

Why Generate OG Meta Tags with Toolzoid?

Toolzoid's free OG meta tags generator runs entirely in your browser — no server uploads, no tracking, no account. Fill in your page details and get clean, copy-ready <meta> code in seconds. If you're writing SEO content, use our word counter with reading time and word to time calculator to optimise content length before generating OG tags — then come back to copy the finished meta tag code. To improve your content performance further, combine OG tags with our title length checker, meta description checker, and keyword density checker for better search and social SEO results.

Related SEO tools: OG Tag Previewer · Meta Description Checker · Title Checker · All SEO Tools