Meta Tag Generator
Generate title, description, canonical, robots and Open Graph tags — with a live Google preview and social share card as you type.
100% FreeNo sign-upNothing stored
Page basics
The title and description are what people see in Google.
Search & sharing
Canonical, robots and social tags — the details that make shared links look right.
Best-practice checklist — 1 of 5 done
- Title 30–60 characters (now 0)Google shows about 600 pixels of title — 30–60 characters is the safe range.
- Description 120–160 characters (now 0)Descriptions longer than ~160 characters get cut off in the search results.
- Open Graph tags complete (title, description and image)Facebook, LinkedIn and WhatsApp use these to build the share card.
- Twitter / X card setControls how the page looks when shared on X.
- Canonical URL presentTells search engines which address is the preferred one for this page.
- Add a page title — it is the single most important on-page element.
- Add a meta description — pages without one get an auto-generated snippet.
- Add a canonical URL so search engines know the preferred address of this page.
Your meta tags
Copy this into the <head> of your page.
<meta name="robots" content="index, follow"> <meta property="og:type" content="website"> <meta name="twitter:card" content="summary_large_image">
Live Google preview
Your page title will appear here
example.com › your-page
Your meta description will appear here, just as Google would show it in the search results.
Social share preview
example.com
Your page title
Your description will appear here when this page is shared.
LinkedIn preview
LinkedIn shows a wide card (1200 × 627) with the title below the image.
Your page title
example.com
WhatsApp preview
WhatsApp shows the link as a small card inside a chat bubble.
Your page title
Your description will appear here when this link is shared on WhatsApp.
example.com
Shared link · WhatsApp
How to use
How to use the Meta Tag Generator
Fill in the page basics
Write your title, meta description and keywords. The pixel-width meters show whether they will be cut off in Google.
Add search & sharing details
Set the canonical URL, robots value and Open Graph tags so shared links look right on Facebook and X.
Copy the tags into your page
Copy the generated code into your page’s <head>. Check the live Google preview first — it shows exactly what searchers will see.
What are meta tags?
Meta tags live in the <head> of a web page, where visitors never see them — but search engines and social networks read them first. The title tag becomes the blue link in Google results. The meta description becomes the grey text underneath it. Open Graph tags decide the image, title and description shown when someone shares the page on Facebook, X or LinkedIn.
Getting them right is one of the cheapest SEO wins there is: no code changes to the visible page, just a few lines in the head.
What is a meta tag generator for, and who uses it?
A meta tag generator writes the <head> code for a page so you do not have to remember the syntax or the length limits. Bloggers use it for new posts, site owners for home and landing pages, developers for templates, and SEO freelancers for client sites — anywhere a page needs a title, description and share tags that are correct first time.
It is also the fastest way to check existing tags: paste in what a page already has and the meters and previews show at once whether the title will be cut off or the description is missing.
Why use this meta tag generator?
Writing meta tags by hand means guessing at lengths and formatting. This tool does the measuring for you:
- Live pixel-width meters — Google cuts titles at about 600 pixels and descriptions at about 920, not at a fixed character count. The meters measure your actual text.
- A live Google preview that updates as you type, so you see the search result before you publish.
- A social share preview showing how the page will look when shared.
- Warnings when a title or description is missing or too long.
Meta tag character limits — the numbers that matter
Google truncates by width, so character counts are a guide, not a rule. These are the ranges to aim for:
- Title tag — 50–60 characters, about 600 pixels. Put the main keyword near the start so it survives truncation.
- Meta description — 150–160 characters, about 920 pixels. Google rewrites descriptions it finds unhelpful, so write one that matches the page.
- Open Graph image — 1200 × 630 pixels for a large share card on Facebook, LinkedIn and X.
- Meta keywords — no limit matters, because Google and Bing ignore the tag for ranking.
Uses and benefits
Good meta tags help in four concrete ways:
- Better click-through — a clear title and description earn more clicks from the same ranking.
- Control over the snippet — without a description, Google writes its own, and it may not say what you want.
- Better-looking shares — Open Graph tags make shared links show your image and wording instead of a random crop.
- Fewer duplicate-content problems — a canonical tag tells search engines which address is the preferred one.
Best practices — and common mistakes
Most meta-tag problems come from a short list of avoidable habits:
- Every page needs a unique title and description — copy-pasting the same pair across pages wastes both.
- Do not stuff the title with keywords — one clear phrase with the keyword near the start beats a list.
- Do not leave the description blank — Google will invent one, and it may not say what you want.
- Do not rely on the keywords meta tag — it has not affected Google rankings since 2009.
- Check the preview before publishing — a title that looks fine in your editor can be cut off mid-word in search results.
FAQ
Frequently asked questions
Meta tags are short pieces of code in a page’s <head> that describe the page to search engines and social networks: the title, the description, the canonical URL, and the Open Graph tags that control how a shared link looks.
Keep going