What is a meta tag generator?
Every page on your site should tell search engines and social networks what it is about. That information lives in meta tags inside the <head> of the HTML. Writing them by hand is easy to get wrong: a missing quote, a forgotten og:url, a title that runs too long.
This meta tag generator gives you a form instead. You type the page title and description, add a canonical URL, optional keywords and author, choose a robots value and an Open Graph type, and press Generate Meta Tags. The tool builds one block of code with three sections: basic SEO tags, Open Graph tags for Facebook and LinkedIn, and Twitter Card tags.
Two small progress bars count your characters against 60 for the title and 160 for the description, so you can see when you are about to be truncated. Be aware of what it does not do. It does not look at your live page, it does not check whether your image URL works, and a few values are fixed placeholders that you will need to edit, such as the site name. Treat the output as a clean starting point, then review it.
How to generate meta tags for a page
- Type your page title into Page Title. The counter shows characters used out of 60, and the bar turns yellow near the limit and red above it.
- Write the Meta Description. Aim to stay under the 160-character mark shown beside the label.
- Paste the full address of the page into Canonical URL, including https://.
- Optionally fill in Keywords, Author Name and choose a Robots value such as noindex, follow.
- Add an OG Image URL and pick an OG Type (website, article, product or profile).
- Click Generate Meta Tags, then Copy All, and paste the result inside the head of your page.
What this meta tag generator outputs
Live length counters
The title and description fields count characters as you type and colour a progress bar green, yellow or red against 60 and 160.
Three tag groups in one block
The output is split into basic SEO tags, Open Graph tags and Twitter Card tags, each with a comment header so you can find and delete what you do not need.
Canonical link
If you enter a canonical URL, the tool adds a link rel="canonical" tag and reuses the same address for og:url.
OG type selector
Choose website, article, product or profile. The value goes straight into og:type.
Image tags included
With an OG image URL, you get og:image plus 1200 by 630 width and height tags and a matching twitter:image.
One-click copy
The Copy All button copies the whole block to your clipboard. Clear resets the form.
Who uses it, and for what
- Developers hand-coding a static site. You have ten HTML pages and no CMS plugin. Generate the head tags for each page in a minute and paste them in.
- Bloggers on a custom theme. If your theme does not output Open Graph tags, you can generate them for a single post and test how it looks when shared.
- Freelancers handing over a launch checklist. Produce a consistent set of tags for the home, about and contact pages, then check them with the Meta Tag Analyzer.
- Marketers preparing a landing page. Write the title and description in the form, watch the counters, and then check the snippet in the SERP Preview Tool.
Tips before you paste the tags
- Replace
Your Site Namein theog:site_nameline. The tool outputs that placeholder text and does not know your brand. - The tool outputs
summary_large_imagefor the Twitter card and fixed 1200 by 630 image dimensions. If your image is a different size, edit those lines. - Avoid double quotes inside the title or description. The tool does not escape them, so a quote can break the attribute.
- Use a different title and description on every page. Copying the same pair across a whole site makes pages hard to tell apart in results.
- Skip the keywords field unless you have a reason. Google does not use the meta keywords tag for ranking.
- Leave out the OG Image URL if you have no image yet. Do not point to a file that does not exist.
Is it safe? Privacy and limits
Everything happens in your browser. The text you type is turned into code by JavaScript on the page, and nothing is uploaded or stored by the tool. The only network use is when you click Copy All, which writes to your own clipboard. The tags are generated from your input only, so check them yourself before publishing. They are suggestions, not a guarantee of rankings.
Meta tag generator FAQ
It builds the HTML tags that describe a page, based on text you enter. You supply a title, description, canonical URL and a few options. The tool then writes a title tag, meta description, canonical link, Open Graph tags and Twitter Card tags in one block. You copy that block into the head of your page. It does not edit your site or read your live page. It only produces code you paste yourself, which makes it useful when you do not want to install an SEO plugin for a handful of pages.
It outputs a title tag and a name="title" tag, a meta description, optional keywords and author tags, and a canonical link. It adds Open Graph tags: og:title, og:description, og:url, og:type, og:site_name and, if you give an image, og:image with width and height. It also adds twitter:card, twitter:title, twitter:description and twitter:image. The robots selection is a dropdown in the form. Tags only appear when the matching field has a value, apart from og:type, og:site_name and twitter:card, which are always included.
Keep titles near 60 characters and descriptions near 160, which is what the counters in this tool use. These are rules of thumb, not hard limits. Google truncates by pixel width on the results page, so a title full of wide letters can be cut earlier than one with narrow letters. Google may also rewrite your description if it thinks another passage suits the search better. To see how your text is likely to look, paste it into the SERP Preview Tool after generating it.
That is a fixed placeholder in the og:site_name line. The form has no field for your site name, so the tool cannot fill it in. Before publishing, search the generated code for Your Site Name and replace it with your brand or site name, or delete the line if you do not want it. The same goes for the 1200 by 630 image size. The tool adds those values whenever you provide an OG image, so edit them if your image has other dimensions.
No. Google has said it does not use the keywords meta tag for ranking, and most other major search engines ignore it too. The field is optional here for people who need it for an internal system or an older CMS. If you leave it blank, no keywords tag is added. Spend your time on the title and description instead, since those can change how people see your result. Adding a long list of keywords can also reveal your targeting to competitors without any benefit to you.
Open Graph tags are read by Facebook, LinkedIn and many chat apps to build a link preview. Twitter Card tags do the same job on X, formerly Twitter. X falls back to Open Graph tags when its own tags are missing, but including both gives you control. This tool writes both sets from the same inputs. If you want finer control over the Twitter side, such as choosing the smaller summary card, try the Twitter Card Generator, or the Open Graph Generator for more social options.
Yes, but check how your platform already handles meta tags. Most SEO plugins and many themes output a title, description and Open Graph tags automatically. If you paste a second set, the page may have duplicates, and duplicates can confuse social scrapers. For WordPress, use the plugin's own fields where possible. This generator suits custom HTML, static sites, landing pages built outside a CMS, and one-off pages where you place code in the head by hand.
Yes, it is free and there is no account or signup. You open the page, fill in the form and copy the result. There is no daily limit on how many sets of tags you generate. The tool works in your browser, so it also works if you are offline once the page has loaded. Remember that free does not mean automatic quality. The tool formats what you type, so the usefulness of the tags depends on the title and description you write.
Open the live page in your browser, view the source and confirm the tags are inside the head. Then run the page through the Meta Tag Analyzer to check lengths and missing items. For social previews, share the URL in a private chat or use the Facebook sharing debugger, since platforms cache previews and may show old data for a while. If the preview does not update, clear the cache using the platform's own debug tool.