N

Runs in your browser · nothing is uploaded

Meta Tag Generator

This meta tag generator turns a title, description, URL and image into a ready-to-paste block of HTML: title, meta description, viewport, robots, canonical, Open Graph and Twitter Card tags — with quotes and ampersands safely escaped.

0 title characters · 0 description characters

Title and description length are guidance, not ranking rules. Meta keywords are omitted because they are not a Google ranking signal.

What the generator builds

  • Always includedtitle · description · viewport · robots · og:title · og:description · og:type · twitter:card
  • Added when filled inauthor · canonical + og:url (Canonical URL) · og:image (Open Graph image URL)
  • Card typeimage given → summary_large_image · no image → summary
  • Escaping& → &amp; · " → &quot; · ' → &#39; · < → &lt; · > → &gt;

The Mode menu sets og:type to website or article. The Noindex box switches robots from "index, follow" to "noindex, follow". URLs must start with http:// or https:// — Open Graph needs absolute addresses, so a path like /images/share.jpg is rejected rather than producing a preview that silently fails.

Under the fields you'll see a running count of title and description characters. Title and description length are guidance, not ranking rules. Meta keywords are omitted because they are not a Google ranking signal.

Worked example

A 42-character title with an ampersand and quotes, a 140-character description, a canonical URL, an image and an author, in website mode, produce 12 lines:

<title>Rosa &amp; Finn — &quot;Slow Rise&quot; Sourdough Bakery</title>
<meta name="description" content="Naturally leavened sourdough, baked daily in Portland since 2019. Order loaves by 6 pm for next-morning pickup, or see this week&#39;s specials.">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="robots" content="index, follow">
<meta name="author" content="Rosa Lind">
<link rel="canonical" href="https://example.com/bakery/">
<meta property="og:title" content="Rosa &amp; Finn — &quot;Slow Rise&quot; Sourdough Bakery">
<meta property="og:description" content="Naturally leavened sourdough, baked daily in Portland since 2019. Order loaves by 6 pm for next-morning pickup, or see this week&#39;s specials.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://example.com/bakery/">
<meta property="og:image" content="https://example.com/images/bakery-share.jpg">
<meta name="twitter:card" content="summary_large_image">

The & and the double quotes in the title are escaped in both the title element and og:title. Remove the image and the last line becomes <meta name="twitter:card" content="summary">, and the og:image line disappears.

What each tag does

TagPurpose
<title>Page name in the browser tab; the usual source of the blue link in search results.
descriptionSummary that search engines may show as the snippet under the link.
viewportMakes the page render at device width on phones; needed for mobile-friendly layouts.
robotsindex or noindex the page; follow lets crawlers follow its links.
authorNames the author. Optional; not used for ranking.
canonicalNames the preferred URL when the same content is reachable at several URLs. A strong hint, not a directive.
og:title / og:descriptionTitle and text for link previews in social and chat apps.
og:typewebsite for home and general pages; article for posts and news.
og:url / og:imageThe shared URL and preview image. Both must be absolute http(s) URLs.
twitter:cardsummary (small square thumbnail) or summary_large_image (wide image above the title).

Writing the title

Make every page's title unique and lead with what the page is about. Put the brand at the end, if at all. Google may rewrite titles that are vague, stuffed with keywords or identical across pages.

Writing the description

Summarize the page in one or two plain sentences with the specifics a searcher wants: price, location, format, date. It isn't a ranking factor, but a clear description earns clicks.

Share images

Facebook recommends images of at least 1200 × 630 pixels (about 1.91:1), a size that also works for summary_large_image cards on X. Keep text away from the edges, as some apps crop to a square.

After publishing, check the result with each platform's preview tool, such as the Facebook Sharing Debugger, and use the URL Inspection tool in Google Search Console to confirm the page is indexable. Social apps cache previews, so changes may not show until they re-scrape the page.

Sources: Google Search Central — "Influencing your title links", "Control your snippets in search results", "Meta tags that Google supports" and "Google does not use the keywords meta tag in web ranking" (2009); The Open Graph protocol (ogp.me); X Developer Platform, Cards markup reference; Meta for Developers, Sharing best practices. Checked 15 October 2026.

Frequently asked questions

Which meta tags matter for SEO?+

The title element and meta description matter most: Google often uses them for the clickable title and snippet in results. A canonical link tells search engines which URL is the main version of a page, and robots controls indexing. Open Graph and Twitter Card tags don't affect rankings but decide how links look when shared.

How long should a title tag and meta description be?+

Google sets no character limit — it truncates by pixel width on the device. As a rule of thumb, titles of about 50–60 characters and descriptions of about 150–160 usually show in full on desktop. The generator counts both as you type; treat the counts as guidance, not a ranking rule.

Why doesn't the generator include meta keywords?+

Google has said since 2009 that it ignores the keywords meta tag for ranking, and other major engines give it little or no weight. Adding it only shows competitors which terms you target, so it's left out.

Will Google always use my meta description?+

No. Google may write its own snippet from the page text when that better matches a search, and it can rewrite titles too. A specific, accurate description that matches the page's content is the best way to have yours used.

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

Open Graph (og:title, og:image and so on) was created by Facebook and is read by most apps that build link previews, including LinkedIn, Slack and iMessage. X (Twitter) reads its own twitter:card tag to pick the layout and falls back to the Open Graph title, description and image. The generator sets twitter:card to summary_large_image when you add an image, otherwise summary.

Why are characters like & and quotes changed in the output?+

They are escaped so the HTML stays valid. Inside a content="…" attribute, a raw quote would end the attribute early and break the tag. The generator writes & as &, " as ", and does the same for <, > and apostrophes. Browsers and crawlers turn them back into the original characters.

When should I tick Noindex?+

For pages that shouldn't appear in search results: thank-you pages, internal search results, staging copies or thin tag pages. It writes robots as "noindex, follow", so the page stays out of results while links on it are still followed. Don't also block the page in robots.txt, or crawlers won't see the noindex.

Should og:type be website or article?+

Use website for home pages, tool pages, product and category pages — anything that isn't a dated piece of writing. Use article for blog posts, news stories and guides. Most link previews look the same either way; the type mainly describes the page to apps that read it.

What size should the Open Graph image be?+

A widely used size is 1200 × 630 pixels (about 1.91:1), which shows well on Facebook, LinkedIn, Slack and as an X large-image card. Keep important text away from the edges in case of cropping, and enter the full https:// address — the generator only accepts HTTP or HTTPS URLs, because relative paths don't work in og:image.

Why doesn't my new title or image show when I share the link?+

Social platforms cache link previews, sometimes for days. After updating your tags, ask them to re-read the page — for example with Facebook's Sharing Debugger or LinkedIn's Post Inspector — and check that the image URL opens publicly without a login.

Where do I paste the generated tags?+

Inside the <head> element of the page, replacing any existing title, description, canonical and og: tags so there's only one of each. In a CMS such as WordPress, an SEO plugin usually manages these fields instead — enter the same values there.

Is anything I type sent or saved?+

No. The tags are assembled in your browser. Your title, description, URLs and author name aren't uploaded or stored, and the generator never fetches the URLs you enter.