Meta Tag Generator — Free SEO, Open Graph & Twitter Card Tags
Meta Tag Generator
Fill in the basics, and this tool builds your SEO title, description, Open Graph and Twitter Card tags — with a live Google preview and character counters. Everything runs in your browser. Nothing is uploaded anywhere.
Your meta tags
What Are Meta Tags, and Why Do They Decide Whether Anyone Clicks?
Meta tags are small pieces of code that live in the <head> of a web page. Visitors never see them on the page itself — but Google does, and so does every social platform that turns your link into a preview card. A page with good meta tags shows up in search with a clear title and a tempting description, and shares on Facebook, X and LinkedIn with the right image and headline. A page without them shows up with a random snippet Google guessed from your text, and a blank or broken preview when shared. The content can be identical; the click rate will not be.
That is why meta tags are the highest-leverage ten minutes in basic SEO. You do not need to rewrite your article or wait for backlinks. You describe the page accurately, in the lengths each system actually displays, and every future impression benefits.
The Essential Tags Every Page Needs
Most pages need only a handful of tags. The generator above builds all of them, but it helps to know what each one does:
| Tag | What it does |
|---|---|
<title> | The clickable headline in Google results and the browser tab. The single most important on-page SEO element. |
meta description | The short summary under the title in search results. Not a ranking factor, but it decides clicks — and clicks are everything. |
canonical | Points search engines to the one true URL of the page, so duplicate versions (http vs https, www vs non-www, tracking parameters) do not split your ranking. |
robots | Tells crawlers whether to index the page and follow its links. Most pages want index, follow; private or duplicate pages want noindex. |
og:title / og:description / og:image | Open Graph tags control the preview card on Facebook, LinkedIn, WhatsApp and most other platforms. |
twitter:card / twitter:title / twitter:description / twitter:image | Twitter Card tags control the preview on X. A summary_large_image card gets the big image treatment. |
How Long Should a Title and Description Be?
Google does not count characters — it measures pixels, roughly 600 pixels for a title. In practice that works out to about 50–60 characters. Shorter titles waste the space; longer ones get cut off with an ellipsis, which hides your best words. The generator's counter turns green in the 50–60 range so you can feel the limit instead of guessing it.
Descriptions get roughly 155–160 characters of display space on desktop, a little less on mobile. Aim for 120–160 characters: long enough to say something real, short enough to survive intact. Front-load the benefit — put the reason to click in the first half, because mobile screens cut descriptions even earlier.
Open Graph and Twitter Cards: Your Link's First Impression
When someone pastes your URL into Facebook, WhatsApp, LinkedIn or X, the platform reads your Open Graph and Twitter tags to build the preview. Without them, it guesses — often picking the wrong image, a navigation menu as the description, or no image at all. A good preview card does three things: it uses an image at least 1200 × 630 pixels, it repeats the page's real title (or a slightly punchier social version), and it carries a description written for humans scrolling a feed, not for search engines.
One practical note: social platforms cache previews. If you fix your tags and the old preview still shows, use Facebook's Sharing Debugger or X's Card Validator to force a re-scrape. The tags were right; the cache was just stale.
Canonical and Robots: The Quiet Tags That Prevent Self-Inflicted Damage
Canonical tags matter most on sites where the same content is reachable at several URLs — Blogger blogs included, where a post can appear with and without parameters. A canonical tag tells Google which version to rank and which versions to ignore, so your ranking power is not split across duplicates.
The robots tag is the opposite of subtle: noindex removes a page from search entirely. Use it deliberately for thank-you pages, internal search results and staging pages — and double-check you never put it on a page you actually want found. Many "my page disappeared from Google" mysteries trace back to a stray noindex.
How to Add Meta Tags on Blogger
Blogger writes some tags for you automatically — the post title becomes the title tag, and the Search Description you set per post becomes the meta description. For full control, go to Theme → Edit HTML and place your generated tags inside the <head> section, or use this generator's output as the reference for what each page should carry. For individual posts, the Search Description field (in the post editor's sidebar) is the fastest way to set a proper description without touching the theme.
Common Meta Tag Mistakes
The mistakes that cost the most clicks are boring ones: duplicate titles across many pages (Google then has to guess which page matches a query), descriptions that just repeat the title, missing OG images (so shared links look broken), and keyword-stuffed titles written for 2005-era search engines. Write each title and description for one specific page, as if a human will read exactly that text before deciding to click — because one will.
How to Use This Generator
Start with the basics: your page title and a one-or-two-sentence description. Watch the counters and the live Google preview as you type. Leave the "use SEO title and description for social too" box checked unless you have a reason to write different social copy — for most pages, consistency wins. Add a canonical URL and an OG image when you have them, pick the large-image Twitter card, then copy the tags and paste them into your page's head. Test the result by sharing the link privately once; if the preview looks right, you are done.
Frequently Asked Questions
What meta tags does every page need?
At minimum: a unique title tag, a meta description, and Open Graph title, description and image tags. Add a canonical URL when the page can be reached at more than one address, and a robots tag only when you want something other than the default index-and-follow behavior. Everything else is optional polish.
How long should a title tag and meta description be?
Aim for 50–60 characters for the title and 120–160 characters for the description. Google measures display width in pixels rather than characters, so treat these as practical ranges, not hard rules — the key point is that longer text gets cut off, hiding your most important words.
What are Open Graph tags for?
Open Graph tags control how your link looks when shared on Facebook, LinkedIn, WhatsApp and most other platforms — the preview title, description and image. Without them, each platform guesses, and the guess is often a wrong image or a snippet from your navigation menu.
Do meta keywords still matter for SEO?
No. Google has publicly ignored the meta keywords tag since 2009, and other major search engines give it no weight either. Time spent stuffing keywords into that tag is time not spent on the title and description that actually affect clicks. This generator deliberately leaves it out.
What is a canonical URL?
A canonical URL is the single preferred address for a page, declared with a link rel="canonical" tag. When the same content is reachable at several URLs — with tracking parameters, http and https versions, or www and non-www variants — the canonical tag tells search engines which version to rank, so your ranking power is not split across duplicates.
How do I add meta tags on Blogger?
For a single post, use the Search Description field in the post editor — Blogger turns it into the meta description. For site-wide control, go to Theme, then Edit HTML, and place your generated tags inside the head section. Never paste raw tag code into the post body; meta tags only work in the head.
Comments
Post a Comment