Skip to content
🏷️

Meta Tag Generator

SEO

Free online meta tag generator. Create SEO meta tags, Open Graph tags, and Twitter Card tags for any webpage with live preview.

0
0
og:type
Generated tags
<!-- Primary Meta Tags -->
<title>Page Title</title>
<meta name="title" content="Page Title">
<meta name="description" content="Page description">

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

<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Page Title">
<meta name="twitter:description" content="Page description">
<!-- <meta name="twitter:image" content="https://example.com/og.jpg"> -->

A brand-new page that hasn't been published yet doesn't have any existing SEO meta tags to audit, so the actual task isn't fixing what's broken on a live page but building the full set from nothing, the meta description, the Open Graph tags, the Twitter Card, before the page ever goes live and gets shared for the first time. This tool generates a complete set of SEO meta tags, Open Graph tags, and Twitter Card tags from scratch, with a live preview showing exactly how the finished page will look once shared.

See more about the Meta Tag Generator

Useful for building a new page's full tag set before it's ever published, previewing how a blog post will actually appear when shared on social media before it goes live, or drafting Open Graph tags for a landing page still in development.

Key features

  • Clean interface
  • Fast processing
  • No signup required
  • Works offline

Related SEO tools

Robots.txt Analyzer

SEO

robots.txt Generator

SEO

Keyword Generator

SEO

Hreflang Tag Generator

SEO

Word Density Analyzer

SEO

SEO Title Analyzer

SEO

Related Blog Posts

Quick answers for Meta Tag Generator

Which meta tags does this tool generate?
A complete head-snippet covering the basics - `<title>`, `<meta name="description">` - plus Open Graph tags for Facebook/LinkedIn previews and Twitter Card tags for X. That set covers >95% of real-world social-share unfurling.
What size should the OG image be?
1200×630 px is the safe sweet spot. Facebook, LinkedIn, and Slack all crop to roughly this aspect ratio. Smaller than 600×315 and the platforms downgrade to a small thumbnail.
Do I need a separate Twitter image?
No. Twitter falls back to `og:image` when `twitter:image` is missing, so a single well-sized image works everywhere. Add a Twitter-specific image only if you want a different crop for X.
What's the difference between og:type "website" and "article"?
`website` is the safe default. Use `article` for blog posts and news pages - it lets you add `article:published_time`, `article:author`, etc., and some platforms render that metadata more richly.
How do I test the result?
Paste the live URL into the social-share debugger from each platform - Meta's Sharing Debugger, X's Card Validator, LinkedIn's Post Inspector. Those tools also let you re-scrape the page after you push changes.