Meta Tags Generator
A complete meta block: SEO, Open Graph and Twitter Card to paste into <head>.
-
1Enter data
Enter content, paste text or load a file from disk. -
2Click the button
The tool will immediately process your data in the browser. -
3Get the result
Copy the finished text or save the file to your device.
return "Result ready in 0.1s";
}
Rate this tool:
Related tools
Other tools you may find usefulMeta tags generator - a full set of tags for one page
The meta tags generator assembles a ready block for the <head> section: title, description, canonical URL, the robots directive and Open Graph plus Twitter cards. You fill in the data once and the tool builds a consistent set for Google, Facebook, LinkedIn and X.
What this tool actually generates
The form takes a title, description, URL, preview image, site name, content type, X profile and an indexing rule. From that it produces <title>, <meta name="description">, <meta name="robots"> and <link rel="canonical">, then a full Open Graph set (og:title, og:description, og:image, og:type, og:url, og:site_name) and Twitter Cards. Every value is escaped, so a quote inside the title cannot break the content attribute.
Two tags are left out on purpose, because they are static and do not depend on the content: <meta charset="utf-8"> and <meta name="viewport" content="width=device-width, initial-scale=1">. Add them by hand at the top of <head> - the first sets the encoding, the second controls scaling on phones.
The tags in the output and their role
| Tag | What it controls | Note |
|---|---|---|
| title | Title in Google results and the browser tab | 50-60 characters |
| meta description | The snippet in search results, drives clicks | 150-160 characters |
| link canonical | Points to the canonical version of the address | absolute URL |
| meta robots | Whether to index the page and follow links | index/noindex |
| og:* | Preview when sharing on Facebook and LinkedIn | og:image = absolute URL |
| twitter:* | The card on X (formerly Twitter) | summary / summary_large_image |
Optimal lengths and on-the-fly checks
A title that stays readable in the results fits in 50-60 characters - Google truncates longer ones with an ellipsis. The description works best in the 150-160 character range; shorter wastes space, longer gets cut off. The counter under each field shows the length live, and after you click "Generate meta tags" the tool warns you when the title or description passes a safe threshold.
Open Graph and Twitter Card - how they differ
Open Graph drives the preview on Facebook, LinkedIn and most messengers. The key field is og:image: it must be an absolute address with https://, because social platforms do not resolve relative paths. The recommended cover size is 1200x630 px. If you pass a relative address, the generator flags it.
The Twitter Card controls how the link looks on X. The tool picks the card type automatically: with an image it sets summary_large_image (a large graphic), without one it sets summary (a small thumbnail). A wrong declaration is the most common reason the preview on X looks different from Facebook.
Where to paste the code and why keywords is dead
- Copy the output and paste it inside the
<head>section, above the closing</head>. - Add
<meta charset>and<meta name="viewport">if they are not there yet. - Check that the address in
canonicalandog:urlis exactly the one that should land in the index. - Verify the preview in the Facebook and LinkedIn debuggers, and the address map in the XML sitemap validator.
The set deliberately has no <meta name="keywords">. Google dropped that tag once it became a field for abuse - people stuffed it with words unrelated to the page. Today it has no effect on ranking and only hints to competitors which phrases you target. Real page text decides quality, and you can score it with the SEO text analyzer.
Meta tags are one layer. Structured data as schema markup in JSON-LD unlocks richer results (stars, FAQ, breadcrumbs), and server headers are set in the .htaccess generator.
Frequently asked questions
How does title differ from og:title?
The title tag is the title in search results and the browser tab. og:title serves the social media preview. They are usually the same, but og:title can be shorter and catchier, since it does not need the brand name.
Does Open Graph affect Google rankings?
Not directly. Indirectly yes: an attractive preview raises shares and clicks, and that supports visibility. Google also uses og:title and og:image in some results.
Why use canonical if the page has one address?
Addresses often duplicate through parameters (sorting, UTM campaigns), trailing-slash variants and HTTP versus HTTPS. The canonical tag tells the search engine which version is primary and stops signals from scattering across duplicates.
When should robots be set to noindex?
For pages you do not want in the results: the cart, the login panel, internal search results or thank-you pages. Careful: noindex on an important page effectively removes it from Google, so check the value before you deploy.
Why does the preview not change after I edit it?
Facebook and LinkedIn cache Open Graph data. After you change the tags, force a re-fetch in that platform's debugger. Only then will you see the new image and description.