Meta Tag Generator
Meta Tag Generator
Generate HTML meta tags.
Runs entirely in your browser
How to use this tool
- Fill in the inputs.
- Read the result.
- Copy or download as needed.
About the Meta Tag Generator
The Meta Tag Generator produces a ready-to-paste block of HTML `<meta>` and `<link>` tags for a web page, covering the essentials search engines and social platforms look for: title, description, keywords, canonical URL, author, robots directives, and Open Graph tags for rich previews on platforms like Facebook and LinkedIn, plus a Twitter card type.
Rather than hand-writing this boilerplate HTML and risking a typo in an attribute name, you fill in a form and copy out a correctly formatted set of tags ready to place in your page's `<head>` section.
Each field you fill in generates its corresponding standard HTML tag: the page title becomes a `<title>` element, the description becomes a `<meta name="description">` tag, and so on through keywords, canonical link, author, and robots directives. Open Graph fields (title, description, image) generate `<meta property="og:...">` tags, which are read by social platforms and messaging apps to build the preview card shown when your link is shared.
Every value you enter is escaped for special HTML characters like ampersands and quotation marks before being inserted into the generated tags, which prevents the output from accidentally producing broken or invalid HTML. Only fields you actually fill in produce a tag — empty fields are simply skipped in the final output.
Common use cases
- Quickly generating a complete, correctly formatted meta tag block for a new web page.
- Setting up Open Graph tags so a page displays an attractive preview when shared on social media.
- Adding a canonical URL tag to prevent duplicate content issues in search engines.
- Creating consistent robots directives (like "index, follow" or "noindex, nofollow") across a site's pages.
- Learning the correct HTML syntax for common SEO and social sharing meta tags.
Tips and best practices
- Search engines typically display only the first 50–60 characters of a title tag and around 150–160 characters of a meta description, so keep both concise and front-load the important information.
- Open Graph images should generally be at least 1200×630 pixels for the best appearance across most social platforms.
- Use the canonical tag whenever the same or very similar content is accessible from more than one URL, to tell search engines which version is the primary one.
- The robots meta tag accepts multiple comma-separated directives, such as "noindex, follow", which are commonly used together for pages you want followed but not shown in search results.
