Free Tool · On-Page SEO

Meta Tag Generator

Generate clean, copy-paste SEO meta tags, Open Graph and Twitter Card markup with a live Google result and social-share preview. Free, no signup.

Free · No signup · Runs in your browser · Updated

Google preview

blackandgoldseo.com
Free Meta Tag Generator | Black & Gold SEO
Generate clean, copy-paste SEO meta tags, Open Graph and Twitter Card markup with a live Google and social preview.

Social share card

No share image set
blackandgoldseo.com
Free Meta Tag Generator | Black & Gold SEO
Generate clean, copy-paste SEO meta tags, Open Graph and Twitter Card markup with a live Google and social preview.

Copy into your <head>

html
<title>Free Meta Tag Generator | Black &amp; Gold SEO</title>
<meta name="description" content="Generate clean, copy-paste SEO meta tags, Open Graph and Twitter Card markup with a live Google and social preview." />
<meta name="robots" content="index, follow" />
<link rel="canonical" href="https://blackandgoldseo.com/tools/meta-tag-generator/" />

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:title" content="Free Meta Tag Generator | Black &amp; Gold SEO" />
<meta property="og:description" content="Generate clean, copy-paste SEO meta tags, Open Graph and Twitter Card markup with a live Google and social preview." />
<meta property="og:url" content="https://blackandgoldseo.com/tools/meta-tag-generator/" />
<meta property="og:site_name" content="Black &amp; Gold SEO" />

<!-- Twitter / X -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Free Meta Tag Generator | Black &amp; Gold SEO" />
<meta name="twitter:description" content="Generate clean, copy-paste SEO meta tags, Open Graph and Twitter Card markup with a live Google and social preview." />

A meta tag generator builds the <head> tags that tell Google, social networks and AI answer engines what your page is — its title, description, canonical URL, robots directives, and Open Graph / Twitter Card data — and outputs clean, copy-paste HTML you can drop straight into your page. This one runs entirely in your browser: type your fields once, watch the Google result and social-share previews update live, then copy the generated tags. Nothing is uploaded, nothing is stored, and there's no signup.

Meta tags are the single highest-leverage HTML you control. A good <title> and meta description shape how your snippet reads in search and how often people click it; a canonical tag tells Google which URL is the real one and consolidates duplicate pages; robots directives decide whether a page is indexed and followed at all; and Open Graph plus Twitter Card tags control the headline, copy and image that appear when your link is shared on LinkedIn, Facebook, X, Slack or iMessage. Get them wrong and you leak clicks, split ranking signals, or ship a page Google quietly drops from its index.

Use this tool to hand-build correct tags for one page at a time and see exactly how they'll render before you publish. It's the manual, transparent version of work that Black & Gold SEO automates across an entire site — generating, validating and shipping these tags for every page from one place.

How to use it

  1. 1

    Enter your core tags

    Fill in the page Title and Meta Description. The live Google preview shows your snippet as it would appear in search results, with character guidance so you can see when a title is likely to be truncated (Google renders roughly 580–600px, about 50–60 characters) or a description gets cut off (around 150–160 characters).

  2. 2

    Set the canonical and robots directives

    Add the Canonical URL (the single, absolute https:// version of this page you want indexed) to consolidate duplicates, and choose your robots directives — index/noindex, follow/nofollow, and options like noarchive or max-image-preview — to control exactly how search engines treat the page.

  3. 3

    Add Open Graph and Twitter Card fields

    Fill in og:title, og:description, og:image, og:type and twitter:card. The social-share card preview renders how your link will look when posted, so you can confirm the headline, copy and image are right before anyone shares it.

  4. 4

    Copy the generated HTML

    The tool outputs a clean, correctly ordered block of <head> meta tags. Copy it with one click and paste it into your page's <head> — directly in your template, your CMS's head/SEO field, or your framework's metadata config.

  5. 5

    Validate and ship

    Confirm the canonical resolves to a live 200 URL, check your card in the platform debuggers (Facebook Sharing Debugger, X Card Validator, LinkedIn Post Inspector), and publish. Re-run any page whose title, URL or hero image changes.

Most meta-tag mistakes are silent. Two pages can carry the same generic description, a staging URL can ship with a leftover noindex, or a canonical can point at a 404 or the wrong page — and the site looks fine until rankings and click-through quietly slide. Writing tags by hand in a tool with a live preview forces the small decisions that matter: a title that earns the click and front-loads the keyword, a description that reads like ad copy rather than a stuffed keyword list, and one unambiguous canonical per page. Treat the description as conversion copy, not a ranking lever — Google often rewrites descriptions, but a sharp one still wins clicks when it's kept.

Open Graph and Twitter Card tags are where teams lose the most distribution for the least reason. Without og:title, og:description and a correctly sized og:image (1200×630 is the safe default), social platforms scrape whatever they can find — frequently the wrong heading, a stray sentence, or no image at all — and your link lands flat in every feed and DM where it's shared. Setting them explicitly, and previewing the card before you post, is the difference between a share that gets clicked and one that gets scrolled past. Remember the platforms cache aggressively: if you change an image, re-scrape the URL in the platform's debugger so the new card propagates.

This is genuinely useful for a handful of important pages. The problem is scale and drift. A real site has hundreds or thousands of URLs, and titles, canonicals and share images go stale every time a product, author or template changes. Hand-generating and pasting tags one page at a time doesn't hold up across a growing site — which is exactly the gap an execution-first platform is built to close.

More free SEO tools

See all free SEO tools or compare Black & Gold SEO vs other platforms.

Questions

Frequently asked

What is a meta tag generator and is this one free?

A meta tag generator is a tool that builds the <head> HTML tags — title, meta description, canonical, robots, and Open Graph / Twitter Card tags — from the values you enter, then outputs clean copy-paste code. This one is completely free, runs entirely in your browser, and requires no account. Nothing you type is uploaded or stored.

What meta tags does every page actually need?

At minimum: a unique <title>, a meta description, a canonical link, and a robots directive (usually index, follow). For any page you expect to be shared, add Open Graph tags (og:title, og:description, og:image, og:type, og:url) and a twitter:card tag. Keywords meta tags are obsolete — Google has ignored them for years, so don't bother adding one.

How long should a title tag and meta description be?

Aim for a title around 50–60 characters so it isn't truncated in search (Google measures pixels, roughly 580–600px, not characters). Keep meta descriptions to about 150–160 characters. The live preview in this tool shows you when either is at risk of being cut off so you can tighten the copy before publishing.

Do meta tags improve my Google rankings?

Indirectly. The title tag is a real ranking signal and strongly influences click-through. Meta descriptions aren't a ranking factor but drive clicks when Google uses them. Canonical and robots tags don't boost rankings directly — they prevent the problems (duplicate content, wasted crawl, accidental noindex) that quietly suppress them. So good tags don't add points so much as stop you from losing them.

What's the difference between Open Graph and Twitter Card tags?

Open Graph (og:*) is the protocol most platforms read — Facebook, LinkedIn, Slack, iMessage and others — to build a link preview. Twitter/X Card tags (twitter:*) are X's own format. They overlap heavily, so X falls back to your Open Graph tags if Twitter-specific ones are missing; the main extra you set is twitter:card (usually summary_large_image). This generator outputs both so your preview looks right everywhere.

Where do I put the generated meta tags?

Inside the <head> of your page's HTML. If you hand-code, paste them directly into <head>. In a CMS like WordPress, use your SEO plugin's title/description/social fields or a custom head snippet. In a framework like Next.js, set them in the metadata export or head config rather than pasting raw tags. Always make sure there's only one canonical and one title per page.

Generate tags by hand here. Let Black & Gold SEO do it for every page.

This tool is perfect for one page at a time — but a real site has hundreds of titles, canonicals and share images that drift the moment a template or product changes. Black & Gold SEO generates evidence-grounded meta and Open Graph tags across your whole site, flags the duplicates, missing canonicals and accidental noindex tags an audit usually misses, and ships the approved fixes straight to your pages through a one-line snippet or hosted publishing — not just another to-do list. Plans start at $49.99/mo for one site.