freeonlinetools

What is Meta Tag Generator?

Meta Tag Generator creates complete HTML meta tags for your web pages. Enter your page title, description, keywords, and social media details to get properly formatted meta tags that improve search visibility and social sharing.

Fill in page title, description (around 155 characters works best for Google), keywords, author, canonical URL, robots directive, viewport, charset, then add Open Graph fields for Facebook/LinkedIn and Twitter Card fields for X. The output is a `<head>`-ready block of `<meta>` and `<link>` tags. Copy and paste into your HTML, Next.js metadata, or template head.

How to use

  1. Fill in your page title, description, author, and target keywords for basic SEO meta tags.
  2. Add Open Graph (Facebook) and Twitter Card metadata — title, description, image URL, and card type.
  3. Copy the complete meta tag HTML block and paste it into the <head> section of your web page.

When to use

  • Setting up SEO and social-share metadata for a static HTML landing page before launch.
  • Auditing an existing page by re-entering its values and seeing what's missing or too long.
  • Drafting tags in a brief for a developer who'll wire them into a CMS template.

Result

You're launching a product page and need meta tags. Enter 'Wireless Noise-Cancelling Headphones' as the title, write a 155-character description, and add your product image URL for the OG image tag.

FAQ

How long should the title and description actually be?
Aim for 50-60 characters on the title and 140-160 on the description. Google can truncate longer titles, and the description preview is around 920 pixels wide, which is roughly that character range.
Do I still need a `<meta name='keywords'>` tag?
Google has ignored it since 2009 and Bing largely treats it as a spam signal. Skip it unless you're targeting Yandex or Baidu, where it still has limited weight.
What's the difference between og:title and the regular `<title>`?
`<title>` controls the browser tab and Google result. `og:title` is what Facebook, LinkedIn, and Slack show when the page is shared. They can differ — the social title can be punchier, the page title more keyword-focused.
Which Twitter card type should I pick?
`summary_large_image` gives the biggest preview (1200×630 image) and works for most articles and product pages. Use `summary` only for short text-heavy posts where a thumbnail is enough.
Will adding a canonical tag fix duplicate-content issues?
It tells search engines which URL is the original when several pages have similar content. It's a hint, not a redirect; pair it with consistent internal links and HTTPS to make the signal strong.

Related Tools

Structured Data Generator

Generate JSON-LD schema markup for SEO

Webpage to PDF

Capture a webpage as a PDF

Privacy Policy Generator

Generate a privacy policy for your site

Terms of Service Generator

Generate a terms of service document

Cookie Consent Generator

Generate cookie consent banner code

CSS Minifier

Minify CSS code to reduce file size