Open Graph Meta Tag Generator creates the complete set of <meta> tags needed to control how your page appears when shared on Facebook, Twitter/X, LinkedIn, Slack, Discord, WhatsApp, and other platforms that read OG tags. Enter your page title, description, image URL, and page URL, and the generator outputs copy-ready HTML.
When someone shares a URL on social media or messaging apps, the platform fetches the page and reads its Open Graph metadata to build a rich preview card — the image, title, and description that appear before anyone clicks. Without OG tags, platforms use their own fallback (often the site title and no image), which looks unprofessional and has lower click-through rates.
The minimum required OG tags are og:title, og:description, og:image, and og:url. Twitter also uses its own twitter:card, twitter:title, twitter:description, and twitter:image tags — though it falls back to OG if these are absent. For articles, add og:type (set to "article"), article:published_time, and article:author.
Blog post share preview
Result: plus image and description tags — produces a rich card on all major platforms
Product page with Twitter card
Result: og:image of 1200×630px product photo + twitter:card='summary_large_image' — shows full-width image preview in Twitter/X
Article with publish date
Result: og:type='article' + article:published_time='2026-01-15T08:00:00Z' — adds date context in platforms that support article metadata
What image size should I use for OG images?
1200×630 pixels at 1:1.91 aspect ratio for landscape cards (Facebook, LinkedIn, Twitter summary_large_image). Minimum 600×315. Keep important content in the center — some platforms crop to a square. Use PNG for graphics, JPEG for photos.
Do I need separate Twitter Card tags?
Twitter reads og: tags as fallback, so you can start with og: tags only. However, adding twitter:card='summary_large_image', twitter:title, and twitter:image gives you explicit control and ensures the large image format is used.
Why isn't my OG image updating when I change it?
Social platforms cache OG previews aggressively. Facebook has a Sharing Debugger (developers.facebook.com/tools/debug) to force a refresh. For Twitter, the Card Validator does the same. Changing the image filename (not just the content) is the most reliable way to bust cache.
What is og:type and what values can I use?
og:type describes the type of content: 'website' (default) for general pages, 'article' for blog posts and news, 'product' for e-commerce items (Facebook/Open Graph standard), 'video.movie' or 'video.episode' for video content. The type unlocks additional structured properties.
Does og:description affect SEO?
OG tags do not directly affect search engine ranking. However, a compelling og:description increases social media click-through rates, which can indirectly drive traffic. For SEO, use the standard tag — it is separate from og:description.