Meta Tag Generator

Live SERP + social previews · char limits · OG image checks

Title0/60
Description0/160
Google Desktop
example.com
example.com
Page Title
Add a meta description to see how it appears in search results.
Google Mobile
example.com
Page Title
Add a meta description to see how it appears in search results.
Facebook / OG
example.com
Page Title
Page description will appear here.
Twitter / X Card
Page Title
Page description will appear here.
example.com
Generated meta tags
<meta name="robots" content="index, follow" />
<meta name="viewport" content="width=device-width, initial-scale=1" />

<!-- Open Graph -->
<meta property="og:type" content="website" />
<meta property="og:locale" content="en_US" />

<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image" />

About this tool

What meta tags does the generator produce?
Title tag, meta description, canonical URL, Open Graph (og:title, og:description, og:image, og:url, og:type), Twitter Card (twitter:card, twitter:title, twitter:description, twitter:image), and robots directives.
Does it show a live SERP preview?
Yes. The generator renders a real-time preview of how your title and description will appear in Google search results, including truncation at the character limit.
Does it preview the OG card on social?
Yes. Switch between Google, Facebook/LinkedIn, and Twitter/X preview modes to see how the card will render on each platform.
Is there character count guidance?
Yes. Title and description fields show current/maximum characters with color-coded feedback (green = good, orange = borderline, red = too long).
About

Build SEO-ready meta tags with live SERP, Twitter, and Facebook previews. Character bars turn yellow near truncation and red when over.

OG image: ideal 1200×630, under 5MB, PNG or JPG. Twitter falls back to OG tags for most fields.

Note: Google rewrites titles ~60% of the time based on query relevance — treat the title as a hint.