Meta Tag Generator
Fill in your page details and copy the generated Open Graph and Twitter Card meta tags.
Generated Meta Tags
<!-- Open Graph -->
<meta property="og:title" content="My Awesome Page" />
<meta property="og:description" content="A brief description of the page content for social media sharing." />
<meta property="og:image" content="https://example.com/og-image.png" />
<meta property="og:url" content="https://example.com/page" />
<meta property="og:site_name" content="My Website" />
<meta property="og:type" content="website" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="My Awesome Page" />
<meta name="twitter:description" content="A brief description of the page content for social media sharing." />
<meta name="twitter:image" content="https://example.com/og-image.png" />
<meta name="twitter:site" content="@myhandle" />How it works
This tool generates standard Open Graph and Twitter Card meta tags from your input. The HTML snippet updates in real time as you type. Copy the output and paste it into the <head> of your HTML document.
Why meta tags matter
- Control how your links appear when shared on social media platforms
- Increase click-through rates with compelling preview cards
- Ensure consistent branding across Twitter, Facebook, and LinkedIn
Need dynamic OG images?
PixDoc can generate OG images on the fly from HTML templates. Create unique, branded social previews for every page on your site with a single API call.