Open Graph Meta Generator

Generate Open Graph and Twitter Card meta tags for perfect social media previews. Set title, description, image, and more with live preview.

Page Content

0/60
0/160

Twitter Card

<meta property="og:type" content="website" />
<meta property="og:locale" content="en_US" />

<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image" />
All tag generation happens in your browser. No data is sent to any server. Recommended image size: 1200x630 pixels.

How to Use This Tool

  1. 1

    Enter page content

    Fill in the title (max 60 chars), description (max 160 chars), page URL, and image URL for your page.

  2. 2

    Set Open Graph properties

    Choose the OG type (website, article, etc.), locale, and site name for rich social sharing.

  3. 3

    Configure Twitter Card

    Select the Twitter card type and optionally add your site and creator handles for Twitter-specific previews.

  4. 4

    Copy meta tags

    Choose All Tags, Open Graph only, or Twitter only. Copy the generated HTML and paste it into your page head section.

Frequently Asked Questions

What are Open Graph meta tags?
Open Graph (OG) meta tags control how your page appears when shared on social media platforms like Facebook, LinkedIn, Discord, and messaging apps. They define the title, description, and image shown in link previews.
What image size should I use for OG?
The recommended image size is 1200x630 pixels with a 1.91:1 aspect ratio. This works well across Facebook, Twitter, LinkedIn, and most platforms. Keep file size under 5MB.
Do I need both OG and Twitter tags?
Twitter will fall back to OG tags if Twitter-specific tags are missing. However, adding both gives you more control over how your page appears on each platform.
Is my data secure?
Yes. All tag generation happens entirely in your browser using JavaScript. No data is sent to any server.