Open Graph Tag Generator

Generate Open Graph and Twitter Card meta tags with a live social preview. Supports website, article and profile types. Copy all tags with one click.

og-tag-generator.tool
Social Preview
Generated Tags

What Are Open Graph Tags

Open Graph (OG) tags are meta tags in your page's HTML head that control how your page appears when shared on Facebook, LinkedIn, WhatsApp, Telegram and other platforms. Without OG tags, social platforms guess what to show — often pulling the wrong image or description. With proper OG tags, you control the title, description, image and other details of every shared link.

Twitter Card vs Open Graph

Twitter (now X) uses its own Twitter Card tags alongside Open Graph. Most platforms read OG tags; Twitter reads Twitter Card tags and falls back to OG. This tool generates both sets so your links look great on all major platforms. The summary_large_image Twitter Card type shows a large rectangular preview image, which gets more engagement than the small thumbnail.

Frequently Asked Questions

1200 × 630 pixels is the recommended size — it works well across Facebook, LinkedIn, Twitter and WhatsApp. Minimum is 600 × 315 pixels. Use PNG or JPEG. The image should be hosted at a stable, publicly accessible URL with no login required. Facebook caches images aggressively — update the URL (add a query string) if you change the image.
Facebook has the Sharing Debugger at developers.facebook.com/tools/debug. Twitter has the Card Validator at cards-dev.twitter.com/validator. LinkedIn has its Post Inspector. These tools show exactly how your URL appears when shared and let you clear the cache if you have updated your tags.
Without an og:image, social platforms may use any image found on the page, or no image at all. A text-only link preview gets far less engagement than one with a compelling image. Always set og:image, especially for pages you intend to share or that visitors might share.
They can differ. The page title tag (used in browser tabs and Google search results) can be different from og:title (used in social sharing). For example, your page title might include your brand name while the og:title focuses on shareability. Both are valid strategies — just ensure they are both accurate.
og:type tells social platforms the nature of the content: 'website' for general pages, 'article' for blog posts and news, 'profile' for user profiles, 'product' for product pages. The type unlocks additional properties: article type adds article:author, article:published_time etc. Most pages use 'website' as the default.

Related Tools

🔍
SERP Preview
Preview in search results
{}
Schema Generator
JSON-LD structured data
🤖
Robots.txt Generator
Build robots.txt
HTML Formatter
Format & minify HTML