Meta Tag Generator

Generate SEO-ready title, meta description, Open Graph, and Twitter card tags for any page, then copy the HTML straight into your site.

Generated HTML
<title>My Product — Fast &amp; Reliable</title>
<meta name="description" content="A short, compelling description of 150-160 characters that summarizes the page for search results." />
<meta name="author" content="Complex To Easy" />
<meta name="keywords" content="product, tools, saas" />
<link rel="canonical" href="https://example.com/your-page" />
<meta property="og:type" content="website" />
<meta property="og:title" content="My Product — Fast &amp; Reliable" />
<meta property="og:description" content="A short, compelling description of 150-160 characters that summarizes the page for search results." />
<meta property="og:image" content="https://example.com/images/og.png" />
<meta property="og:url" content="https://example.com/your-page" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="My Product — Fast &amp; Reliable" />
<meta name="twitter:description" content="A short, compelling description of 150-160 characters that summarizes the page for search results." />
<meta name="twitter:image" content="https://example.com/images/og.png" />
<meta name="twitter:site" content="@complextoeasy" />

Live previews

https://example.com/your-page

My Product — Fast & Reliable

A short, compelling description of 150-160 characters that summarizes the page for search results.

Title length: 28 chars — good length.
Description length: 98 chars — good length.
Open Graph image: og:image is set — shared links get a preview.
Canonical URL: Canonical URL is set.

Best practices

  • Keep titles under 60 characters and descriptions under 160.
  • Put the primary keyword near the front.
  • Make each page's tags unique — no duplication across pages.

Why Open Graph matters

Without OG tags, sharing your page on social apps shows a random image and the raw URL. Adding og:image, og:title, and og:description controls exactly what people see.

Frequently asked questions

Do meta keywords still matter?

Google ignores the keywords meta tag, but it is harmless to include for other engines and internal organization. Focus effort on title and description instead.

How do I add these tags in HTML?

Paste the generated block inside <head> on the page. If you use an SPA like Angular, render tags per route instead so search crawlers see them.

Can I test my tags after adding them?

Yes. Use the Facebook Sharing Debugger or LinkedIn Post Inspector to see exactly how your URL renders when shared.

More from SEO & Marketing

Browse all 100 tools →

Get a free SEO site audit

We review your pages and tell you exactly what to fix to rank higher.

Was this tool useful?