New
Meta Tags Generator
Runs in browserGenerate complete meta tags for SEO, Open Graph (Facebook, LinkedIn), and Twitter Cards. Preview how your page looks in Google search results and social media shares.
Meta Tags Generator tool
Basic SEO
15/60 characters
52/160 characters
Open Graph
Twitter / X Card
<meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>My Awesome Page</title> <meta name="description" content="This is a description of my page for search engines."> <link rel="canonical" href="https://example.com"> <meta name="robots" content="index,follow"> <meta property="og:type" content="website"> <meta property="og:title" content="My Awesome Page"> <meta property="og:description" content="This is a description of my page for search engines."> <meta property="og:url" content="https://example.com"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="My Awesome Page"> <meta name="twitter:description" content="This is a description of my page for search engines.">
How to use
Fill in Basic SEO
Enter your page title (max 60 chars), description (max 160 chars), canonical URL, and robots setting.
Configure Open Graph
Add OG title, description, image URL, type, and site name for social media previews.
Preview and copy
Switch between HTML, Google Preview, and Social Preview tabs. Copy all tags when ready.
Examples
Blog post tags
Meta tags for a blog article.
Output<title>Article Title</title> / <meta name="description" content="...">
Frequently asked questions
- Do I need both OG and Twitter tags?
- Yes. Twitter uses its own twitter: tags. If twitter:title is absent, some clients fall back to og:title, but explicit tags ensure consistent behavior.
- What size should the OG image be?
- 1200x630 pixels at 72 DPI is the recommended size. File size should be under 8 MB.
Related tools
You might find these useful too.