Meta Tag Generator
Generate title, description, Open Graph, and Twitter Card meta tags with a live social preview.
Social preview
example.com/page
My Page Title
A short, compelling description of the page.
HTML to paste in <head>
<title>My Page Title</title> <meta name="description" content="A short, compelling description of the page." /> <link rel="canonical" href="https://example.com/page" /> <meta property="og:type" content="website" /> <meta property="og:title" content="My Page Title" /> <meta property="og:description" content="A short, compelling description of the page." /> <meta property="og:url" content="https://example.com/page" /> <meta property="og:image" content="https://example.com/og-image.jpg" /> <meta property="og:site_name" content="My Site" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="My Page Title" /> <meta name="twitter:description" content="A short, compelling description of the page." /> <meta name="twitter:image" content="https://example.com/og-image.jpg" />
Free to use, no sign-up, no limit on how many times you run it.More developer tools
Overview
Getting a link to preview correctly when shared on social media or messaging apps depends on a specific set of meta tags in the page's <head>. This tool generates them and shows a live preview.
- Covers title, description, canonical URL, Open Graph, and Twitter Card tags
- Live preview card as you type
- Copy-ready HTML for your page's <head>
How to use it
- 1Fill in your page's title, description, URL, and image
- 2Check the live preview
- 3Copy the generated tags into your page
Frequently asked questions
Why do I need both Open Graph and Twitter Card tags?
Open Graph tags are read by Facebook, LinkedIn, Slack, and most other platforms. X (Twitter) has historically used its own Twitter Card tags, though it now falls back to Open Graph tags in many cases — including both covers the most platforms reliably.
Does the preview match exactly how it'll look everywhere?
It's a close approximation of a typical link card — exact styling, image cropping, and text truncation vary slightly by platform.