Meta tag generator
Fill in a few fields and get a complete <head> block with the title, description, canonical URL, Open Graph, and Twitter card tags.
What this tool does
Fill in seven fields and the tool generates a complete <head> block with the meta tags search engines, Open Graph (Facebook, LinkedIn, iMessage, Slack, etc.), and Twitter use to build a preview when your URL is shared.
The fields that matter most
- Title — the headline shown in search results and link previews. Aim for 50–60 characters; longer will be truncated.
- Description — the snippet under the title in search results. Aim for 140–160 characters. Write it for humans, not search engines.
- Canonical URL — the "real" URL of the page. Helps search engines de-duplicate when the same content is reachable via multiple URLs (with/without trailing slash, with tracking params, etc.).
- Social image — the picture shown in the preview card. Use a 1200×630-pixel JPG or PNG. Smaller works, but looks bad at full size.
Open Graph vs Twitter cards
Open Graph (introduced by Facebook in 2010) is now the de-facto standard. Most platforms — Facebook, LinkedIn, Discord, Slack, iMessage, WhatsApp — read OG tags to build a preview. Twitter has its own tag namespace (twitter:*), which they prefer when present and otherwise fall back to OG. This tool emits both.
What's NOT in this tool — and why
- Keywords meta tag. Google has confirmed multiple times that it ignores
<meta name="keywords">. It does nothing. - Author meta tag. No search engine uses this for ranking. If you want to credit an author, use Schema.org structured data instead.
- Robots meta tag. Only useful if you want to do something other than the default (allow indexing, follow links). The tool assumes the default.
- Favicon. Linked separately with
<link rel="icon">, not via meta tags. - Viewport. A
<meta name="viewport">tag is essential, but its content depends on your CSS, so we leave it for you to add.
Image dimensions cheat sheet
| Platform | Optimal image size |
|---|---|
| Open Graph / Facebook | 1200 × 630 |
| Twitter (summary_large_image) | 1200 × 600 or 1200 × 630 |
| 1200 × 627 | |
| Slack / Discord | 1200 × 630 |
| iMessage | 1200 × 630 (uses OG) |
A 1200×630 image is a safe choice for all of them. Smaller works (down to about 600×315 for OG); larger gets downscaled by the platform.
How to verify
After deploying, test your tags with Facebook's Sharing Debugger, Twitter's Card Validator, or LinkedIn's Post Inspector. Each will show how your link will be rendered and warn about missing tags.
Privacy
All generation happens in your browser.