Meta Tag Generator
Fill in your page's title, description, canonical URL and image, and get a copy-ready block of title, meta description, Open Graph and Twitter Card tags — all in your browser.
How it works
Fill in the fields
Title, description, canonical URL and an optional Open Graph image — the tags update as you type.
Watch the counters
Live character counts warn you if the title or description is outside the recommended range.
Copy into <head>
One click copies the full, escaped HTML block, ready to paste into your page's head.
What people use a meta tag generator for
Getting title, description and social tags right is one of the highest-leverage, lowest-effort things you can do for how a page shows up in search and when it's shared.
Writing search-friendly titles
Fixing blank link previews
Setting up a new landing page
Auditing an existing page's tags
Templating tags across many pages
A few things worth knowing
Title and description length limits aren't fixed character counts enforced by any spec — search engines truncate based on rendered pixel width, which varies by character and device. The 50–60 and 150–160 character ranges used here are widely-cited practical guidelines, not hard rules, which is why this tool shows a warning rather than blocking you from generating tags outside them.
Open Graph tags (prefixed og:) control how link previews look on Facebook, LinkedIn, Slack, Discord and most other platforms that render a card when a URL is shared. Twitter/X mostly reads its own twitter: tags first and falls back to Open Graph tags when those are missing — this tool fills in both from the same input so neither is left blank.
Every value you type is HTML-escaped before it's inserted into the output, so a title or description containing characters like <, >, & or " can never break the surrounding markup or inject an unintended tag — you can paste in anything and the generated block stays valid.
Frequently asked questions
Why does the title length matter?
Search engines show only so much of your title before truncating it with an ellipsis in results — roughly 50 to 60 characters depending on character widths and the device. A title inside that range is far more likely to display in full, which is why this tool warns you when you're outside it rather than enforcing a hard limit.
What's the difference between the meta description and the Open Graph description?
The meta description is what search engines may show under your link in results (though they sometimes rewrite it). The Open Graph description (og:description) is what social platforms like Facebook and LinkedIn show when your page is shared as a link preview. This tool fills both from the same text so you don't have to write it twice, but they're read by different systems.
Do I need an Open Graph image?
It's optional but recommended. Without an og:image, most social platforms either show no preview image at all or fall back to a generic one, which makes a shared link far less likely to get clicked. If you provide one, this tool also switches the Twitter Card type to summary_large_image, which displays a bigger preview image than the default summary card.
Is the generated HTML safe to paste directly into my page?
Yes. Every value you type is HTML-escaped before it's inserted into the generated tags, so characters like <, >, ", and & can't break out of an attribute or accidentally close a tag early — even if you paste in a title or description that happens to contain HTML-looking text.
Where do these tags actually go in my page?
Everything this tool generates belongs inside your page's <head> section, before the closing </head> tag. The <title> tag in particular is required to appear exactly once per page — replace any existing <title> tag rather than adding a second one.
Is this meta tag generator free to use?
Yes, completely free, with no account, no sign-up, and everything generated locally in your browser — nothing you type is sent anywhere.