Meta Tag Generator — SEO, Open Graph & Twitter Cards
Generate title, description, Open Graph and Twitter card tags with live previews.
🔒 Runs in your browser — files never uploaded ⚡ No signup 💯 Free
Google preview
Social card preview
Generated tags
Fill in your page details and get a complete, correctly formatted set of meta tags — SEO basics, Open Graph for Facebook, LinkedIn, WhatsApp and Slack, and Twitter card tags.
Live previews show how the page will appear in Google results and as a social share card, with character counters that flag when your title or description is likely to be truncated.
How to use Meta Tag Generator
- Enter your page title and description. Watch the counters — they turn amber near the limit.
- Add your URL, site name and share image.
- Check both previews to see how the page will look in search and when shared.
- Copy the tags into the
<head>of your page.
Title and description lengths
Google truncates by pixel width, not character count, so the usual "60 characters" advice is a rough guide rather than a rule — 60 capital Ws is far wider than 60 lowercase i's. In practice, aim for 50–60 characters for titles and 140–160 for descriptions, and put the important words first so they survive truncation.
Meta descriptions are not a ranking factor. They do affect click-through rate, which is why they are still worth writing well. Google frequently rewrites them anyway, generating its own snippet from page content when it judges that a better match for the search query.
Why Open Graph tags matter more than people expect
Without og: tags, a link shared on Facebook, LinkedIn, WhatsApp, Slack or Discord shows whatever those platforms can scrape — often the wrong image and a fragment of navigation text. With them, you control the headline, description and image exactly.
The share image should be 1200×630 pixels. Smaller images get cropped awkwardly or rendered as a small thumbnail instead of a large card. Use an absolute URL, not a relative path — the scraper is not on your domain.
Twitter cards
X/Twitter reads its own twitter: tags first, then falls back to Open Graph. Including both is safest. Setting twitter:card to summary_large_image gives the full-width image card rather than the small square thumbnail — the generator picks this automatically once you supply an image.
Canonical URLs
The canonical tag tells search engines which URL is the definitive one when the same content is reachable at several addresses — with and without www, with tracking parameters, or with a trailing slash. Getting this wrong splits your ranking signals across duplicates.
Frequently asked questions
How long should my title and description be?
Roughly 50–60 characters for titles and 140–160 for descriptions. Google truncates by pixel width rather than character count, so treat these as guidance and put the important words first.
Do meta descriptions affect rankings?
Not directly — they have not been a ranking factor for many years. They affect click-through rate, which is why they still matter. Google also frequently rewrites them, generating its own snippet when it judges that a better match for the query.
What size should my Open Graph image be?
1200×630 pixels. Smaller images get cropped awkwardly or fall back to a small thumbnail. Always use an absolute URL — the scraper is not on your domain and cannot resolve a relative path.
Do I need both Open Graph and Twitter tags?
X/Twitter falls back to Open Graph if its own tags are missing, so strictly you can omit them. Including both is safest and costs nothing — this generator outputs both.
Why is my social preview showing the old image?
Platforms cache scraped previews aggressively. Use Facebook's Sharing Debugger or LinkedIn's Post Inspector to force a re-scrape after changing your tags.