About this meta tag generator
Meta Tag Generator
A meta tag generator builds the HTML head tags that control how your page appears in search results and social shares — the title, the description snippet, and the Open Graph cards. Fill in a short form and the tool outputs clean, copy-ready tags plus a live preview of the search snippet and social card.
Bloggers, indie makers, and SEO beginners use it because meta tags are invisible in the page body yet decisive for click-through: the title and description are what Google shows in results, and Open Graph tags decide the image, headline, and summary when a link is shared on X, Facebook, LinkedIn, or Discord. Writing these tags by hand means memorizing a dozen attribute names and the character limits that keep snippets from being truncated. This generator produces the full set — standard SEO tags, Open Graph, and Twitter/X cards — with live character counters that warn you before a title or description gets cut off, and it all runs in your browser.
Controlling what crawlers may fetch starts with robots.txt — generate yours free with HexKit’s robots.txt generator, including one-click AI crawler blocking.
How to use it
- Enter the Page title (aim for 50–60 characters) and Meta description (aim for 150–160 characters).
- Fill in Canonical URL, Robots directives, and the OG image URL for social shares.
- Watch the SERP preview and Social card preview update live; trim text until nothing truncates.
- Click Copy tags and paste the block into your page's ``.
The method behind it
Frequently asked questions
Do meta keywords still matter for SEO?
No. Google has ignored the `meta keywords` tag for well over a decade, and no major search engine uses it for ranking — which is why this generator does not produce one. The tags that matter are the title (a ranking factor and the clickable headline) and the meta description (not a ranking factor, but it controls the snippet text that earns the click).
Why is my title truncated in Google results?
Google displays roughly 50–60 characters (technically measured in pixels, about 600px) before cutting the title with an ellipsis — and it sometimes rewrites titles entirely. Keep titles under 60 characters, put the most important words first, and make each page's title unique. If Google still rewrites yours, it usually means the title did not match the page content or the query well.
What image size should the OG image be?
Use 1200 × 630 pixels for the `og:image` — the size Facebook, LinkedIn, and X's large card layout are designed around. Keep the file under a few hundred kilobytes so shares unfurl fast, use an absolute URL (relative paths break unfurling), and put key text away from the edges in case a platform crops.
Do I need both Open Graph and Twitter card tags?
Strictly, no: X falls back to Open Graph tags when Twitter-specific ones are missing. In practice, include both — the explicit `twitter:card` tag guarantees the large-image layout instead of leaving it to fallback behavior, and the generator writes both sets from the same inputs at no extra effort.
How long until Google shows my new title and description?
After recrawling, which typically takes days to a few weeks depending on the site's crawl frequency. You can ask for a faster recrawl in Google Search Console via URL inspection. The description is also a suggestion, not a command: Google rewrites it when it thinks page content matches the query better.
Worked example
Inputs:
- Page title (56 characters):
HexKit — Tiny Tools for Builders | Free Online Utilities - Meta description (140 characters):
HexKit is a free collection of tiny online tools for builders: generators, formatters, counters, and SEO utilities that run in your browser. - Canonical URL:
https://yhstky.shop/
The generator outputs:
`html <title>HexKit — Tiny Tools for Builders | Free Online Utilities</title> <meta name="description" content="HexKit is a free collection of tiny online tools for builders: generators, formatters, counters, and SEO utilities that run in your browser."> <link rel="canonical" href="https://yhstky.shop/"> <meta name="robots" content="index, follow"> <meta property="og:title" content="HexKit — Tiny Tools for Builders | Free Online Utilities"> <meta property="og:description" content="HexKit is a free collection of tiny online tools for builders: generators, formatters, counters, and SEO utilities that run in your browser."> <meta property="og:type" content="website"> <meta property="og:url" content="https://yhstky.shop/"> <meta name="twitter:card" content="summary_large_image"> `
Both strings sit inside the safe display ranges (56 ≤ 60, 140 ≤ 160), so the SERP preview shows the full title and description with no truncation ellipsis. The og: properties implement the Open Graph protocol.