Meta Tags Kaise Likhe — Title, Description, OG Tags Complete Guide (2026 Hinglish)

Wo 160 characters jo aapki site ki saari mehnat ka faisla karte hain

Google ne aapka page rank kar liya — position 5 pe. Par user ke saamne title ka sirf aadha hissa dikh raha hai, "...aur" pe kat gaya. Description to dikh hi nahi rahi — Google ne khud se koi random line utha li. Result: user agle result pe chala gaya, aur aapka click loss hota gaya. Ye kahani har us website ki hai jiske meta tags theek se nahi likhe gaye — aur asli dukh ye hai ki iska ilaaj sirf 10 minute ka hai.

Meta tags wo chhote HTML snippets hain jo aapke page ke <head> section me rehte hain aur search engines plus social platforms ko batate hain ki aapka page kya hai, kaise dikhna chahiye, aur kis baat ka jawab deta hai. Is guide me hum step-by-step dekhenge ki perfect meta tags kaise banaye — title, description, Open Graph, Twitter Card, canonical aur robots directive — bina ek bhi line manually likhe, hamare free Meta Tag Generator se. Saath me ye bhi ki konsi galtiyan aapke clicks kha rahi hain, aur WhatsApp/Facebook share pe bada image-card kaise aata hai.

Meta Tag Generator Kya Hai — Ek Minute Me Samjho

Meta Tag Generator ek free online tool hai jo aapse sirf 3 cheezein maangta hai — page title, meta description aur page URL — aur badle me ready-to-paste HTML tags de deta hai: primary meta tags, Open Graph (Facebook/WhatsApp/LinkedIn ke liye), Twitter Card tags, canonical link aur robots directive. Sabse useful cheez: jab aap type karte ho, tool ke andar hi ek live Google search result preview chalta hai — aapko pehle se dikh jata hai ki aapka result Google me kaisa dikhega, bina kuch publish kiye.

Ye tool un logon ke liye banaya gaya hai jo SEO me naye hain ya jiske paas developer nahi hai: bloggers, chhote business owners, students — jinke liye "meta tag kya hota hai" seekhne me hafte lagte hain. Yahan aap sirf boxes bharo, preview dekho, aur Copy dabao. Code ka syntax, quotes ka escaping, attribute ke naam — sab tool khud sambhalta hai, isliye kisi bhi validation error ka chance nahi.

Meta Tags Actually Kya Hote Hain? (30-Second Technical Dose)

Aapke browser ko page dikhane ke liye HTML chahiye. Us HTML ke <head> me kuch "invisible" tags hote hain jo page ko describe karte hain — users ko nahi dikhte (page pe print nahi hote), par Google, Bing, WhatsApp, Facebook jaise systems unhe dhyan se padhte hain:

• <title> — Browser tab aur Google result ka blue clickable headline. On-page SEO ka sabse powerful single element.
• <meta name="description"> — Google result me title ke niche wali 2-line text. Click karne ke liye "pitch" hai.
• <link rel="canonical"> — Batata hai ki is content ka "official" URL kaunsa hai. Bina iske www/non-www aur http/https versions duplicate ban jate hain.
• <meta name="robots"> — Batata hai ki page index ho ya na ho, aur iske links follow hon ya nahi.
• Open Graph tags (og:) — WhatsApp, Facebook, LinkedIn, Telegram jab aapka link share karte hain to bada preview card banate hain — uska title, description aur image inhi tags se aata hai.
• Twitter Card tags (twitter:) — X/Twitter apne format me padhta hai; missing hone par OG pe fallback karta hai, par dono likhne se full control milta hai.

Ek important baat jo aksar miss hoti hai: meta description direct ranking factor nahi hai — Google ne khud bola hai. Par description CTR (click-through rate) control karti hai, aur CTR ka indirect effect ranking pe hota hai. Yaani achhi description aapko same position pe zyada clicks dilati hai — aur clicks milte hi Google ka bharosa badhta hai.

Meta Tag Generator Se Tags Banane Ke 6 Steps (Screens Ke Saath Samjho)

Tool itna simple hai ki ek hi pass me ho jata hai, phir bhi order yaad rakhne ke liye ye 6 steps follow karo:

1. Page Title bharna shuru karo. Left panel ka pehla box — apna main keyword pehle rakho, brand name aakhir me. Jaise hi type karoge, upar right side me Google preview live update hoga aur character gauge 60/65 ke hisaab se rang badlega (green → yellow → red).
2. Meta Description likho. 140–160 characters ka target. Tool ka counter live batayega — 160 ke baad wala hissa Google me chhup jayega, isliye pehla hook aur CTA pehle 140 characters me hi fit karo.
3. Page URL daalo. Full URL with https:// — yehi canonical aur og:url me jayega. Tool yahan bhi warning deta hai agar https nahi hai.
4. OG image URL (optional par recommended). 1200×630 px ki image ka full URL do — social preview card me wahi dikhegi. Bina image ke share cards bare/blank lagte hain.
5. Options choose karo. Site/author name, Twitter handle (agar hai), robots directive (normal pages ke liye "index, follow" hi rakho), aur checkboxes — Open Graph on rakho, Twitter Card on rakho, meta keywords sirf tab jab legacy zaroorat ho.
6. Preview verify karo → Copy karo → paste karo. SERP preview aur social preview dono dekho. Phir Copy Code dabao, apni file ke <head> me paste karo (purana title tag replace karna mat bhoolna — do titles allowed nahi). Chaaho to Download se .html snippet file bhi save kar sakte ho.

Bas — poora process 2-3 minute ka hai, aur har page ke liye repeat karo. Har page ke tags unique hone chahiye; template me same tags sab pages pe daalna sabse common galti hai.

Perfect SEO Title Ka Formula — 5 Rules Jo Kaam Karte Hain

Title aapka sabse bada on-page lever hai. Ye formula practically har niche me kaam karta hai:

Ek pro-tip: title me pipe | ya dash - se sections alag karo — scanning aasan hoti hai aur mobile pe truncate hone par bhi pehla hissa intact rehta hai. Aur title me keyword ek hi baar — do baar likhna stuffing signal hai.

Meta Description Ke 5 Rules — Jahan Clicks Chhupte Hain

1. Hook first 100 characters me. Mobile pe description kaafi chhota dikhta hai — sabse strong line pehle aani chahiye.
2. Active voice + benefit + CTA. "Compress your Aadhar PDF to 100KB in 10 seconds — free, no upload." — user ko milne wala fayda seedha batao.
3. Target keyword naturally daalo. Google search query ke words description me match hone par bold kar deta hai — attention free milti hai.
4. Jhooth nahi. Description jo page deliver nahi karta, wo bounce rate udate hai aur Google us signal ko padhta hai.
5. 140–160 ka discipline. Chhoti description = waste space; lambi = truncate. Meter red hone par trim karo, aur isi ka live feedback Meta Tag Generator deta hai.

Open Graph Tags — WhatsApp Share Card Ka Poora Sach

India me sabse zyada traffic WhatsApp se aata hai — aur WhatsApp share card sirf OG tags se banta hai. Jab koi aapka link bhejta hai, WhatsApp ka crawler aapke page ka og:image, og:title, og:description fetch karta hai. Inme se koi bhi missing ho to card ya to khali dikhta hai ya sirf URL — aur WhatsApp me khali link ka click rate bahut kam hota hai.

OG image ke liye golden specs: 1200×630 px (1.91:1 ratio), JPG ya PNG, 300KB se kam. Text image ke center-safe area me rakho — kuch platforms crop karte hain. Ek aur cheez jo 90% log miss karte hain: OG image ka URL absolute hona chahiye (https://example.com/img/cover.jpg) — relative path (/img/cover.jpg) social crawlers me fail hota hai. Meta Tag Generator yahan warning de deta hai agar relative URL do.

Tags update karne ke baad agar WhatsApp purana card dikhaye, to Facebook Sharing Debugger me URL daal ke "Scrape Again" karo — cache turant refresh ho jata hai.

Robots Directive — Konsa Chunein Aur Kab

Tool ka robots dropdown 4 options deta hai. Confusion yahi hoti hai, isliye ek saaf table:

Warning: noindex page pe lagana easy hai par wapas index karna dheema hota hai — Google ko dobara trust build karne me hafton lag sakte hain. Isliye noindex decision soch ke lo, aur kabhi bhi apne money-pages pe galti se na lag jaye — isliye humne Meta Tag Generator me directive ko har baar conscious dropdown se choose karwaya hai, background me chhupaya nahi.

Tags Website Me Kaise Lagayein — WordPress, Blogger, Custom HTML

• Custom HTML / PHP site: Copy kiya code <head> ke turant baad paste karo. Existing <title> hai to usko replace karo. Save karo, page refresh karo, browser tab me naya title dikh jayega.
• WordPress: Agar SEO plugin (RankMath/Yoast) hai to title/description unke fields me bharo — wo khud tags generate karenge. OG image plugin ke "social" tab me daalo. Manual route chahiye to theme ke header.php me <head> ke andar paste karo (child theme me, warna update pe chala jayega).
• Blogger: Theme → Edit HTML → <head> dhoondo, tags uske baad paste karo. Blogger me per-post title apne aap aata hai — manually daala hua duplicate na ho iska dhyan rakho.
• Verify: Page live hone par view-source kholo (Ctrl+U) aur tags dhoondo. Phir Google Rich Results Test ya Facebook Sharing Debugger se cross-check karo.

Meta Tags Ek Baar Likho Aur Bhool Jao? — Nahi, Refresh Cycle Zaroori Hai

Ek big misconception: log meta tags ko "one-time setup" samajhte hain. Reality me content jaise-jaise evolve hota hai, tags bhi evolve hone chahiye. Ye refresh cycle follow karo:

• Har naye page pe: Publish se pehle Meta Tag Generator se fresh tags — copy-paste template nahi.
• Content update pe: Page me naya section add hua, naya year aaya, ya pricing change hui — title/description me bhi reflect karo. Stale year wala title ("2024 Guide") 2026 me CTR kill karta hai.
• Seasonal pages pe: Festival/tax-season pages ke tags season ke hisaab se adjust karo — "Income Tax 2026" wala title March me click khata hai, April me nahi.
• Quarterly audit: Search Console Performance me last-3-months CTR sort karo — bottom 10 pages ki list banao aur unke tags rewrite karo. Ye single activity pages ki CTR average ko visibly uchhal deti hai.

Aur ek baat: jab aap tags update karte ho to purana title kabhi hi completely change mat karo agar page ki ranking achhi hai — keyword core same rakho, sirf hooks/modifiers refresh karo. Bilkul naya title aksar short-term ranking dip deta hai kyunki Google relevance dobara establish karta hai.

7 Common Mistakes Jo Aapke Clicks Kha Rahi Hain

1. Same title har page pe — template hardcoding. Google duplicate titles ko khud rewrite karta hai, aur rewrite me aapka keyword chala jata hai.
2. Title me keyword stuffing — "best tool free tool online tool free" jaisa title spam signal hai. Ek keyword, natural phrasing.
3. Do title tags — plugin + manual dono ne lagaya. Browser pehla dikhata hai, Google apni marzi se choose karta hai — control khatam.
4. Canonical missing — http/https, www/non-www versions ka duplicate content issue. Har page pe ek canonical.
5. og:image relative URL — social cards blank. Full https:// URL hi.
6. Description me sirf keywords, koi pitch nahi — "tools, free tools, online tools, best tools" — user ko ek wajah nahi mili click karne ki.
7. Test kiye bina live karna — debugger se ek baar verify karna 10 second leta hai, aur galat card ka nuksan hafton ka hota hai.

10 Golden Rules — Copy Karke Rakh Lo

1. Ek page = ek unique title + ek unique description.
2. Title 50–60 chars, main keyword pehle, brand aakhir me.
3. Description 140–160 chars, pehle 100 me hook + CTA.
4. Har page pe canonical tag — https full URL.
5. OG image 1200×630, 300KB max, absolute URL.
6. OG + Twitter dono tag sets — fallback safe rehta hai.
7. robots directive default "index, follow" — noindex conscious decision.
8. Live hone par debugger + rich results test se verify.
9. Content update ho to title/description bhi refresh — stale tags CTR girti hai.
10. Har mahine ek baar Search Console → Performance me dekho kaunse pages ki CTR low hai — wahi pages ke tags dobara likho.

Meta Tags Glossary — 10 Terms Jo Ab Clear Honge

• Title Tag: HTML ka <title> element — SERP headline.
• Meta Description: Page ka 160-char pitch text.
• SERP: Search Engine Results Page — Google ka results page.
• CTR: Click-Through Rate — impressions me se kitne clicks mile.
• Canonical URL: Duplicate versions me se "official" URL.
• Open Graph (OG): Facebook ka social-preview tag standard.
• Twitter Card: X ka preview tag standard.
• Robots Directive: index/noindex, follow/nofollow instructions.
• Rich Snippet: Rating/FAQ jaise extras ke saath result.
• Head Section: HTML ka <head> — meta tags ka ghar.

Live Example — Ek Page Ka Complete Meta Package

Theory ke baad ek real example dekho. Maan lo aapka page hai: "GST Invoice Generator" — free tool page. Meta Tag Generator me ye details bharo:

• Title (56 chars): "GST Invoice Generator Free — Create Bills in 30 Seconds"
• Description (151 chars): "Free GST invoice generator online. Create professional bills with tax breakup in 30 seconds — download PDF, no signup. Works on mobile too."
• URL: https://example.com/tools/gst-invoice-generator
• OG image: https://example.com/images/gst-invoice-cover.jpg (1200×630)

Generated code roughly aisa dikhega:

<title>GST Invoice Generator Free — Create Bills in 30 Seconds</title>
<meta name="description" content="Free GST invoice generator online...">
<link rel="canonical" href="https://example.com/tools/gst-invoice-generator">
<meta property="og:title" content="GST Invoice Generator Free...">
<meta property="og:image" content="https://example.com/images/gst-invoice-cover.jpg">

Ab is package ko 3 jagah test karo: (1) Google preview me title green zone me hai? (2) Social card me image sahi crop ho rahi hai? (3) Description me keyword + CTA dono hain? Teeno pass = publish karo. Ye exercise 5 minute leti hai aur har naye page pe repeat hoti hai.

Title vs Description vs OG — Kaun Kitna Important Hai?

Naye SEO log sab tags ko barabar importance dete hain, par impact alag-alag hai. Priority order ye hai:

Time kam hai to is order me lagao: title → description → canonical → OG. Meta keywords? Chhod do — Google 2009 se ise ignore kar raha hai, aur competitors aapke target keywords ye padh ke bata dete hain.

CTR Ke Liye 3 Description Templates — Copy Karke Use Karo

Har baar description scratch se likhna mushkil hota hai. Ye 3 proven templates hain — apne keyword fit karke use karo:

1. Problem-Solution template: "[Problem] se pareshan? [Tool/Merchandise] se [benefit] — [time] me, free, no signup." Example: "File size se pareshan? Is tool se PDF 100KB me — 10 second me, free, no signup."
2. Number-Proof template: "[Number]+ [cheez] [category] ke liye — [quality signal]. [CTA]." Example: "50+ free online tools for students & creators — no upload, 100% private. Aaj hi try karo."
3. Question-Hook template: "[Target query]? [One-line answer + differentiator]." Example: "Aadhar print kaise kare? Front+back side-by-side, exact 85.6mm size me — browser se hi, bina software."

Dono rules hamesha: template me bhi keyword naturally aana chahiye, aur 140-160 chars ke andar fit hona chahiye. Meta Tag Generator ka live counter ye verify karta hai type karte hi.

Mobile vs Desktop SERP — Preview Ka Difference

Ek cheez jo static screenshots me nahi dikhti: Google mobile aur desktop pe alag-alag truncate karta hai. Desktop pe ~60 characters title me aa jate hain, mobile pe pixel-width alag hone se kabhi 55 pe kat jata hai, kabhi 63 tak chal jata hai. Description desktop pe ~160 chars tak dikhti hai, mobile pe aksar 120 ke aas-paas. Iska matlab:

• Sabse important word title ke pehle 40 characters me rakho — mobile truncate hone par bhi wo dikh jayega.
• Description ka hook aur CTA pehle 110-120 characters me — mobile users ko poora text nahi dikhta.
• Brand name title ke end me hai to mobile pe kat sakta hai — koi baat nahi, wo sirf trust ke liye hai, clicks keyword se aate hain.

Meta Tag Generator ka preview ise approximate karta hai — 60/160 pe warning de deta hai jo dono platforms ka safe zone hai. Aakhri sach ye hai ki pixel-perfect prediction koi tool nahi de sakta (Google ka font rendering change hota rehta hai), par 50-60 title zone me rehna har device pe safe hai.

Publish Ke Baad — Search Console Me Kya Dekhna Hai

Tags laga diye aur publish kar diya — kaam khatam? Nahi. Asli improvement loop Search Console me chalta hai. Ye 4-jagah ka weekly 10-minute routine hai:

1. Performance → Pages: Har page ki CTR dekho. CTR 2% se neeche aur impressions zyada = title/description ka pitch kaam nahi kar raha. Wo page ke tags dobara likho — is baar zyada specific hook ke saath.
2. Performance → Queries: Dekho kis query pe page dikh raha hai par us query ka word title me nahi hai. Word title me daalo — position aur CTR dono improve hote hain kyunki Google relevance signal aur user ko exact match dono milta hai.
3. URL Inspection: Kisi bhi updated page ka URL inspect karo — "User-declared canonical" aur "Google-selected canonical" same hone chahiye. Alag hain to canonical tag ya redirect me problem hai.
4. Change hua page → Request Indexing: Tags update karne ke baad URL Inspection me "Request Indexing" dabao — Google naya title/description jaldi fetch karta hai, warna 2-7 din ka wait hota hai.

Ek realistic expectation set kar lo: meta tags ka improvement CTR me dikhata hai, position me nahi. Position badhne me content quality, internal links aur page experience ka weight zyada hai. Par CTR 2% se 5% karne ka matlab hai — same ranking pe 2.5x zyada traffic, bina ek naya backlink banaye. Ye sabse sasta SEO win hai jo available hai.

Aksar Puche Jane Wale Sawal

Tool page pe 8 detailed FAQs hain — Meta Tag Generator ke FAQ section me. Short version: meta tags direct ranking nahi badhate par CTR zaroor badhate hain; description har query pe nahi dikhti (Google ~60-70% cases me rewrite karta hai); OG tags WhatsApp/Instagram/LinkedIn sab me kaam karte hain; og:image 1200×630 ideal hai; paste karne ki jagah <head> hai; aur tool kuch bhi store nahi karta — sab browser me hota hai.

Ab Kya? — SEO On-Page Ka Agla Kadam

Meta tags on-page SEO ki pehli seedhi hai. Iske baad: structured data ke liye Schema Markup Generator (rich results ke liye), site ki technical side ke liye Robots.txt Generator aur XML Sitemap Generator, aur content quality check ke liye Keyword Density Checker. Saare SEO tools ek jagah dekhne ke liye SEO Tools category aur poori library ke liye All Tools page kholo.