Free Meta Tag Generator
Write your page's title and description once and get every tag it needs: the title tag, meta description, canonical, Open Graph and Twitter Card tags, ready to paste. Watch the Google result and the social card update as you type. It all runs in your browser.
At a glance
- Every page needs a unique title and description. They're what searchers read before deciding to click.
- Length is measured in pixels, not characters. The generator uses the same widths as our Meta Tag Checker.
- Open Graph tags control how links look when shared on Facebook, LinkedIn, Slack and WhatsApp; X adds twitter:card.
- Paste the tags into the page's <head>, or use your CMS's SEO fields so you don't duplicate them.
Which meta tags the generator writes
| Tag | What it does | Get it right |
|---|---|---|
| <title> | The clickable headline in Google results and the browser tab | Under about 600px (50–60 characters) |
| meta description | The text under the headline; Google may rewrite it | Under about 920px (120–155 characters) |
| link rel=canonical | The main address of the page, so duplicates point to it | An absolute https address |
| meta robots | Only needed to block indexing (noindex) or link following | Leave out on pages you want indexed |
| og:title, og:description, og:image, og:url | The title, text, image and address shown when the link is shared | Image 1200 × 630, absolute URLs |
| og:type, og:site_name | The kind of page and your brand name in the card | website, article or product |
| twitter:card | Which card style X shows: summary or summary_large_image | summary_large_image for most pages |
It deliberately leaves out tags that don't help: the old meta keywords tag, which Google has ignored since at least 2009, and duplicate Twitter tags where X already reads your Open Graph ones.
Do meta tags still help SEO?
Some do, some don't. Google publishes the list of meta tags it supports and says it ignores the rest. Here's what that means for the tags you'd consider:
| Tag | Does Google use it? | What it's for |
|---|---|---|
| <title> (an element, not a meta tag) | Yes | The main source for the clickable headline in results |
| meta description | Sometimes | Google may show it as the snippet when it describes the page better than text from the page |
| meta robots / googlebot | Yes | Stops indexing (noindex), link following (nofollow) or snippets |
| meta viewport | Yes | Tells phones how to size the page; part of being mobile-friendly |
| google-site-verification | Yes | Proves you own the site in Search Console |
| meta refresh | Yes, but avoid it | Google recommends a server-side 301 redirect instead |
| meta keywords | No | Ignored; it has no effect on indexing or ranking |
| Open Graph and twitter: tags | Not for ranking | Control how links look when shared; Google may also read og:title (below) |
One detail most guides miss: according to Google's guide to title links, the headline Google shows can come from your <title>, your main heading, other headings, your og:title, anchor text on the page or links pointing to it. Keeping the title, H1 and og:title consistent makes it more likely Google shows the headline you wrote.
How to write meta tags that get clicks
- Start the title with what the page is, in the words people search: "Running Shoes for Beginners" before "| Brand".
- Give a reason to click in the description: a specific answer, a number, or what's different about your page.
- Keep both inside the bars: the generator turns red when Google would cut the text.
- Add a share image made for sharing (1200 × 630), not a cropped photo.
- Paste the tags into the <head>, publish, then check the live page with the Meta Tag Checker and Open Graph Checker.
Worked example: a product page
A first draft for an example shoe shop's product page might be "Home | Example Shoes | Best Shoes Online Store Buy Now": no product, keyword-stuffed, and cut off in results. Rewritten in the generator:
<title>Trail Running Shoes for Wide Feet | Example Shoes</title>
<meta name="description" content="Wide-fit trail running shoes in sizes 6–14, with a 60-day trial run. Free returns and a fit guide to find your size.">
<link rel="canonical" href="https://www.example-shoes.com/trail-wide/">
<meta property="og:title" content="Trail Running Shoes for Wide Feet">
<meta property="og:type" content="product">
<meta name="twitter:card" content="summary_large_image">The title now names the product and who it's for, fits inside Google's width, and ends with the brand. The description gives two concrete reasons to click. For more patterns by page type, read our guide to writing meta titles and descriptions, and for sharing tags, what Open Graph tags are.
Open Graph vs Twitter Card tags
Open Graph tags are read by almost every platform that shows link previews; Twitter Card tags are mainly for X. The Open Graph protocol was created by Facebook, and LinkedIn's guide to making your website shareable asks for the same four tags: og:title, og:image, og:description and og:url.
| Open Graph (og:) | Twitter Card (twitter:) | |
|---|---|---|
| Read by | Facebook, LinkedIn, Slack, WhatsApp, Discord and most apps that preview links | X |
| Core tags | og:title, og:description, og:image, og:url (plus og:type, og:site_name) | twitter:card (plus optional twitter:site, title, description, image) |
| If missing | Platforms guess from the page title and first image, often badly | X falls back to your Open Graph title, description and image |
| What this generator writes | All six | twitter:card, and twitter:site if you add a handle |
X's own card documentation has moved and is no longer at its old address, so always check how a link looks before a big post: paste it into a draft on X, or run the page through our Open Graph Checker, which previews the card for several platforms at once.
Share image size: what the platforms ask for
Make the og:image 1200 × 630 pixels, under 5 MB, at a full https address. That one image works almost everywhere. LinkedIn, for example, publishes its requirements: at least 1200 × 627 pixels, a 1.91:1 ratio and a 5 MB maximum. Keep important text and logos away from the edges, because some apps crop to a square, and compress the image with our Image Compressor so it loads quickly in feeds. The Open Graph protocol also lets you add og:image:width, og:image:height and og:image:alt, which help platforms show the image on the first share and describe it to screen readers.
Where meta tags go, and do they need closing?
Meta tags go inside the <head>, and they don't need a closing tag. In the HTML standard <meta> is a void element, so <meta name="description" content="…"> and the XHTML-style <meta … /> are both fine. Where a tag sits inside the head can still matter: Google's guide to valid page metadata warns that if an invalid element appears in the <head>, such as an <img> or <iframe> added by a plugin, Google ignores every element after it. A canonical or robots tag placed after that point is silently lost, so put your important tags near the top.
Meta tag templates by page type
Fill in the brackets, then paste the result into the generator to check the length:
| Page | Title template | Description template |
|---|---|---|
| Homepage | [What you do] in [place or for whom] | [Brand] | [Brand] [does what] for [whom]. [Proof or difference]. [Next step]. |
| Product | [Product name]: [key benefit or spec] | [Brand] | [What it is and who it's for]. [Two concrete details]. [Delivery, returns or price cue]. |
| Service page | [Service] in [City]: [Promise] | [Brand] | [Service] for [audience] in [area]. [What's included]. [How to book]. |
| Blog post | [The question or topic people search, as written] | [The direct answer in one sentence]. [What else the post covers]. |
| Category | [Category] for [audience or use] | [Brand] | Browse [number] [category] [differences: sizes, styles, prices]. [Delivery or offer]. |
Where to put meta tags on your platform
| Platform | Where to enter the title and description | Share image |
|---|---|---|
| WordPress (Yoast SEO or Rank Math) | The plugin's box under the page editor: SEO title and meta description | The plugin's Social tab |
| Shopify | "Search engine listing" at the bottom of each product, collection or page: click Edit | Usually the product's first image; your theme decides |
| Wix | Page settings → SEO basics | Page settings → Social share |
| Webflow | Page settings → SEO settings | Page settings → Open Graph settings |
| Squarespace | Page settings → SEO | Page settings → Social image |
| Hand-coded sites | Paste the generated tags inside the <head> | Included in the generated tags |
On these platforms, use the fields rather than pasting code, so the platform doesn't write a second set of tags. Use the generator to draft and measure the text, then copy each value into its field.
Common meta tag mistakes
- The same title on many pages, often the site name alone.
- Stuffed titles that repeat a keyword or list several.
- A relative og:image address (/share.jpg), which social platforms can't load. Use the full https address.
- noindex left on after launch, which keeps the page out of Google.
- Duplicate tags from pasting code while an SEO plugin also writes them.
What the meta tag generator doesn't do
- It doesn't add tags to your site. You paste them in, or copy the text into your CMS's fields.
- It can't force Google to use your description. Google builds snippets mostly from the page itself and uses your meta description when it describes the page more accurately.
- It doesn't write structured data. For JSON-LD, use the generator in our Schema Markup Checker.
Meta tags on one map
Your next step
Start with the page that gets the most impressions but few clicks in Search Console: that's where a better title and description pay off fastest. Write both here until the bars stay green, add a share image, paste the tags (or copy the text into your CMS fields), then check the live page with the Meta Tag Checker.
Rewrite weak titles and descriptions everywhere
Opportunity Owl finds pages whose titles and descriptions miss what people search for, and writes better ones.
Frequently asked questions
What meta tags does a page need?
At minimum a title tag and a meta description, plus a canonical tag and the viewport tag (your theme usually adds the viewport). For sharing, add Open Graph tags (og:title, og:description, og:image, og:url) and a twitter:card tag. Robots tags are only needed when you want to stop indexing or following.
Why does the generator measure pixels instead of characters?
Because Google cuts titles at roughly 600 pixels and descriptions at roughly 920 pixels on desktop, not at a character count. Wide letters such as W and M use more space than i or l, so two titles with the same number of characters can be cut differently.
Should my title tag match my H1?
They can be similar but don't have to be identical. The H1 is the headline on the page; the title is written for the search result, so it can be shorter and end with your brand name.
Can I use the same meta description on several pages?
Avoid it. Duplicate descriptions make pages look interchangeable in search results, and Google is more likely to replace them with its own text. Write one per important page, even if it's short.
Do I need Twitter Card tags if I have Open Graph tags?
X falls back to Open Graph for the title, description and image, but it needs twitter:card to choose the card style. The generator adds twitter:card and leaves the rest to your Open Graph tags, unless you add an X handle.
What size should the og:image be?
1200 × 630 pixels (a 1.91:1 ratio) works across Facebook, LinkedIn, X and Slack. Keep it under 5 MB, use an absolute https address, and keep important text away from the edges.
Where do I paste the generated tags?
Inside the <head> of the page's HTML. On WordPress or Shopify, use your SEO plugin's or theme's title and description fields instead of pasting code, so you don't end up with duplicate tags.
Do meta keywords help SEO?
No. Google has ignored the keywords meta tag for over a decade, so the generator doesn't include it.
Is anything I type sent to your servers?
No. The generator and both previews run entirely in your browser. Nothing is stored or sent.
Does LinkedIn use Open Graph tags?
Yes. LinkedIn reads og:title, og:image, og:description and og:url to build link previews, and asks for an image of at least 1200 × 627 pixels. The tags this generator writes cover all four.
Sources
- Meta tags and attributes that Google supports, Google Search Central, 2026
- Google does not use the keywords meta tag in web ranking, Google Search Central Blog, 2009
- Influencing title links in Google Search, Google Search Central, 2026
- Control your snippets in search results, Google Search Central, 2026
- Use valid page metadata, Google Search Central, 2026
- The Open Graph protocol, ogp.me, 2026
- Make your website shareable on LinkedIn, LinkedIn Help, 2026
- HTML Living Standard: the meta element, WHATWG, 2026
Agents that do this for you
Related reading