Skip to content

Free SEO & Social Meta Tag Generator Tool Online

Generate SEO meta tags, Open Graph tags, and Twitter Cards to improve search visibility and social media previews.

IN: Page details  ·  OUT: HTML meta tags  ·  RUNS: 100% in your browser

Generated tags
<title>My Awesome Page</title>
<meta name="description" content="A short, compelling description of the page for search engines." />
<link rel="canonical" href="https://example.com/page" />

<meta property="og:type" content="website" />
<meta property="og:title" content="My Awesome Page" />
<meta property="og:description" content="A short, compelling description of the page for search engines." />
<meta property="og:url" content="https://example.com/page" />
<meta property="og:image" content="https://example.com/og-image.jpg" />
<meta property="og:site_name" content="My Site" />

<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@mysite" />
<meta name="twitter:title" content="My Awesome Page" />
<meta name="twitter:description" content="A short, compelling description of the page for search engines." />
<meta name="twitter:image" content="https://example.com/og-image.jpg" />

Frequently asked questions

Why do I need Open Graph tags?+

Open Graph tags control how your page appears when shared on Facebook, LinkedIn, Slack, and many other platforms that read og: meta tags to build a link preview card.

What image size should I use for og:image?+

A common recommendation is 1200×630 pixels, which displays well across most platforms without cropping awkwardly, with a file size under 5MB.

Do I need both Open Graph and Twitter Card tags?+

Yes, X/Twitter primarily reads twitter: tags, though it will fall back to Open Graph tags if Twitter-specific ones are missing. Including both ensures consistent previews everywhere.

Where do these tags go in my HTML?+

Paste the generated tags inside the <head> section of your HTML document, ideally near the top alongside your <title> tag.

Does the description length matter for SEO?+

Search engines typically display up to roughly 155-160 characters of a meta description before truncating it, so keeping your description concise and compelling within that range is good practice.

Is any of this information sent to a server?+

No, the tags are generated entirely in your browser as you type — nothing is transmitted or stored remotely.