Open Graph Tag Generator

Generate Open Graph and Twitter Card meta tags to control how your pages appear when shared on Facebook, Twitter, LinkedIn, and other social platforms.

Open Graph Tags
Recommended: 1200 × 630 px, max 8 MB
Twitter Card Tags
Generated Tags

    
Facebook / LinkedIn Preview
No image set (1200×630 recommended)
EXAMPLE.COM
Your page title
Brief description for social sharing.
Twitter / X Preview
No image set
Your page title
Brief description for social sharing.
example.com

Frequently Asked Questions

Open Graph is a protocol created by Facebook and used by Facebook, LinkedIn, Pinterest, and many other platforms. Twitter Cards are Twitter's proprietary format. It is best practice to include both since Twitter will fall back to OG tags when Twitter-specific tags are absent.
The universally recommended size is 1200 × 630 pixels with a minimum of 600 × 315 px. Keep the file size under 8 MB. Use JPEG for photos and PNG for graphics with text. Facebook will not scrape images smaller than 200 × 200 px.
Facebook caches OG data aggressively. Use the Facebook Sharing Debugger (developers.facebook.com/tools/debug) to force a re-scrape of your URL. Enter your URL and click "Scrape Again" to refresh the cached data.
Use website for homepages and general pages. Use article for blog posts and news articles — this unlocks additional properties like article:author and article:published_time. Use product for e-commerce product pages.
The universally recommended og:image size is 1200×630 pixels with an aspect ratio of 1.91:1. This size renders well on Facebook, LinkedIn, and most other platforms without cropping. Keep the file size under 8 MB and use JPEG for photographs or PNG for images containing text or logos to ensure maximum clarity.
The three most commonly used og:type values are website (for homepages and general pages), article (for blog posts and news — unlocks article:author and article:published_time properties), and product (for e-commerce items). Using the correct type allows social platforms to present your content with the most appropriate rich preview format.
summary displays a small square thumbnail (minimum 144×144 px) alongside your title and description — suitable for general content. summary_large_image displays a large full-width image (minimum 300×157 px, recommended 1200×630 px) above the title and description, dramatically increasing visual impact in the Twitter feed. Use summary_large_image for content where imagery is central to the message.
The Facebook Sharing Debugger (developers.facebook.com/tools/debug) allows you to enter any URL to see exactly how Facebook reads its OG tags and what preview will appear when shared. Click "Scrape Again" to force Facebook to re-fetch the latest version of your page, clearing the cache. This is essential after updating OG images or titles.
og:locale specifies the language and region of your content using IETF language tags (e.g., en_US, fr_FR, de_DE). For multilingual sites, each language version should declare its own og:locale and list alternate locales using og:locale:alternate. This helps social platforms show users the most relevant language version of shared content.
Yes. WhatsApp reads Open Graph tags to generate link previews when a URL is shared in a chat. It uses og:title, og:description, and og:image to build the preview card. WhatsApp requires the og:image to be at least 300×200 pixels and publicly accessible (no authentication required) for the preview to display correctly.

About This Open Graph Generator

This free Open Graph tag generator builds the <meta property="og:..."> tags used by Facebook, LinkedIn, Slack, and other platforms to generate rich link previews. Fill in the title, description, image, and URL to get the full set of OG tags.

Without Open Graph tags, social platforms generate preview cards using guesswork — often pulling the wrong image or a truncated title. Correctly set OG tags give you full control over how your page appears when shared.

When to use this tool

  • Adding rich social previews to blog posts and landing pages
  • Ensuring the correct thumbnail image is used in social shares
  • Setting OG tags for articles, products, and video pages
  • Debugging why a link preview shows the wrong content

Standards & References

Related Articles

In-depth guides and technical articles.

View all →
Open Graph Isn't the Same on Every Platform — LinkedIn, WhatsApp, Slack, and Discord Each Have Their Own Rules
LinkedIn's Post Inspector forces cache refresh like Facebook's Sharing Debugger — but they're separate tools, LinkedIn caches even more aggressively, and LinkedIn prefers og:image:secure_url over og:image. Here's platform-specific Open Graph differences: WhatsApp's small preview size and no force-refresh tool, Slack's unfurl API for custom app previews, Discord's og:video for inline playback, and Teams Adaptive Cards for rich integrations.
og:image Shows in the Debugger But Not on the Platform — Every Technical Failure Mode Explained
An og:image that looks correct in Facebook's sharing debugger can still fail to render on other platforms — because relative URLs break crawler fetching, platform dimension requirements differ, WebP may not be supported by some crawlers, and CORS restrictions can block image access. Here's the complete technical checklist: absolute URLs, supplementary og:image:width/height/type tags, the 1200×630 universal dimension, and why SVG og:images fail.
Why Your Updated og:image Still Shows the Old Preview: Open Graph Caching Explained
A page can have a flawless og:image, og:title, and og:description — and still show an old, wrong preview when shared today, because the platform cached that page's Open Graph data the first time anyone shared it, and has no automatic reason to check again. Here's why platforms cache this data at all, how "sharing debugger" tools let you manually force a refresh (per platform, separately), how long stale caches typically last, and the URL-versioning workaround for dynamically-changing images.
Open Graph vs Twitter Cards: Why a Perfect og:image Can Still Show a Tiny Thumbnail on X
Open Graph tags don't fully control how links look on X — a separate twitter:card tag, with no Open Graph equivalent, determines the card layout, and its absence can produce a small thumbnail even with perfect og:image tags. Here's how Open Graph and Twitter Card namespaces overlap and diverge, image dimension differences between platforms, and why cached previews need platform-specific refresh tools.
Social Media Algorithm Signals and Link Sharing: Why Platforms Suppress Links and What Works Instead
LinkedIn suppresses posts with external links by 30–50% compared to text posts. Facebook organic reach is under 5%. Here's how platform algorithms actually treat links, the strategies that work despite suppression, and how Open Graph images affect click-through when links are shared.