Meta Tag Generator
Generate valid, copyable HTML metadata for a webpage, including SEO, canonical, Open Graph, and Twitter/X card tags.
Free and private: everything runs locally in your browser. Your entries are never sent to an API.
Generated HTML
Paste this inside your page's <head>. Review URLs and content before publishing.
Previews
Search result preview
Approximation only — Google may display a result differently.
Social share preview
Approximation of an Open Graph-style card.
Your description will appear here.
What are meta tags?
Meta tags are HTML elements in a page's <head> that describe the page to browsers, search engines, and sharing platforms. This generator creates common metadata without sending your content anywhere.
Which meta tags should a website have?
Most pages should have a descriptive <title>, meta description, canonical URL, and an intentional robots setting. Open Graph and Twitter/X tags are useful when people share the page. Keep the values accurate and specific to each page.
What is a meta description?
A meta description is a short summary that can help searchers understand a page. It is not a guaranteed ranking signal or guaranteed snippet; search engines may choose different text.
What are Open Graph and Twitter/X tags?
Open Graph tags describe how a URL can appear when shared on social platforms. Twitter/X card tags provide platform-specific hints such as a summary card or a large-image card. Neither guarantees an exact social preview.
What is a canonical URL?
A canonical URL identifies the preferred public URL for a page when similar or duplicate URLs exist. It should be an absolute URL that points to the page you want search engines to treat as primary.
FAQ
- Does this tool guarantee Google rankings?
- No. It creates useful HTML metadata, but no generator guarantees rankings, indexing, snippets, or social display.
- Does the tool require an account or API?
- No. It is a client-side utility and processes the form in your browser.
- Can I use noindex and nofollow?
- Yes. The checkboxes let you generate either directive, but only use them when that is genuinely what you want for the page.