Free Tool · Generator

Meta Tag Generator

Build a complete, validated set of HTML meta tags — title, description, robots, canonical, Open Graph, Twitter cards, and more.

Basic SEO

Title

Shown as the clickable heading in Google + as the tab title. Aim for 50–60 visible characters.

Meta description

Aim for 130–155 characters of useful summary.

Canonical URL

The single, definitive URL for this page (prevents duplicate-content issues across www / non-www / trailing-slash / tracking-parameter variants).

Language

BCP-47 language tag. We add it as a comment reminding you to set it on your <html lang="…"> element.

Robots / indexing

Index

Extras (advanced)

Open Graph (Facebook, LinkedIn, Slack, Discord)

og:type

og:title

og:description

og:image URL

Recommended: 1200×630 PNG/JPG < 5 MB.

Image width

Image height

og:image alt text

og:site_name

og:locale

X / Twitter card

twitter:card

twitter:site (handle)

twitter:creator (handle)

twitter:image (override og:image)

Mobile / PWA (optional)

theme-color

Sets the browser address-bar tint on Chrome / Safari mobile.

Google · Desktop SERP

example.com

Your page title

Your meta description will appear here.

Title0 / 580 px

Description0 / 990 px

4 hints

Title is empty — Google will pull a heading from the page instead.
Description is empty — Google will auto-generate one from page content (may not match your message).
No canonical URL — duplicate-content risk if your page is reachable at multiple URLs.
No og:image — your page won't generate a preview card on Facebook, LinkedIn, Slack, or Discord.

HTML snippet

htmlDrop this inside your <head>

<!-- Set <html lang="en"> on your root element -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:type" content="website">
<meta property="og:locale" content="en_US">
<meta name="twitter:card" content="summary_large_image">

Automate it with Rankrize

Writing meta tags for 50+ pages?

Rankrize generates titles, descriptions, OG, and Twitter card tags automatically per article — pixel-validated and char-budget-aware. See it on your site with a free analysis.

Run free site analysisOne free per account · No credit card

How to use

How to use the Meta Tag Generator

Write the title for humans, not for keywords
Google rewrites stuffed titles. A clear, benefit-led title with one primary keyword near the front beats a keyword-stuffed string. Aim for 50–60 visible characters — anything past ~580 pixels gets truncated to '…' in desktop SERPs (the live preview shows you the exact cutoff).
Treat the meta description as your SERP ad copy
Google uses the description as the snippet under your title in ~70% of impressions. Write it like a 130–155 character ad — what's the page about, what will the reader get, why should they click. Avoid duplicate descriptions across pages; they compete for the same impressions.
Always set a canonical URL — even on the URL itself
Self-referencing canonicals (a canonical pointing to the page's own URL) are not redundant — they prevent tracking parameters, A/B test variants, and trailing-slash duplicates from being indexed as separate pages. Every page should have a canonical, even if it's just pointing to itself.
Use og:image at exactly 1200×630 PNG or JPG
1200×630 (1.91:1 aspect ratio) is the size Twitter, Facebook, LinkedIn, Slack, Discord, and iMessage all crop without distortion. Smaller images get downsampled to a small thumbnail that loses your message. Always specify og:image:width + og:image:height — they prevent the preview from rendering blank while the image loads.
Set twitter:card before your competitors do
Without twitter:card, X falls back to a tiny URL-only card. With twitter:card = summary_large_image and og:image set, you get the full-bleed card that drives 4–5× more clicks. The Twitter handles (twitter:site, twitter:creator) get analytics attribution back to you when others share your link.
If og:type is article, also set article:author + published_time
Article-typed Open Graph tags signal to Facebook + LinkedIn that this is editorial content. Set article:author as the URL of an author profile page (matching schema.org Person markup), article:published_time + modified_time as ISO 8601, and article:section + tag for vertical attribution. AI search engines also use these for E-E-A-T scoring.

Frequently asked questions

About the Meta Tag Generator

Inside the <head> tag of every page. On WordPress, use a header-script plugin (or the theme's header.php). On Webflow, use the page settings → Custom Code → Inside <head>. On Framer, page settings → SEO → Custom code. On Shopify, theme.liquid head section. On Next.js, the metadata export covers most of it natively. On a static HTML site, just paste it into <head>.

Pixels. Google truncates Arial-rendered text past ~580 px on desktop SERPs and ~540 px on mobile — independent of character count. A title with capital letters and wide characters (W, M) hits the limit faster than one with lowercase narrow characters (i, l). The live preview in this tool measures pixel width with the same canvas API Google uses, so the truncation you see is what users will actually see.

Twitter falls back to og:image when twitter:image isn't set, so technically no. But specify twitter:image only if you want a different image on X (e.g., a 1:1 crop instead of the 1.91:1 OG image). This generator inherits twitter:image from og:image automatically when twitter:image is empty.

Yes — noindex prevents Google from indexing the page. Use noindex, follow when you want the page hidden from search but still want Google to crawl outbound links (most common for staging). Use noindex, nofollow when the page is fully private. Don't rely on robots.txt to hide a page from search; noindex on the page itself is more reliable.

Google rewrites titles when its analysis suggests the on-page H1, anchor text from inbound links, or other content is more relevant to the query. Common reasons it overrides your title: keyword stuffing, mismatch with page content, repeated brand suffixes, missing H1, or generic/duplicate titles. The fix: write descriptive, page-specific titles that match the H1 and the actual content.

100% free. No sign-up, no rate limits, no watermark. The tool runs entirely in your browser — your input never leaves your device. We pay for hosting because the paid Rankrize platform (rankrize.io) automates this same generation as one stage of an 8-stage SEO content pipeline. The free tools exist so you can see the quality before you buy.

Most meta tags don't directly improve rankings — Google explicitly ignores meta keywords, http-equiv content-language, and revisit-after. But the right meta tags improve click-through rate (better titles + descriptions), social-preview quality (Open Graph + Twitter cards), and discoverability for AI search engines (article:* + og:type). All of which translate downstream into more traffic.

More free tools

The full Rankrize free toolkit

Schema Markup Generator

Generate validated JSON-LD schema markup for 9 types — paste-ready for your site.

Google SERP Preview

See how your title and description render on Google desktop, mobile, and as a social card — with real pixel-width truncation.

Core Web Vitals Checker

Real Core Web Vitals from Google PageSpeed Insights — LCP, INP, CLS, FCP, TTFB. Lab + field data, mobile + desktop.

You're here