Meta Tags Generator
Generate complete meta tags for SEO and social media
About this ToolHow it works, benefits & use casesTap to collapse
The Meta Tags Generator assembles a complete, copy-ready block of HTML head tags from a short form. Enter a page title and description and it emits the basic SEO tags, then layers on Open Graph properties (og:title, og:description, og:type, og:image) for Facebook and LinkedIn previews and Twitter Card tags (twitter:card, twitter:title, twitter:description) for X/Twitter. It always includes a viewport meta tag, and fills in optional keywords, a canonical link, an OG image URL, a Twitter card type, and a Twitter site handle when you provide them. Output regenerates live the moment both title and description are filled, so you can tweak fields and watch the markup update. The result is downloadable as an HTML file and the entire form state is captured in a shareable URL. Everything runs in the browser with nothing sent to a server.
How to Use
- 1Fill in the required Page Title and Description fields under Basic SEO; output appears the moment both are present.
- 2Optionally add comma-separated keywords and a canonical URL to prevent duplicate-content issues.
- 3Under Open Graph & Social, paste an OG image URL and choose a Twitter Card type (summary, summary_large_image, app, or player).
- 4Add your Twitter handle so a twitter:site tag is included.
- 5Copy the generated tags, download them as meta-tags.html, or share the URL to reproduce the exact configuration.
Key Benefits
- Generates basic SEO, Open Graph, and Twitter Card tags in one pass
- Live output that updates as soon as a title and description are entered
- Always emits a viewport meta tag for responsive rendering
- Optional canonical link, keywords, OG image, and Twitter handle when supplied
- Twitter card type selectable from summary, summary_large_image, app, or player
- Download as an HTML file or share the full configuration via URL
- Runs entirely in-browser with no upload of your content
Common Use Cases
- Adding social-share previews to a landing page before launch
- Bootstrapping the head section of a static site or HTML email page
- Standardizing OG and Twitter tags across multiple marketing pages
- Generating a canonical link tag to consolidate duplicate URLs
- Sharing a meta-tag configuration with a teammate via a single link
Basic SEO
Open Graph & Social
Live — fill in title and description to see output
Enter at least a title and description to generate tags.
What's included
- Basic SEO meta tags (title, description, keywords)
- Open Graph tags for Facebook and LinkedIn
- Twitter Card tags for Twitter/X previews
- Canonical URL to prevent duplicate content
- Viewport and theme-color for PWA
Was this tool helpful?
Share Your Experience
Help others discover this tool!
Related guide
Related tools
- HTML FormatterFormat and beautify HTML code
- PWA Manifest GeneratorBuild an installable web app manifest with a live installability audit, maskable icons, shortcuts, and iOS head tags
- Viewport Meta Tag GeneratorGenerate a viewport meta tag with a zoom-accessibility audit
- Text to SlugConvert text to URL-friendly slugs
- Twitter Card ValidatorValidate Twitter Card meta tags
- OG Image GeneratorDesign and render real 1200×630 Open Graph PNGs in-browser, preview the card inside X/Twitter, LinkedIn, Facebook, Slack, Discord & iMessage, then copy a polished meta-tag snippet
Both the Page Title and Description are required — output only appears once both contain text. Every other field (keywords, canonical URL, OG image, Twitter card type, Twitter handle) is optional and only adds its corresponding tag when filled.
The output includes Open Graph tags (og:title, og:description, og:type, og:image, and more) used by Facebook and LinkedIn, plus Twitter Card tags (twitter:card, twitter:title, twitter:description) for X/Twitter. When you do not supply separate social text, the OG and Twitter title and description fall back to your basic title and description.