META TAG GENERATOR β SEO TITLE + DESCRIPTION + OG + TWITTER | LIVE SERP PREVIEW
100% Private: Sab kuch aapke browser me generate hota hai β koi data server pe nahi jata.
50β60 characters best
0/60
140β160 characters best
0/160
Full URL with https:// β yehi canonical + og:url me jayega.
GOOGLE SEARCH PREVIEW
example.com
https://example.com/my-page
Your Page Title Appears Here
Your meta description appears here in Google results. Write 140β160 characters for the best display.
SOCIAL SHARE PREVIEW
og:image preview
example.com
Social share title (og:title)
og:description preview text
GENERATED META TAG CODE (paste inside <head>)
Meta tags yahan generate honge β Title, Description aur URL bharna shuru karoβ¦
META TAGS β COMPLETE GUIDE (2026)
Meta Tag Generator Kya Hai?
Meta Tag Generator ek free online tool hai jo aapki website ya blog page ke liye ready-to-paste HTML meta tags banata hai β SEO title, meta description, canonical URL, robots directive, Open Graph tags aur Twitter Card tags, sab ek jagah. Aapko HTML yaad rakhne ki zaroorat nahi: apni details bharo, upar live Google search preview dekho, aur jab sab sahi lage to Copy Code dabao aur apne page ke <head> section me paste kar do.
Meta tags aapke page ka "calling card" hote hain β Google results me title aur description isi se banti hain, aur WhatsApp/Facebook pe link share karne waqt bada image-card bhi isi se aata hai. Galat ya missing tags ka matlab: khali preview cards, chhape hue titles, aur kam clicks β same ranking par bhi.
Ek Accha SEO Title Kaise Likhein?
- Main keyword pehle rakho β title ke shuru me keyword ka sabse zyada weight hota hai. "Meta Tag Generator Online Free" better hai "Free Tool: Meta Tags" se.
- 50β60 characters β isse lamba Google kaat dega aur "..." dikhega. Tool ka counter live warning deta hai.
- Brand last me β "| Brand Name" format title ke end me bharosa dikhata hai aur clicks badhata hai.
- Numbers aur year β "2026", "Top 10", "Free" jaise modifiers CTR badhate hain.
- Har page ka title unique β do pages ka same title ho to Google khud rewrite karta hai, aapka control chala jata hai.
Meta Description Ke 5 Rules
- 140β160 characters β lambi description truncate hoti hai, chhoti me space bachta hai.
- Active voice + CTA β "Check your GST in 10 seconds β free" jaisa direct pitch likho.
- Keyword daalo β search query ka word description me bold ho jata hai Google me, attention milti hai.
- Jhooth mat bolΠΎ β description jo page deliver nahi karta wo bounce-rate badhata hai.
- Har page unique β duplicate descriptions Google ko auto-generate karne pe majboor karte hain.
Open Graph Tags β Social Share Card Ka Engine
Jab koi aapka link WhatsApp pe bhejta hai, WhatsApp aapke page ka og:image, og:title aur og:description padhta hai aur bada preview card banata hai. Facebook, LinkedIn, Telegram, Instagram (bio links ke previews), Discord β sab OG standard use karte hain. Twitter/X apna Twitter Card format padhta hai, lekin twitter:title missing ho to OG pe fallback karta hai β isliye tool dono generate karta hai. og:image ke liye 1200Γ630 px ideal hai aur 300KB se chhoti image rakho, warna kuch platforms preview reject kar dete hain.
Robots Directive β Kab Konsa Chuno
| Directive | Kya karta hai | Kab use karein |
|---|---|---|
index, follow | Page index ho, links follow ho | Normal pages β 95% cases yehi |
noindex, follow | Page index nahi, par links follow hote hain | Thank-you pages, tag archives jahan links valuable hain |
index, nofollow | Page index ho, par uske links trust na ho | Bahut rare β paid-links pages |
noindex, nofollow | Page poori tarah hidden | Private/preview pages, internal dashboards |
Tags Ko Website Me Kaise Lagayein
- Copy Code button se tags copy karo.
- Apni HTML file kholo aur
<head>...</head>ke beech paste karo (already koi title tag ho to usse replace karo β do title tags allowed nahi). - WordPress me: theme ke
header.phpme paste karo ya SEO plugin (RankMath/Yoast) ke fields me same content bhar do. - Blogger me: Theme β Edit HTML β
<head>ke just baad paste karo. - Live hote hi Google Rich Results Test ya Facebook Sharing Debugger se verify karo ki tags dikh rahe hain.
Common Mistakes Jo Rank Girati Hain
- Keyword stuffing β "best tool, free tool, online tool, tool online free" jaisa title spam signal hai, rank nahi deta.
- Do title/description tags β plugin + theme dono inject kar rahe hote hain; Google confuse ho jata hai.
- Missing canonical β www/non-www aur http/https versions duplicate bante hain; canonical isse fix karta hai.
- og:image bina absolute URL β relative path (
/images/cover.jpg) kaam nahi karta; fullhttps://URL hi do. - Same tags har page pe β template me hardcode karne se sab pages ka title same ho jata hai; har page ka apna hona chahiye.
Frequently Asked Questions (FAQ)
Meta tags are HTML snippets that describe your page to search engines and social platforms. The title tag is the biggest single on-page ranking factor, the meta description controls the text Google may show under your result, and Open Graph / Twitter Card tags control the big image-and-title preview when someone shares your link on WhatsApp, Facebook, LinkedIn or X. Good tags mean more clicks from the same ranking.
Yes β completely free with no limit. Generate tags for as many pages as you want. No signup, no watermark, and everything runs in your browser so your website details never leave your device.
Keep the title between 50β60 characters (Google truncates around 580β600 pixels, roughly 60 characters) and the meta description between 140β160 characters. This tool shows a live pixel-style gauge and turns the counter red when you cross the safe limit, so you can trim before copying.
Not always β Google rewrites descriptions in roughly 60β70% of cases when it thinks another snippet matches the query better. But for most queries the written description is used, and even when rewritten, a good description keeps your page focused. Always write for humans first.
Yes. WhatsApp, Facebook, Instagram, LinkedIn, Telegram and Discord all read Open Graph (og:title, og:description, og:image) tags. That is why the tool includes them by default β without them, shared links show a bare URL with no preview card.
Use 1200Γ630 pixels (ratio 1.91:1) and keep the file under 300KB in JPG or PNG format. Twitterβs summary_large_image card uses the same image. Keep important text inside the centre-safe area so cropping platforms do not cut it off.
Paste the tags inside the <head> section of your HTML page β after the opening <head> tag and before </head>. In WordPress, put them in your themeβs header.php or use an SEO pluginβs "head code" field. In Blogger, paste inside the theme HTML under <head>.
No. Everything is generated locally in your browser using JavaScript β your titles, URLs and descriptions are never sent to any server. You can even disconnect the internet after the page loads and the tool will keep working.