Skip to content
XUtilHub

Meta Tag Generator – SEO, Open Graph & Twitter Tags

Generate HTML meta tags for SEO and social sharing: title, description, canonical, robots, Open Graph and X (Twitter) cards, with live Google and share previews.

  • Free, no sign-up
  • Runs in your browser, nothing uploaded
Generated HTML (paste inside <head>)
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Homemade Sourdough Bread Recipe for Beginners</title>
<meta name="description" content="Bake crusty, tangy sourdough at home with this step-by-step beginner recipe, including a starter schedule and troubleshooting tips.">
<link rel="canonical" href="https://example.com/recipes/sourdough-bread">

<!-- Open Graph (Facebook, LinkedIn, WhatsApp, Slack) -->
<meta property="og:type" content="website">
<meta property="og:title" content="Homemade Sourdough Bread Recipe for Beginners">
<meta property="og:description" content="Bake crusty, tangy sourdough at home with this step-by-step beginner recipe, including a starter schedule and troubleshooting tips.">
<meta property="og:url" content="https://example.com/recipes/sourdough-bread">
<meta property="og:locale" content="en">

<!-- X (Twitter) -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Homemade Sourdough Bread Recipe for Beginners">
<meta name="twitter:description" content="Bake crusty, tangy sourdough at home with this step-by-step beginner recipe, including a starter schedule and troubleshooting tips.">

Google preview

E
example.com
example.com › recipes › sourdough-bread
Homemade Sourdough Bread Recipe for Beginners
Bake crusty, tangy sourdough at home with this step-by-step beginner recipe, including a starter schedule and troubleshooting tips.

Social share preview

No og:image: the link will share without a picture.
example.com
Homemade Sourdough Bread Recipe for Beginners
Bake crusty, tangy sourdough at home with this step-by-step beginner recipe, including a starter schedule and troubleshooting tips.

About the Meta Tag Generator

Fill in your page details to get ready-to-paste meta tags for search engines and social networks, with live character counts and previews of how the page will look in Google and when shared.

Key features

  • Title, description, canonical and robots tags
  • Open Graph tags for Facebook, LinkedIn, WhatsApp and Slack
  • X (Twitter) card tags
  • Live character counters with recommended ranges
  • Google result and social share previews
  • Properly escaped HTML, ready to paste into <head>

Create the right meta tags for every page

Meta tags tell search engines and social networks what a page is about and how to show it. Fill in the form to get a complete, correctly escaped set of tags with live previews of your Google result and social share card.

What each tag does

TagPurpose
<title>The clickable headline in search results and the browser tab
meta descriptionThe snippet text under the title (often)
link rel="canonical"The preferred URL when the same content has several addresses
meta robotsWhether to index the page and follow its links
meta viewportMakes the page display correctly on phones
og:title, og:description, og:imageThe preview when the link is shared
twitter:cardSmall or large preview on X

Writing a great title

  1. Lead with the main keyword or topic.
  2. Make it specific. "Sourdough Bread Recipe for Beginners" beats "Recipes".
  3. Add your brand at the end if there's room: "… | Example Bakery".
  4. Keep it unique across your site.

Writing a great description

  • Summarize the page's value in one or two sentences.
  • Include the main keyword naturally; Google bolds matching words.
  • Add a reason to click: a benefit, a number or a call to action.

When to use noindex

Use noindex for pages that shouldn't appear in search results: thank-you pages, internal search results, thin tag archives and staging copies. Don't block those pages in robots.txt as well, or Google can't see the noindex tag.

Check a live page with the Meta Tag Checker, or count characters with the Character Counter.

How to use the Meta Tag Generator

  1. Fill in the fields or choose a template.
  2. Watch the output and previews update as you type.
  3. Copy the generated code or download the file.
  4. Add it to your website, then verify it with the matching checker or tester.

Frequently asked questions

Where do I put meta tags?

Inside the <head> section of your HTML, before </head>. In WordPress, an SEO plugin usually manages them; in frameworks like Next.js, use the framework's metadata API.

Do I need both Open Graph and Twitter tags?

X (Twitter) falls back to Open Graph for title, description and image, but twitter:card is needed to choose the large-image layout. Generating both is the safest option.

Do meta keywords help SEO?

No. Google has ignored the meta keywords tag for ranking since 2009, so this generator leaves it out.

What size should my share image be?

1200 × 630 pixels (1.91:1) works well on Facebook, LinkedIn and X. Keep important text away from the edges, and keep the file under about 5 MB.

Do these tools store the pages I check?

No. Pages and robots.txt files are fetched on demand to analyze them and are not saved. The robots.txt generator, tester and meta tag generator run entirely in your browser.

Can I check pages on localhost or my intranet?

No. For security, our server only fetches public websites. For a private page, use the 'Paste HTML' option of the meta tag checker.

Do the tools respect robots.txt?

The sitemap crawler follows your robots.txt rules and skips pages marked noindex, just like a search engine would.

Last updated:

Related SEO tools

Robots.txt GeneratorNEW

Create a robots.txt file in seconds: disallow paths, add your sitemap, and allow or block Googlebot, Bingbot and AI crawlers like GPTBot and ClaudeBot.

Robots.txt TesterNEW

Test whether Googlebot, Bingbot or AI crawlers can crawl your URLs. Fetch any site's robots.txt or paste your own and see the exact matching rule.

XML Sitemap GeneratorNEW

Generate an XML sitemap by crawling your website (up to 500 pages) or from a list of URLs. Respects robots.txt and noindex. Download sitemap.xml instantly.

Meta Tag CheckerNEW

Check any page's title, meta description, canonical, robots, Open Graph, Twitter cards, headings and structured data. See Google and social previews with fixes.