SEO
Meta Tags Generator
Build the complete meta tag block for any page — title, description, canonical, Open Graph, and Twitter card — with live length meters and copy-paste HTML. Free, no signup.
Fill in the page title and meta description and your copy-paste HTML appears here.
Generated in your browser. Nothing is stored.
✳ Free · No signup · Runs in your browser — we never store your numbers
Small business guide
What this tool helps you do
Use this free meta tags generator to build the complete head-tag block for any page in one pass: the title tag and meta description Google shows, the canonical link, and the Open Graph and Twitter card tags that control how the page looks when shared on Facebook, LinkedIn, WhatsApp, and X. Fill in the fields, watch the length meters, copy one snippet.
Meta tags are the packaging layer of every page — they don't change what visitors see on the page, but they decide what searchers and social feeds see *about* the page. A missing description gets you a random text fragment in Google; missing OG tags get you a bare gray link in a group chat. Both are solved with fifteen lines of HTML this tool writes for you, correctly escaped, with nothing you didn't provide.
How to use this tool
- 1
Write the page title — the headline searchers see. Keep the meter under 60 characters.
- 2
Write the meta description — the sentence under the headline. The meter tracks the ~155-character limit.
- 3
Add the page URL so the canonical tag and og:url are included.
- 4
Add the site name and a social share image URL (1200×630px works best) for rich social previews.
- 5
Copy the snippet into your page's head — or paste the individual values into your site builder's SEO fields.
Examples
Service page for a local business
A mobile groomer packages their services page for search and social shares.
Inputs
- Page title: Mobile Dog Grooming in Austin — Book Online | Pawsh
- Meta description: Professional grooming that comes to your driveway. See prices, service area, and book online in 60 seconds.
- Page URL: pawshaustin.com/services
- Site name + share image: Pawsh Mobile Grooming, /images/van.jpg
Result
A complete block: title and description tags, canonical to https://pawshaustin.com/services, OG tags with the image, and a summary_large_image Twitter card — ready to paste.
One snippet covers three audiences at once: Google (title, description, canonical), Facebook/LinkedIn/WhatsApp (OG), and X (Twitter card). The tool upgraded the card type automatically because an image was provided.
Fixing an over-long title
A bakery's homepage title keeps getting cut off in Google.
Inputs
- Page title: Hoboken Bread Company — Fresh Sourdough, Baguettes, Pastries, Coffee & Catering in Hoboken NJ
- Meta description: Sourdough, baguettes, and pastries baked every morning.
Result
The title meter shows 95/60 characters in red — "may truncate in search." Trimming to "Fresh Bread Daily — Hoboken Bakery | Hoboken Bread Co." brings it under the limit with the keywords intact.
The meters are the point: truncation isn't a guess, it's a measurable limit. Front-load the words that must survive and let the meter referee what stays.
Key terms
Title tag
The clickable headline in search results and the browser-tab label. The single most important on-page SEO element — keyword-bearing, unique per page, under 60 characters.
Meta description
The gray sentence under the headline in search results. It doesn't directly affect rankings, but it heavily affects whether people click — which does.
Open Graph (OG) tags
The meta tags Facebook, LinkedIn, WhatsApp, Slack, and most apps read to build link previews: og:title, og:description, og:image, og:url. Without them, shares render as bare links nobody taps.
Canonical URL
A tag that declares the page's one official address, protecting you from duplicate-content dilution when the same page is reachable at multiple URLs (with/without www, with tracking parameters).
How to interpret the result
Under the limit isn't the same as good
The meters keep you inside Google's display limits, but what fills the characters matters more: the primary keyword near the front of the title, a description that makes a concrete promise ("see prices, book in 60 seconds") rather than describing the page abstractly. Write like a search ad — because in the results page, that's exactly what these two lines are.
Preview before you publish
After pasting the tags, test them: share the URL in a private Slack or WhatsApp chat to see the OG preview, and use our SERP Snippet Preview tool to see the Google rendering with pixel-accurate truncation. Social platforms cache previews aggressively — if you update the image, re-scrape with the platform's sharing debugger to bust the cache.
Common mistakes
- Using the same title and description on every page — each page competes for its own searches and needs its own packaging.
- Writing titles for the business ("Home | Smith LLC") instead of for the search ("Emergency Plumber in Mesa — 24/7").
- Skipping og:image, then wondering why shared links get no clicks — the image is most of the preview's surface area.
- Pointing the canonical at the wrong URL (staging, http, or a redirecting address) — worse than omitting it.
- Stuffing keywords into the meta description; Google bolds matched words, but a readable promise wins the click.
Frequently asked questions
Is this meta tags generator really free?+
Yes — free, no signup, nothing stored. The HTML is generated in your browser.
Where do I paste the generated code?+
Inside the <head> section of your page's HTML, replacing any existing title/description tags. On WordPress, Shopify, Squarespace, or Wix, paste the individual values into the page's SEO settings instead — the platform writes the tags for you.
What size should the social share image be?+
1200×630 pixels is the safe standard — it renders crisply on Facebook, LinkedIn, WhatsApp, and X's large card. Keep important content centered; some placements crop the edges. Use a real image URL that's publicly accessible, not a file on your computer.
Do meta keywords still matter?+
No — Google has ignored the meta keywords tag since 2009, which is why this tool doesn't generate one. Spend the effort on the title and description, which searchers actually see.
Why is there both Open Graph and Twitter card markup?+
Most platforms read Open Graph, but X (Twitter) reads its own twitter:* tags first. Including both — with the card type chosen automatically based on whether you added an image — means the preview looks right everywhere. Duplication is intentional and harmless.
Will better meta tags improve my rankings?+
Directly, modestly: the title tag is a real ranking signal, the description is not. Indirectly, a lot: clearer titles and descriptions raise click-through rates, and pages that get chosen more often earn more of everything downstream — traffic, links, and repeat visitors.