Meta Tag Generator

Runs on your device. Nothing is sent.Nothing you type is sent anywhere - the tags and previews are built in your browser.

Check an existing page

Paste a page's HTML (View source, then copy the <head>) to load its tags into the form.

Page

TitleAim for 30-60 characters.0 / 60DescriptionAim for 70-160 characters.0 / 160Page URL (canonical)Hide this page from search engines (noindex)Also add charset and mobile viewport tags

Preview image URL

Image description (alt text)Site nameX (Twitter) handleAuthor's X handleLocale (e.g. en_US)

Page type

X card

Theme color

Preview

Google search result

example.comhttps://example.com

Your page titleYour description will appear here.

Shared link (Facebook, LinkedIn, X, WhatsApp)

No image - the link will be shared without a picture.

example.comYour page titleYour description will appear here.

Checks

No title - search engines will make one up.
No description - Google and link previews will pick text from the page.
No canonical URL - copies of the page may compete in search.
No preview image - links will be shared without a picture.

HTML

Paste these lines inside the <head> of your page.

<!-- -->

Write the title, description and Open Graph tags for a page, see how it looks in Google and as a shared link, and copy the HTML - or paste a page's head to check it.

Every page needs a good title and description for search results, and Open Graph tags so the link looks right when it's shared on Facebook, LinkedIn, X, WhatsApp or Slack. Fill in the form and watch a Google result and a link card update as you type, with length hints that warn before text gets cut off. Copy the finished HTML into your page's head. Already have a page? Paste its source to load the tags it has and see what's missing.

Frequently asked questions

How long should a title and description be?

Google cuts titles at about 600 pixels - roughly 50-60 characters - and descriptions at about 920 pixels, roughly 150-160 characters. Put the important words first. Google may rewrite either if it thinks another text matches the search better.

What size should the preview image be?

1200 × 630 pixels (1.91:1) works on Facebook, LinkedIn and X's large card. Keep text away from the edges, and use an absolute https:// URL - relative paths don't work in og:image.

Why aren't there separate twitter:title and twitter:image tags?

X reads og:title, og:description and og:image when its own tags are missing, so repeating them only adds weight. The generator adds twitter:card, which X does need, and your handle.

Is my page or HTML uploaded?

No. Everything happens in your browser, and the preview image is only loaded from its address when you click to show it. Your form is remembered on this device so you can come back to it.