Meta Tags & Open Graph Generator

Generate meta tags and Open Graph code. Live preview of how your link looks on Facebook, Twitter, and Google. Free, in browser.

Your files are 100% safe. Processing is done in your browser; nothing is uploaded to any server.

Title

Description

Page URL

Image (optional)

Generated HTML

<!-- Primary Meta Tags -->
<title>Your Page Title</title>
<meta name="title" content="Your Page Title" />
<meta name="description" content="" />

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://example.com/" />
<meta property="og:title" content="Your Page Title" />
<meta property="og:description" content="" />
<meta property="og:image" content="" />

<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:url" content="" />
<meta name="twitter:title" content="Your Page Title" />
<meta name="twitter:description" content="" />
<meta name="twitter:image" content="" />

How to use this tool & why it helps

When you share a link on Facebook, Twitter, or LinkedIn, the platform shows a card with title, description, and image. That comes from meta tags and Open Graph (og:) tags. This free tool lets you enter your title, description, and optional image, then generates the HTML meta tags and shows a live preview of the card. All processing is in your browser; nothing is sent to a server.

Fill in the title and description that you want in search results and social shares. Add a URL and optionally upload an image to see how the card will look. Copy the generated HTML into your page head. Recommended image size is 1200×630 for best display on Facebook and Twitter. The preview updates as you type.

Good meta and Open Graph tags improve click-through from search and social. This generator is free, requires no sign-up, and is useful for site owners, developers, and bloggers who want their links to look professional when shared.