DevKraken

Meta Tag Generator

By · Updated

Build the <head> meta tags for any page — title, description, canonical, Open Graph, and Twitter card — and see live previews of the Google result and the Facebook and X share cards as you type. Copy the tags when they look right. Everything runs in your browser.

Meta tag builder

Google result preview

A

Acme Analytics

example.com

Acme Analytics — Privacy-First Web Analytics

Cookieless, lightweight web analytics that shows the metrics that matter without collecting personal data. Set up in minutes, no consent banner required.

Facebook / LinkedIn

og:image preview

example.com

Acme Analytics — Privacy-First Web Analytics

Cookieless, lightweight web analytics that shows the metrics that matter without collecting personal data. Set up in minutes, no consent banner required.

X (Twitter)

image

Acme Analytics — Privacy-First Web Analytics

Cookieless, lightweight web analytics that shows the metrics that matter without collecting personal data. Set up in minutes, no consent banner required.

example.com

Generated <head> tags

<title>Acme Analytics — Privacy-First Web Analytics</title>
<meta name="description" content="Cookieless, lightweight web analytics that shows the metrics that matter without collecting personal data. Set up in minutes, no consent banner required." />
<meta name="robots" content="index, follow" />
<link rel="canonical" href="https://example.com/" />

<!-- Open Graph (Facebook, LinkedIn, Slack, Discord) -->
<meta property="og:type" content="website" />
<meta property="og:title" content="Acme Analytics — Privacy-First Web Analytics" />
<meta property="og:description" content="Cookieless, lightweight web analytics that shows the metrics that matter without collecting personal data. Set up in minutes, no consent banner required." />
<meta property="og:url" content="https://example.com/" />
<meta property="og:site_name" content="Acme Analytics" />
<meta property="og:locale" content="en_US" />
<meta property="og:image" content="https://example.com/og-image.png" />

<!-- Twitter / X card -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Acme Analytics — Privacy-First Web Analytics" />
<meta name="twitter:description" content="Cookieless, lightweight web analytics that shows the metrics that matter without collecting personal data. Set up in minutes, no consent banner required." />
<meta name="twitter:site" content="@acme" />
<meta name="twitter:image" content="https://example.com/og-image.png" />

What each tag does

The tags this generator writes, and the length search engines and social platforms expect.

Tag What it does Recommended
<title> The clickable headline in search results and the browser tab. ≤ 60 chars
meta description The snippet under the title in search results. 120–160 chars
link canonical The preferred URL when the same page is reachable at several addresses. absolute URL
meta robots Whether search engines may index the page and follow its links. —
og:title / og:description Headline and text on Facebook, LinkedIn, Slack, and Discord shares. inherits title/desc
og:image The preview thumbnail shown when the page is shared. 1200×630
twitter:card Which card layout X renders — large image or small thumbnail. —

Open Graph, Twitter cards, and your image

Open Graph tags (og:*) control how a link looks when it's shared on Facebook, LinkedIn, Slack, Discord, WhatsApp, and most messaging apps. X reads its own twitter:* tags but falls back to Open Graph when they're missing, so the two sets overlap.

The single most important one is og:image. Use an absolute https:// URL, size it around 1200×630 (the 1.91:1 ratio every platform crops to), and keep it under about 5 MB. Anything smaller than 600×315 drops to a small thumbnail instead of the large card.

After you publish, run the URL through Facebook's Sharing Debugger or LinkedIn's Post Inspector once to force a re-scrape — platforms cache the old preview aggressively, which is why an updated image often doesn't appear on the first share.

Frequently asked

Do meta keywords still matter for SEO?
No. Google has ignored the meta keywords tag since 2009, and stuffing it does nothing for ranking — it can even hand competitors your keyword list. This generator deliberately omits it. The tags that matter are the title, the description, and the Open Graph / Twitter tags for social sharing.
How long should my title and meta description be?
Google truncates titles around 60 characters and descriptions around 155–160. Those are display limits, not hard rules — write for the reader first, then trim so the important words survive the cut. The preview on this page shows where each one is likely to be clipped, and the validator warns when you run past the limit.
Why isn't my Open Graph image showing when I share a link?
The most common reasons: the og:image URL is relative instead of absolute (social crawlers don't resolve relative paths), the image is behind a login or blocked by robots.txt, or the platform has cached an old version. Use an absolute https:// URL, keep the image around 1200×630, and re-scrape the URL in the platform's debugger (Facebook Sharing Debugger, LinkedIn Post Inspector) to clear the cache.
Do I need both Open Graph and Twitter card tags?
Not strictly. X falls back to Open Graph tags when the twitter:* equivalents are missing, so og:title, og:description, and og:image cover most of the card. Add twitter:card to choose the layout (summary_large_image for a big image) and twitter:site / twitter:creator to attribute the post to your accounts. This generator writes both so the card looks right everywhere.
Should I add a canonical tag to every page?
Yes — a self-referencing canonical on each page is good practice. It tells search engines the preferred URL when the same content is reachable with tracking parameters, trailing slashes, or http vs https. Point the canonical at the clean, absolute version of the page's own URL unless the page is a genuine duplicate of another.
What's the difference between noindex and a canonical tag?
A canonical is a hint that consolidates duplicates onto one preferred URL; the page can still be indexed under that URL. noindex is a firm instruction to keep the page out of the index entirely. Use canonical for duplicate or parameterised versions of a page you still want indexed, and noindex for pages you never want in search (thank-you pages, internal search results).
Does this generator send my data anywhere?
No. The tags are built by JavaScript in your browser as you type — nothing is uploaded or stored. You can copy or download the result and work offline once the page has loaded.

Related tools

All tools →