Meta Tag Generator Online Free
Fill in your page details and get ready-to-use SEO meta tags and Open Graph tags instantly.
How this meta tag generator builds a full head block and grades it as you type
This tool runs entirely in your browser. There is no fetch call, no proxy, no server round trip anywhere in the source. Every field you type updates a live output on the input and change events, and the output is three separate blocks of markup: the primary tags every page needs, an Open Graph block for Facebook and LinkedIn, and a Twitter Card block, each buildable and copyable on its own tab.
The length rules baked into the counters
The title and description fields are not just text boxes, they carry live character counters tied directly to Google’s search snippet behavior. These are the exact thresholds the tool checks on every keystroke.
What gets generated in each block
| Block | Tags included |
|---|---|
| Primary | title, meta name title, meta description, optional keywords and author, meta robots, meta googlebot, optional viewport, optional canonical link |
| Open Graph | og:type, og:url, og:title, og:description, og:image plus fixed og:image:width 1200 and og:image:height 630 when an image URL is set, og:site_name pulled from the hostname of your URL field |
| Twitter Card | twitter:card, twitter:url, twitter:title, twitter:description, twitter:image, twitter:site |
Open Graph and Twitter title and description fall back to the primary title and description if you leave the social specific fields blank, so you never end up with an empty social tag as long as the primary fields are filled in.
The seven point checklist
Below the generated code sits a running checklist, evaluated fresh on every update: title length between 20 and 60, description length between 70 and 160, a canonical URL present, an OG image present, the page set to index, links set to follow, and a viewport tag present. Each renders as a pass or a warning icon so you can see at a glance what is missing before you copy the code out.
og:image dimensions
The 1200 by 630 pair is the widely recommended aspect ratio for link previews across Facebook, LinkedIn and Slack, roughly 1.91 to 1. The tool always emits this pair once an image URL exists, so if your actual image uses a different ratio you should adjust these two values by hand before publishing.
og:site_name derivation
Pulled by splitting your URL field on the slash character and taking the third segment, which is the hostname portion of a standard https://host/path string. No separate site name field exists.
Meta tag documentation
- Google’s title link guidance explains when and why Google rewrites a page title in search results.
- Google’s snippet documentation covers how meta descriptions are used, and when they are ignored in favor of on-page text.
- The robots meta tag reference lists every valid directive, including noarchive, nosnippet and noimageindex.
Tags worth getting right
Drafting a new landing page’s head block before a CMS template exists, quickly checking whether an existing title or description falls outside Google’s comfortable length range, generating a consistent social preview across a batch of blog posts, and handing a developer a copy and paste ready snippet instead of a checklist of instructions.
Questions About Meta Tag Generator Online Free
Yes. Completely free with no signup and no data sent to any server.
Between 150 and 160 characters. The tool shows a character counter so you can stay within the limit.
1200 by 630 pixels is the standard size. It works across Facebook, LinkedIn and Twitter.
Yes for full coverage. Meta tags are read by search engines. Open Graph tags control how your link appears when shared on social media.
A canonical URL tells search engines which version of a page is the authoritative one. Useful when you have duplicate content at multiple URLs.
From the blog
Search, without the guesswork
What actually moves rankings and what is folklore.
