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.

Page basics

Aim for about 60 characters. 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 silently fail on every social platform.

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, with the same truncation rules search engines apply. 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, not your <title>. This generator writes the full set, so your link never lands as a bare grey URL.

  • 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 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 in 2026?

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. Meta keywords have been ignored by Google for well over a decade, so treat that field as optional.

How long should my title and meta description be?

Aim for roughly 50 to 60 characters for the title and 150 to 160 for the description. 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, which is the 1.91:1 ratio every major platform crops to. Keep the file under about 5 MB, use an absolute HTTPS URL rather than a relative path, and avoid putting critical text near the edges because different platforms crop slightly differently. 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 site 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.