Overview
What this generator does
Fill in your page details and get copy-ready HTML meta tags for SEO, Open Graph (Facebook, LinkedIn, WhatsApp), and Twitter Cards. A live Google search preview and social share card show exactly how your page will appear before you publish. It all runs in your browser.
What gets generated
The three kinds of meta tags
SEO tags
The <title> and meta name="description" control how your page appears in search results. The title is a genuine ranking factor; the description influences whether people click.
Open Graph tags
The og: tags (from a protocol Facebook created) control the title, description, and image shown when your link is shared on Facebook, LinkedIn, WhatsApp, Slack, Discord, and most other platforms. Without them, platforms guess — usually badly.
Twitter Card tags
The twitter: tags control how your link looks on Twitter/X, including whether it shows a large banner image or a small thumbnail.
Get it right
Title and description length
Search engines truncate tags that are too long. The character counters turn amber when you exceed the recommended length:
- Title: 50-60 characters. Longer titles get cut off with an ellipsis in search results.
- Description: 120-160 characters. Google may rewrite descriptions, but a good one improves click-through.
- Put your most important keywords near the start of both.
The most-overlooked tag
The social share image
Use 1200×630 pixels
Implementation
Where to put the tags
Paste the generated tags inside the <head> section of your HTML page, before the closing </head>. They should appear on every page, with values customized per page (each page needs its own title, description, URL, and ideally its own share image).
If you use a CMS or framework (WordPress, Next.js, etc.), there's usually a built-in way to set these per page — but understanding the raw tags helps you configure it correctly and debug share previews.
Behind the scenes
Privacy and how it runs
Runs in your browser
Common questions
Do meta tags help SEO?
The title tag is a real ranking signal, and the meta description affects click-through rate even though it's not a direct ranking factor. Open Graph and Twitter tags don't affect rankings but make your links far more clickable when shared, which drives traffic.
Why isn't my share image showing on Facebook?
Common causes: the image URL isn't absolute (it must start with https://), the image is too small, or the platform cached an old version. Use Facebook's Sharing Debugger to re-scrape the page after updating the tags.
What's the difference between og:title and the title tag?
The <title> is used by search engines and the browser tab. og:title is used by social platforms when sharing. They're often the same, but you can make the social title more catchy since it's competing for attention in a feed.
Do I need both Open Graph and Twitter tags?
Twitter falls back to Open Graph tags if Twitter-specific ones are missing, so technically you can get by with just Open Graph. But including both gives you precise control, especially over the card type, so it's best practice to add both.
Should every page have unique tags?
Yes. Each page should have its own title, description, and canonical URL. Duplicate titles and descriptions across pages hurt SEO and confuse both search engines and users.