# Meta Tag Generator

Fill in what your page is about and get the full block of head tags for it: title, description, canonical, Open Graph and Twitter card, with a live preview of how the result looks in a search result and in a shared link. It all runs in your browser, and you can publish a starter page carrying the tags in one click.

This tool runs entirely in the browser. Nothing is uploaded, and no account is needed.

## How to use it

1. **Describe the page.** Enter the title, description, canonical URL and social image for the page you are writing tags for.
2. **Check the previews.** Watch the search result and social card previews update as you type, with character counters for the two fields that get truncated.
3. **Copy or publish.** Copy the block of tags into your page head, or publish a starter page carrying them to a live link.

## Frequently asked questions

### Is the meta tag generator free?

Yes, completely free, with no sign-up and no limit on how many pages you generate tags for.

### Is anything I type uploaded?

No. The tags are built entirely in your browser, so the title, description and URLs you type never reach our servers.

### How long should my title and description be?

Around 60 characters for the title and 155 for the description. The counters update as you type and turn amber when a field is long enough to be truncated in a search result.

### Do I need both Open Graph and Twitter card tags?

Not always. X falls back to Open Graph when the Twitter tags are missing, so the one worth adding on its own is twitter:card, which decides whether you get a small thumbnail or a large image.

### Why is my image not showing when I share the link?

Usually the image URL is relative rather than absolute, the image is smaller than 1200 by 630, or the network has cached an older version of the page. Use a full https:// URL and re-check with the Open Graph checker.

### Can I publish a page with these tags?

Yes. Publish puts a minimal HTML page carrying the generated tags on a live HTTPS link, which is a quick way to test how a link preview will look before the real page exists.