Home/Tools/Meta Tag Generator
All Tools →
Meta Tag Generator

Free Meta Tag Generator

A meta tag generator creates the HTML meta tags - title, description, Open Graph, and Twitter Card - that tell search engines and social platforms how to display your page in results and link previews. Paste in your page details below to instantly generate copy-ready meta tags with live previews.

Everything runs in your browser - no signup, no tracking, no data leaves your device.

Page details

Fill in the fields below. Empty fields are excluded from the generated tags.

0 / 60

Recommended: 50-60 characters.

0 / 160

Recommended: 150-160 characters.

Recommended: 1200x630 PNG or JPG, under 5MB.

Generated meta tags

Copy and paste into the <head> of your HTML.

<!-- Set on the <html> tag: <html lang="en"> -->
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="robots" content="index,follow" />

<!-- Open Graph / Facebook / LinkedIn -->
<meta property="og:type" content="website" />

<!-- Twitter / X -->
<meta name="twitter:card" content="summary_large_image" />

Live previews

See exactly how your page will render in search results and social link cards.

N
example.comhttps://example.com

Your page title appears here

Your meta description appears here. Aim for 150-160 characters describing the page so users know what to expect when clicking through from search results.

How to Generate Meta Tags

  1. 1

    Enter your page title

    Type the page title - aim for 50-60 characters. The counter shades green when you're in the safe range.

  2. 2

    Add a meta description

    Write a 150-160 character description that summarizes the page and includes your primary keyword.

  3. 3

    Set Open Graph & Twitter fields

    Add an OG image (1200x630), pick the right og:type, and set the Twitter card style.

  4. 4

    Copy the generated tags

    Click Copy to grab the full block of meta tags ready to paste.

  5. 5

    Paste into your <head>

    Drop the tags into the <head> of your HTML or template.

Frequently Asked Questions

What are meta tags and why do they matter for SEO?

Meta tags are HTML elements in the <head> that describe a page to search engines and social platforms. The title and description appear in Google search results, and Open Graph tags control how your link looks when shared on Facebook, LinkedIn, and Slack. Good meta tags lift click-through rate even when rankings stay flat.

How long should my title and description be?

Aim for 50-60 characters for the title and 150-160 for the description. Google truncates anything longer with an ellipsis. The character counter on this tool shades green when you're in the safe range.

Do I need separate Open Graph and Twitter Card tags?

Twitter falls back to Open Graph tags if Twitter-specific ones are missing, but adding twitter:card and twitter:image lets you control the Twitter/X look independently - especially useful when your OG image isn't sized for the smaller Twitter card.

What's the difference between og:type 'website' and 'article'?

Use article for blog posts and news content (it unlocks article-specific properties like published time and author), and website for landing pages, marketing pages, and homepages. Most pages should be website.

Should I include a canonical URL?

Yes. The canonical tag tells Google which version of a page is the primary one when multiple URLs serve similar content (with/without query strings, http/https, www/non-www). It prevents duplicate-content issues and consolidates ranking signals.