Home / Tools / Meta Tag Generator
SEO Tool #13

Meta Tag Generator

Build SEO + Open Graph + Twitter Card meta tags with live preview across Google SERP, Facebook, and Twitter. Copy the generated block straight into your <head>. 100% client-side, nothing uploaded.

Inputs

0 chars
0 chars

Live preview

Google SERP

https://example.com › page
Your page title here
Your meta description will appear here. Aim for 140 to 160 characters.

Facebook / Open Graph

example.com
Your page title here
Your meta description will appear here.

Twitter / X card

example.com
Your page title here
Your meta description will appear here.

Generated <meta> block

<!-- Fill in fields to generate -->

Meta tag quick reference

Title (50 to 60 chars)

Google displays roughly 580 to 600 pixels of title in SERP. Keep titles tight, lead with the primary keyword, end with brand. Over 60 chars triggers truncation with an ellipsis.

Description (140 to 160 chars)

Not a direct ranking factor but heavily influences click-through rate. Write to a user benefit, include the target keyword once, and end with a soft call-to-action.

Open Graph image (1200 x 630)

1.91 to 1 aspect ratio is the safe pick across Facebook, LinkedIn, Discord, Slack. PNG or JPG. Under 1MB for fastest render. Include text readable at small sizes since the image is also used as a thumbnail.

Twitter card types

Canonical URL

Always include rel=canonical on every page, even self-referencing. Prevents duplicate content issues from tracking parameters, HTTPS vs HTTP, www vs non-www, and trailing slashes.

Robots meta

Default for content pages: index, follow, max-image-preview:large, max-snippet:-1. Use noindex, nofollow for thank-you pages, dashboards, internal admin, and auth pages.