SEO & markup

Meta tag generator with preview

Fill the fields, watch the Google snippet and the social card update, then copy the ready <head> block.

Page

Title tag

Meta description

Canonical URL

Robots

Language (hreflang)

Open Graph & Twitter

OG title (blank = title tag)

OG description (blank = meta description)

OG image URL (1200×630)

og:type

Site name

Twitter card

Twitter @handle

Google preview

Social card

<head> code

Paste inside <head>. Google rewrites titles and descriptions about a third of the time, so treat the previews as a guide, not a guarantee.

The head tags that decide how a page shows up

A handful of tags in the document head control how a page is presented outside itself: the title tag and meta description become the search snippet, the canonical link tells search engines which URL is the primary one, the robots tag says whether to index and follow, and the Open Graph and Twitter Card tags build the preview when the link is shared on social. This tool assembles a complete, consistent set from your input and shows a live Google snippet and social card as you type, so you can see the truncation and framing before the page goes live.

Lengths, and what Google ignores

Aim for roughly 50–60 characters in the title and 110–160 in the description; Google truncates by pixel width, not character count, so wide capitals cut sooner. It also rewrites the title in about a third of results and often generates its own description from the page, so treat the previews as a guide, not a promise. Set a self-referencing canonical on every page, and remember that a link with no image when shared usually means a missing og:image, an image URL that is not publicly reachable, or one that is too small — use an absolute HTTPS URL to an image around 1200 by 630.

Frequently asked questions

How long should the title and description be?

Aim for roughly 50–60 characters for the title and 110–160 for the description. Google truncates by pixel width, not character count, so wide capitals or long words cut sooner — the previews here approximate the real cut-off.

Does Google always use my title and description?

No. Google rewrites the title tag in roughly a third of results and often generates its own description from the page when the query does not match your meta text. Write them well, but expect variation.

What is a canonical URL and do I need one?

It tells search engines which URL is the primary version of a page when the same content is reachable at several addresses (tracking parameters, http/https, trailing slash). Set it to the clean, preferred URL of the page itself on every page.

Why does my link show no image when shared?

Either there is no og:image tag, the image URL is not publicly reachable, or it is too small. Use an absolute HTTPS URL to an image around 1200×630 px and under ~5 MB, then re-scrape the URL in the platform's debugger.

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

X falls back to Open Graph, so the twitter:* tags are optional. Add twitter:card and twitter:site only when you want a specific card style or attribution to an account; the generator includes them so you can copy a complete set.

What robots value should a normal page use?

index, follow — the default. Use noindex, follow for thin, duplicate or utility pages you still want crawled for their links, and noindex, nofollow only for pages that should be fully invisible to search.

Does this validate my existing tags?

No — it generates a fresh set from your input. To audit a live page, view its source or use a social debugger and the URL Inspection tool in Search Console.

Is anything I type sent to a server?

No. The previews and the code are built entirely in your browser; nothing is transmitted or stored.

All tools →