What is the ideal length for a meta description?

140-160 characters. Google truncates desktop descriptions at ~160 chars and mobile at ~120. Aim for 140-160 to maximize visible content without truncation.

What size should Open Graph images be?

1200×630 pixels (1.91:1 aspect ratio) is the recommended size for Facebook, LinkedIn, Slack, and Twitter's summary_large_image card. Keep file size under 5MB and use JPEG or PNG.

Do I still need Twitter Cards if I have Open Graph?

Technically Twitter falls back to OG tags, but adding explicit Twitter Cards lets you specify a different image or card type for Twitter specifically. Most sites set both to the same values — this generator does that automatically.

Free tool · SEO

Free Meta Tag Generator

Generate a complete set of meta tags — title, description, canonical, Open Graph, and Twitter Cards — with live SERP and social-share previews. Optimal lengths flagged so your titles don't get truncated.

Page title45/60

Optimal: 50-60 chars. Google truncates at ~600 pixels (varies by character).

Meta description132/160

Optimal: 140-160 chars. Google rewrites long ones.

Canonical URL

Image URL (1200×630px recommended)

Site name

Twitter handle (with @)

Optional

Google SERP preview

https://www.inbuild.io

InBuild — AI Website Builder with Code Export

Build a complete Next.js website in minutes. AI generates production-ready code you can export and host anywhere. No vendor lock-in.

Title: 45/60Description: 132/160

Social share preview

inbuild.io

InBuild — AI Website Builder with Code Export

Build a complete Next.js website in minutes. AI generates production-ready code you can export and host anywhere. No vendor lock-in.

Output

<!-- Primary meta -->
<title>InBuild — AI Website Builder with Code Export</title>
<meta name="description" content="Build a complete Next.js website in minutes. AI generates production-ready code you can export and host anywhere. No vendor lock-in." />
<link rel="canonical" href="https://www.inbuild.io" />

<!-- Open Graph (Facebook, LinkedIn, Slack) -->
<meta property="og:type" content="website" />
<meta property="og:title" content="InBuild — AI Website Builder with Code Export" />
<meta property="og:description" content="Build a complete Next.js website in minutes. AI generates production-ready code you can export and host anywhere. No vendor lock-in." />
<meta property="og:url" content="https://www.inbuild.io" />
<meta property="og:image" content="https://www.inbuild.io/og.png" />
<meta property="og:site_name" content="InBuild" />

<!-- Twitter / X Cards -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="InBuild — AI Website Builder with Code Export" />
<meta name="twitter:description" content="Build a complete Next.js website in minutes. AI generates production-ready code you can export and host anywhere. No vendor lock-in." />
<meta name="twitter:image" content="https://www.inbuild.io/og.png" />
<meta name="twitter:site" content="@inbuild" />

How meta tags affect SEO

The title tag is the single most important on-page SEO element after content itself — it's the headline Google displays and the strongest relevance signal you control. Keep it 50-60 characters with the primary keyword near the front. The meta description doesn't directly influence rankings but heavily affects click-through rate, which is itself a ranking signal. The canonical URL consolidates ranking signal when the same content appears at multiple URLs.

Open Graph and Twitter Cards don't affect rankings but control how your URL renders when shared on social — which drives backlinks, which DO affect rankings. The 1200×630 hero image is the highest-leverage asset.

Open Graph guide →Add SEO to Next.js →JSON-LD generator →

Stop hand-writing meta tags

InBuild generates titles, descriptions, Open Graph images, and Twitter Cards for every page you build — based on the content you wrote. Build once, get every meta tag right.