Meta Tag Generator - Free Online SEO Meta Tags Generator

Free online meta tag generator. Generate meta title, description, keywords, Open Graph, Twitter Card tags with live preview. Copy ready-to-use HTML meta tags.

Advertisement

Loading tool...

Advertisement

How to Use the Meta Tag Generator

  1. Fill in your page details — enter the page title, meta description, keywords, canonical URL, and site name
  2. Customize OG tags — Open Graph tags (og:title, og:description, og:image, og:url) auto-generate from your input
  3. Set Twitter Card — Twitter Card tags populate automatically based on your OG data
  4. Preview in search results — see how your snippet will look on Google, Facebook, and Twitter
  5. Copy the HTML — click the copy button to grab all meta tags as ready-to-use HTML

Perfect for SEO professionals, content publishers, and web developers.

Features

  • Complete meta set — title tag, meta description, keywords, viewport, charset, and canonical URL
  • Open Graph tags — og:title, og:description, og:image, og:url, og:type, og:site_name
  • Twitter Cards — twitter:card, twitter:title, twitter:description, twitter:image
  • Live search preview — see how your page title and description appear in Google search results
  • Social card preview — Facebook, LinkedIn, and Twitter card previews update in real time
  • One-click copy — copy all tags as a single block of HTML
  • No data sent — everything runs locally in your browser

Use Cases

SEO professionals use the meta tag generator to craft optimized title tags and descriptions before handing them to developers. The live preview ensures titles don’t get truncated (over 60 characters) and descriptions stay within the 155-160 character limit.

Content publishers need consistent Open Graph tags so their articles look great when shared on social media. The generator ensures every article has proper og:title, og:description, and og:image tags without digging into code.

Web developers use the tool to quickly generate meta tag snippets for client sites. Instead of writing tags from scratch for every page, they fill in the form and copy the output directly into the HTML head section.

FAQ

What is the ideal meta title length?

Google typically displays the first 50-60 characters of a title tag. Keep your title under 60 characters to avoid truncation in search results.

How long should a meta description be?

The ideal meta description length is 150-160 characters. Descriptions longer than this may be truncated in search results, though Google sometimes rewrites them entirely.

Do I need both OG tags and Twitter Cards?

Yes. Facebook, LinkedIn, and Slack use Open Graph tags. Twitter uses its own Twitter Card tags. Having both ensures your content looks great everywhere it’s shared.

For best results, use an image that is at least 1200 x 630 pixels for Open Graph and 1200 x 600 pixels for Twitter Cards. Use a 1.91:1 aspect ratio.

Can I use this for an existing page?

Yes. If your page already has meta tags, paste them in to see a preview. If not, generate new ones and replace the existing tags in your HTML head.

Tips

  • Place your primary keyword near the beginning of the title tag for better SEO impact
  • Each page should have a unique meta description — avoid duplicating across your site
  • Use action-oriented language in descriptions to improve click-through rates (CTR)