Upload

Drag-n-Drop

to upload your archive

Upload

Free Domain Name
Try another
Full Name
Email
Password
I have an account

Meta Tag Generator

Build SEO and Open Graph tags in seconds

Fill in your page title, description and share image, and watch a complete, correctly escaped <head> snippet build itself as you type. You also get a live Google result preview and a social card preview, so you can see how your link will look in search and in a chat message before you publish it. The generator is free, needs no signup, and runs entirely in your browser.

Page basics

Aim for about 60 characters; this is your meta title in search results. Put the distinctive words first, because that is what survives truncation.

Around 160 characters. It does not affect ranking directly, but it is the sales line people read before deciding to click.

The single address you want indexed. Also reused as og:url and as the domain in both previews.

Google ignores this tag, but some internal search engines and CMSs still read it. Leave it empty if you do not need it.

Sharing and indexing

Use an absolute URL, 1200×630 pixels, under about 5 MB. Relative paths fail on most social platforms, so always use the full https:// address.

Pick noindex for staging copies, thank-you pages and anything you do not want showing up in search.

Include boilerplate

Google result preview

Social card preview

  • See the result before you publish

    The Google snippet and the social card update on every keystroke, trimmed to the same length limits Google works to (about 60 and 160 characters). You find out that your title is being cut mid-word here, not a week after launch.

  • Open Graph and Twitter, not just SEO

    A link shared in Slack, WhatsApp, LinkedIn or X reads og: and twitter: tags before your <title>. This generator writes the full set, so you control exactly what the card shows instead of hoping the fallback looks right.

  • Correctly escaped, every time

    Ampersands, quotes and angle brackets in your copy are escaped as you type, so a title like Tips & Tricks for "Fast" Sites produces valid HTML instead of a broken tag.

How to generate meta tags online

  • 1

    Type your title, description and canonical URL, then add an image URL for the share card.

  • 2

    Watch the previews and character counters until the title and description fit inside the recommended lengths.

  • 3

    Copy the snippet, or download it as a file, and paste it between the <head> tags of your page.

Everything you need to get your <head> right

  • Nothing leaves your browser

    The generator is plain JavaScript running on this page. Unreleased product names and staging URLs stay on your machine, because there is no request to send them anywhere.

  • Only the tags you actually filled in

    Empty fields are dropped instead of shipping as content="". An empty description tag is worse than none, because it tells crawlers you deliberately have nothing to say.

  • Copy, download, or keep iterating

    Grab the snippet with one click, or download it as meta-tags.html to hand to a developer. Load the sample first if you want a complete, realistic starting point.

Meta tags ready? Publish the page with free static hosting

Select File
or drop your archive to upload

Frequently asked questions

What are meta tags?

Meta tags are short snippets of HTML that live in your page's <head> and describe the page to search engines, browsers and social platforms. Visitors never see them directly, but they decide how your page appears in Google results and how a shared link renders on Facebook, LinkedIn or X.

What is a meta tag generator?

A meta tag generator builds the block of <meta> and <link> tags that belongs in your page's <head>. You fill in a title, description, canonical URL and preview image, and the tool writes the correctly formatted SEO tags, Open Graph tags and Twitter Card tags for you, so you do not have to remember which property name each network expects.

Which meta tags actually matter for SEO?

Only a handful. The title tag and meta description shape how your page appears in search results and directly affect click-through rate. The canonical link tells Google which URL is the original when the same content is reachable at several addresses. The robots meta tag controls indexing and link following. The viewport and charset tags matter for rendering.

Do meta keywords still matter for SEO?

No. Google confirmed back in 2009 that it ignores the meta keywords tag, and the other major engines followed. Stuffing it does nothing for rankings and only shows competitors the terms you target, which is why this generator treats the field as optional and most modern pages simply leave it out.

How long should a meta title and meta description be?

Your meta title (the title tag) should be roughly 50 to 60 characters, and the meta description 150 to 160. Google truncates by pixel width rather than character count, so those numbers are guidelines, not hard limits. The generator shows a live counter and warns you when you go over, plus a Google-style preview so you can see where the text would be cut off.

What is the difference between Open Graph and Twitter Card tags?

Open Graph is the shared standard originally created by Facebook and now read by LinkedIn, WhatsApp, Slack, Discord and most other platforms. Twitter Cards are X's own set of twitter: tags. X falls back to Open Graph when the Twitter tags are missing, so at minimum you need a complete og: set; adding twitter:card and twitter:site gives you control over the exact layout X uses.

What image size should I use for og:image?

Use 1200 x 630 pixels (1.91:1), the size Facebook and LinkedIn use natively. X crops its large card closer to 2:1, so keep critical content centered away from the top and bottom edges. Keep the file under about 5 MB and use an absolute HTTPS URL rather than a relative path. Once your tags are live you can confirm what the networks actually see with our Open Graph Checker.

Is my data sent to a server?

No. The meta tag generator runs entirely in your browser using plain JavaScript. Nothing you type is uploaded, logged or stored, and the tool keeps working if you go offline after the page has loaded.

Where do I put the generated tags?

Paste the whole block inside the <head> element of your HTML document, before the closing </head> tag. If your page already has a title or description tag, replace it rather than adding a second one: duplicate title or canonical tags confuse crawlers. You can check the result with our HTML Validator.

Can I publish the page with these tags straight away?

Yes. Download the snippet, drop it into your HTML file, and host the website free on Static.app with a custom domain and automatic SSL. The rest of our SEO set fits the same workflow: build a sitemap, write a robots.txt, and generate a favicon before you go live.