How long should a meta title and description be?

Keep the title under 60 characters and the description between 120 and 158. Google truncates by pixel width rather than a strict character count, but those ranges fit almost every case on both desktop and mobile. Google also frequently rewrites your description to match the search query, which doesn't hurt rankings.

Do meta tags affect Google rankings?

The tag is a confirmed direct ranking factor. The meta description doesn't influence ranking directly, but it drives click-through rate, which correlates with how a page performs over time. Robots and canonical tags have a critical structural effect on whether a page gets indexed at all.

What's the difference between Open Graph and Twitter Card tags?

Open Graph is the universal standard read by Facebook, LinkedIn, WhatsApp, and most other platforms. Twitter Cards is X-specific. If you only configure Open Graph, X falls back to reading it, so setting up both is mostly about polish rather than strict necessity.

How do I add a canonical tag and when do I need one?

A canonical tag points search engines to the preferred URL when the same content is reachable at more than one address — with or without tracking parameters, trailing slashes, or session IDs. Every page should carry a self-referencing canonical, even without a known duplicate, since it costs nothing and removes ambiguity later.

What size should the Open Graph image be?

1200×630px is the safe default that Facebook, LinkedIn, and X all render correctly, at roughly a 1.91:1 ratio. Anything smaller than 600×315px risks Facebook skipping the image preview entirely and falling back to plain text.

HTML Meta Tag Generator

Generate complete HTML meta tags instantly: title, description, robots, canonical, Open Graph, and Twitter Cards. Copy-paste ready HTML output.

Updated May 2026

Page Title 0/60

Meta Description 0/160

Author

Robots

Keywords

Canonical URL

Code Preview

<!-- Primary Meta Tags -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="content-language" content="en">
<meta name="robots" content="index, follow">

<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">

SERP Preview

https://example.com/your-page

Page Title

Your meta description will appear here…

How to generate meta tags

From core SEO essentials to a complete social graph

1. Fill in the SEO Essentials

Page title (under 60 characters), meta description (under 160), canonical URL, and the robots directive.

2. Expand into the Social Graph

Open Graph and Twitter Card fields — leave them blank and they inherit from SEO Essentials automatically.

3. Copy the generated HTML

Paste it straight into your page's <head> section.

What this meta tag generator does

The full set every page needs in 2026

Complete SEO essentials

Title, description, robots, and canonical — the tags search engines read first when indexing a page.

Full Open Graph coverage

og:title, og:description, og:image, and og:type for Facebook, LinkedIn, and WhatsApp previews.

Twitter Card tags

Controls how your link looks when it's shared on X, including the large-image summary card.

Automatic field inheritance

Blank social fields pull from your SEO title and description, so you never type the same copy twice.

Quick meta tag reference

Tag

Why it matters

<title> (60 characters)

Critical for SEO — the single most important on-page element

meta description (160 characters)

High impact — drives CTR, not a direct ranking factor

og:image (1200×630px)

Critical for social — controls the shared link preview

meta keywords

Ignored by Google since 2009

When you'll reach for this tool

The scenarios that come up most often

Shipping a new page

Generate the full meta tag block before you publish, so nothing gets forgotten.

Technical SEO audits

Check that your title and description length sit inside Google's recommended limits.

Getting social previews right

Set up Open Graph and Twitter Cards so the link looks right the moment it's shared.

Fixing duplicate content

Add a canonical tag that points search engines to the URL you actually want indexed.

Setting up a product page

Switch og:type to product so e-commerce listings share with the right preview format.

Common mistakes

Adding meta keywords out of habit

Google has ignored this tag completely since 2009 — all it does now is hand your keyword strategy to any competitor who views your page source.

Letting the title run past 60 characters

Search engines truncate it in results — keep your primary keyword near the front so it survives the cut.

Skipping the self-referencing canonical

Every page should point its canonical tag at its own clean URL, even when you don't know of any duplicate parameters yet.

Why use this tool

It generates the complete set a page needs in 2026 — not just title and description, but robots, canonical, Open Graph, and Twitter Cards together, in one pass.

Automatic inheritance between the SEO and social fields keeps what shows up on Google and what shows up when the link gets shared in sync, without retyping the same title and description twice.

Open Graph vs. Twitter Cards

Two standards, one setup

Open Graph

Twitter Cards

Created by

Facebook

X (Twitter)

Read by

Facebook, LinkedIn, WhatsApp, Slack, Discord

X/Twitter

If you only set up one

most platforms fall back to it, X included

doesn't cover the other platforms

Frequently asked questions

No. Google stopped using it as a ranking signal in 2009 and confirmed in 2014 that it's completely ignored. Including it only exposes your keyword strategy to anyone who views your page source — it has no upside left, so most SEOs leave the field out entirely.

References

Google Search Central — Titles and Snippets

Google's own guidance on how title tags and meta descriptions are used in Search.

The Open Graph Protocol

The official Open Graph specification, maintained by Meta.

X Developer Docs — Cards

Official X/Twitter documentation for implementing Twitter Card tags.