Free Meta Tag & Open Graph Generator

Fill in your page details to generate SEO meta, Open Graph, and Twitter Card tags — with live Google and social previews.

Content type
Twitter card
Generated tags
<title>My Awesome Page — Example</title>
<meta name="description" content="A short, compelling description of this page for search engines and social media previews." />
<link rel="canonical" href="https://example.com/page" />
<meta property="og:title" content="My Awesome Page — Example" />
<meta property="og:description" content="A short, compelling description of this page for search engines and social media previews." />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://example.com/page" />
<meta property="og:site_name" content="Example" />
<meta property="og:image" content="https://example.com/og-image.png" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="My Awesome Page — Example" />
<meta name="twitter:description" content="A short, compelling description of this page for search engines and social media previews." />
<meta name="twitter:image" content="https://example.com/og-image.png" />
Google preview
example.com
My Awesome Page — Example
A short, compelling description of this page for search engines and social media previews.
Social card
Open Graph preview
example.com
My Awesome Page — Example
A short, compelling description of this page for search engines and social media previews.

How to use / FAQ

Fill in your page's title, description, URL, and image, and the tool builds the SEO meta, Open Graph, and Twitter Card tags for you. The Google and social-card previews update as you type so you can see roughly how the page will look in search results and when shared. Copy the generated HTML into your page's <head>.

What are meta tags and Open Graph tags?

Meta tags describe your page to search engines — the title and description that show in results. Open Graph (og:) and Twitter Card tags do the same for social platforms, controlling the title, description, and image shown when a link is shared on Facebook, LinkedIn, X, and others.

How long should the title and description be?

Aim for a title around 50–60 characters and a description around 150–160 characters so they aren't truncated in search results. The fields cap length to keep you in a safe range, and the Google preview shows how it will wrap.

What image size works best for og:image?

A 1200×630 pixel image (roughly a 1.91:1 ratio) is the standard for large social cards and displays crisply on most platforms. Use an absolute URL so crawlers can fetch it.

Where do I put the generated tags?

Paste them inside the <head> section of your page's HTML. They don't affect what visitors see on the page — they're read by search engines and social platforms.