Meta Tag & Open Graph Generator
Fill in the fields and get a complete, correctly ordered set of head tags — including the Open Graph and Twitter card tags that control how a link looks when someone shares it. Length warnings tell you when text will be cut off.
- Free, no sign-up
- Runs in your browser
- Nothing uploaded
- Updated Sep 2026
At a glance
- Produces
- Title, description, canonical, robots, Open Graph, Twitter card
- Title limit
- About 580px, roughly 55–60 characters
- Description
- About 920px, roughly 150–160 characters
- OG image
- 1200×630 recommended, absolute URL required
- Placement
- Inside
<head>, one set per page - Processing
- Entirely client-side
Writing titles and descriptions that survive
Google truncates by pixel width, not character count, so a title in wide characters is cut sooner than one in narrow characters. The practical limits are roughly 580 pixels for titles — about 55 to 60 characters — and 920 pixels for descriptions, about 150 to 160. This tool measures pixels rather than counting characters, so the warning reflects what actually happens.
For titles: put the distinguishing words first, because that is what survives truncation and what the eye reads. A brand suffix separated by a pipe or dash is conventional and costs you ten characters — worth it for a recognised brand, wasteful for an unknown one. Every title on the site should be different; duplicate titles across pages are a strong signal that the pages are interchangeable.
For descriptions: write for the click, not the crawler. State what the page gives the reader and why it is worth their time. Include the term someone searched, because Google bolds matching text and bolding draws the eye. Avoid writing a description that could apply to any page on your site — that is the single most common reason Google discards yours and writes its own.
How to use the Meta Tag Generator
-
Enter your page title and description
The counters show pixel width against the truncation limit. Aim to land under it rather than exactly on it.
-
Add the canonical URL
The full absolute URL of this page. This is the tag that prevents duplicate-content problems, and the one most often missing.
-
Set up the social preview
Add an absolute image URL at 1200×630. This controls how the link looks everywhere it is shared.
-
Paste the output into your head
Copy the generated block into
<head>, replacing any existing versions of these tags rather than adding a second set.
Frequently asked questions
Do meta keywords still matter?
No. Google announced it ignores the keywords tag in 2009 and every other major engine followed. Including it does no harm beyond a few wasted bytes, and it tells competitors exactly which terms you are targeting.
How long should my title be?
Around 55 to 60 characters, though the real limit is about 580 pixels of width. Put the distinguishing words first — if it is cut, the beginning is what survives, and it is what people read.
Why does Google show a different description than mine?
Because it judged its own snippet more relevant to the query. That happens most when your description is generic, duplicated across pages, or does not contain the searched terms. A specific description that reflects the page is rewritten far less often.
Is the meta description a ranking factor?
No, and it has not been for well over a decade. It influences click-through rate, which influences traffic. Write it as advertising copy for the person reading the results page, not as a place to repeat keywords.
My Open Graph image is not showing. Why?
Nearly always one of three things: the URL is relative rather than absolute; the image is under 600 pixels wide; or the platform has cached an older version. Use the relevant platform's debugger to force a re-fetch after fixing the tag.
Do I need both Open Graph and Twitter tags?
Twitter falls back to Open Graph when its own tags are absent, so strictly you only need twitter:card to choose the layout. Emitting both is common practice and costs nothing, which is what this generator does.