SA-21/06, C-11, Asapur, Varanasi, UP support@kamaldnp.com +91 8318013442
HTML
1. HTML क्या है? शुरुआत से सीखें आसान हिंदी में 2. HTML लिखने के लिए सबसे अच्छे मुफ्त एडिटर 3. HTML की बुनियादी बनावट: doctype, head, body 4. HTML एलिमेंट क्या है? Tags और Empty Elements 5. HTML Attributes: href, src, alt, title की पूरी सूची 6. HTML Headings h1 से h6: कौन सी हेडिंग कब लगाएँ 7. HTML Paragraph: p Tag, br और pre का इस्तेमाल 8. HTML Style Attribute: रंग, फ़ॉन्ट साइज़ और अलाइनमेंट 9. HTML Formatting Tags: bold, italic, mark और भी 10. HTML Comments: नोट्स लिखना और कोड छिपाना 11. HTML Colors: नाम, HEX, RGB और HSL कलर कोड 12. HTML में CSS: Inline, Internal और External तरीका 13. HTML Links: a Tag, href, नया टैब और ईमेल लिंक 14. HTML Images: img Tag, src, alt और साइज़ 15. HTML Favicon: ब्राउज़र टैब का आइकन कैसे बनाएँ 16. HTML Title Tag: अच्छा पेज टाइटल कैसे लिखें 17. HTML Tables: टेबल बनाना — table, tr, th, td 18. HTML Lists: ul, ol, dl और Nested Lists 19. HTML Block vs Inline Elements में क्या अंतर है 20. HTML Div Tag: कंटेंट जोड़ना और लेआउट बनाना 21. HTML Class Attribute: कई Elements को एक स्टाइल 22. HTML id Attribute: Unique ID, लिंक, CSS, JavaScript 23. HTML Iframe: YouTube, मैप और पेज अंदर दिखाएँ 24. HTML में JavaScript: script Tag और पहला उदाहरण 25. HTML File Paths: Relative vs Absolute Path हिंदी में 26. HTML Head Element: title, meta, charset हिंदी में 27. HTML Layout: header, nav, main, footer की बनावट 28. HTML Responsive Design: हर स्क्रीन पर सही पेज 29. Semantic HTML Tags: मतलब वाले Tag और SEO 30. HTML Forms: input, label, select हिंदी में सीखें 31. HTML Entities क्या है? & < > © उदाहरण 32. HTML Audio और Video Tags: controls और Source 33. HTML Accessibility: alt Text, Label, ARIA क्या है 34. HTML Meta Tags और SEO की बुनियाद आसान भाषा में 35. HTML Quotations: blockquote, q, cite हिंदी में
अंतिम टेस्ट — सर्टिफिकेट ₹10
इस कोड को लाइव चलाएँ
पाठ 16, कुल 35 में

HTML Title Tag: अच्छा पेज टाइटल कैसे लिखें

3 मिनट पढ़ें · मुफ़्त · बिना लॉगिन

भाषा:

<title> tag <head> के अंदर बैठता है और browser tab पर दिखने वाला text तय करता है। लेकिन यह उससे कहीं ज़्यादा करता है — यह वह नीली clickable headline भी है जो Google search results में दिखाता है, और वह नाम भी जिससे कोई आपके पेज को bookmark करता है।

Diagram — देखें, यह सब कैसे जुड़ता है
Infographic: browser tab में पेज टाइटल

टाइटल इतना ज़रूरी क्यों है

पेज के सभी tags में, title का search engines के लिए सबसे ज़्यादा वज़न होता है। जब Google तय करता है कि आपका पेज किस बारे में है, तो वह सबसे पहले title देखता है। अच्छे title वाला पेज, बेहतर content लेकिन अस्पष्ट title वाले पेज से आगे निकल सकता है — जैसे "Home" या "Untitled"।

अच्छा title कैसे लिखें

  • खास रहें: "HTML Tables — KAMALDNP Seekho", "Lesson 17" से बेहतर है।
  • महत्वपूर्ण शब्द पहले रखें: search engines शुरुआत को ज़्यादा वज़न देते हैं।
  • 60 अक्षरों के अंदर रखें: लंबे title search results में कट जाते हैं।
  • हर पेज का एक ही title: आपकी साइट के हर पेज का title अलग होना चाहिए।
  • अंत में अपना brand जोड़ें: "… — KAMALDNP" लोगों को आपकी साइट पहचानने में मदद करता है।

ध्यान दें कि title पेज के अंदर कभी नहीं दिखता। Visitors उसे सिर्फ tab में, search results में और bookmarks में देखते हैं — यही कारण है कि उसे भूलना इतना आसान है, और उसे सही करना इतना ज़रूरी है।

Tip: title लिखने के बाद उसे Google पर खोजें। अगर आपका पेज नहीं दिखता, तो title शायद बहुत सामान्य है या दूसरे पेजों जैसा है।

title tag क्या है

<title> tag browser tab, bookmarks list और search results में दिखने वाला text तय करता है। यह <head> के अंदर बैठता है, और हर पेज में ठीक एक होना चाहिए। यह पेज पर दिखाई नहीं देता — लेकिन Google में यह सबसे पहले दिखता है, इसलिए इसका महत्व ज़्यादातर दिखने वाले text से भी ज़्यादा है।

याद रखने की तरकीब: Title = पेज की पहचान (tab और Google में), H1 = पेज की शान (पेज के अंदर)।

सिंटैक्स

<head>
  <title>HTML Tutorial — KAMALDNP Academy</title>
</head>

title browser history में भी दिखता है और जब कोई आपका पेज WhatsApp या Facebook पर share करता है। एक साफ title लोगों को बताता है कि पेज किस बारे में है, उसे खोलने से पहले ही।

Note: <title>, <h1> जैसा नहीं है। Title browser tab और search results के लिए है; h1 वह बड़ी heading है जो लोग पेज पर देखते हैं। वे एक जैसे हो सकते हैं, लेकिन वे अलग-अलग काम करते हैं — और एक पेज का title अच्छा हो सकता है और h1 उससे अलग, लंबा हो सकता है।
Tip: title को 60 अक्षरों के अंदर रखें। Google लंबे title को search results में "..." से काट देता है। सबसे महत्वपूर्ण शब्द पहले रखें और अंत में साइट का नाम, जैसे "HTML Tables — KAMALDNP Academy"।

आम गलतियाँ

  • title को "Untitled Document" छोड़ देना — हर tab और हर search result में यही दिखेगा।
  • हर पेज पर एक ही title इस्तेमाल करना — हर पेज का अपना, अलग title होना चाहिए।
  • title में keywords भर देना — "HTML, html tutorial, learn html, html course" Google को spam जैसा लगता है।
  • बहुत लंबा title लिखना — लगभग 60 अक्षरों के बाद सब कुछ कट जाता है।

उदाहरण

Example
<!DOCTYPE html>
<html>
<head>
<title>HTML Page Title — KAMALDNP Seekho</title>
</head>
<body>

<h1>Welcome to my page</h1>
<p>The title above is set in the head — check the browser tab.</p>

</body>
</html>

परिणाम

परिणाम — ब्राउज़र में यह कैसा दिखता है
परिणाम: HTML Title Tag: अच्छा पेज टाइटल कैसे लिखें

खुद करके देखें — लाइव एडिटर

नीचे दिया गया कोड बदलें और चलाएँ दबाएँ — परिणाम तुरंत दिखेगा। कोई फाइल सहेजनी नहीं है, कोई लॉगिन नहीं चाहिए।

परिणाम

अक्सर पूछे जाने वाले सवाल

इस पाठ के बारे में सबसे ज़्यादा पूछे जाने वाले सवाल — सवाल पढ़ें, फिर खोलकर जवाब देखें।

1. title टैग का क्या काम है?

यह ब्राउज़र टैब का टेक्स्ट, गूगल सर्च में दिखने वाली हेडलाइन और बुकमार्क का नाम तय करता है।

2. पेज का टाइटल कितना लंबा होना चाहिए?

60 अक्षरों से छोटा रखें, क्योंकि लंबे टाइटल सर्च रिज़ल्ट में कट जाते हैं।

3. क्या title टैग और h1 एक ही चीज़ है?

नहीं, title टैब और सर्च के लिए होता है, जबकि h1 पेज पर दिखने वाली बड़ी हेडिंग होती है।

खुद क्यों सीखें — AI से पूछने के बजाय?

AI आपके लिए कोड लिख सकता है, लेकिन वह आपके लिए सोच नहीं सकता। जब आप HTML खुद सीखते हैं, तो आपका दिमाग असली कौशल बनाता है: आप समझते हैं कि पेज ऐसा क्यों दिखता है, टूटने पर उसे ठीक कर सकते हैं, और परीक्षा या इंटरव्यू में बिना मदद के जवाब दे सकते हैं। यही कौशल नौकरी दिलाता है — कॉपी किया हुआ जवाब नहीं।

सर्टिफिकेट पाएँ — सिर्फ ₹10

सभी 35 पाठ पूरे करें, टेस्ट पास करें (80%), ₹10 दें और अपना सर्टिफिकेट पाएँ।

टेस्ट दें

देखकर सीखना पसंद है? वीडियो कोर्स में वही विषय एक-एक करके सिखाए जाते हैं।

Go further with a full course

Free tutorials teach you the basics. Our paid courses add live projects, mentorship and a certificate.

AI Prompt Engineering Webinar 2026
View
Android & iOS App Development using Flutter 2026
₹5,000
View
CapCut Mobile Video Editing Course Beginner to Advance
₹99
View
Browse all courses
HTML — Lessons
1. HTML क्या है? शुरुआत से सीखें आसान हिंदी में 2. HTML लिखने के लिए सबसे अच्छे मुफ्त एडिटर 3. HTML की बुनियादी बनावट: doctype, head, body 4. HTML एलिमेंट क्या है? Tags और Empty Elements 5. HTML Attributes: href, src, alt, title की पूरी सूची 6. HTML Headings h1 से h6: कौन सी हेडिंग कब लगाएँ 7. HTML Paragraph: p Tag, br और pre का इस्तेमाल 8. HTML Style Attribute: रंग, फ़ॉन्ट साइज़ और अलाइनमेंट 9. HTML Formatting Tags: bold, italic, mark और भी 10. HTML Comments: नोट्स लिखना और कोड छिपाना 11. HTML Colors: नाम, HEX, RGB और HSL कलर कोड 12. HTML में CSS: Inline, Internal और External तरीका 13. HTML Links: a Tag, href, नया टैब और ईमेल लिंक 14. HTML Images: img Tag, src, alt और साइज़ 15. HTML Favicon: ब्राउज़र टैब का आइकन कैसे बनाएँ 16. HTML Title Tag: अच्छा पेज टाइटल कैसे लिखें 17. HTML Tables: टेबल बनाना — table, tr, th, td 18. HTML Lists: ul, ol, dl और Nested Lists 19. HTML Block vs Inline Elements में क्या अंतर है 20. HTML Div Tag: कंटेंट जोड़ना और लेआउट बनाना 21. HTML Class Attribute: कई Elements को एक स्टाइल 22. HTML id Attribute: Unique ID, लिंक, CSS, JavaScript 23. HTML Iframe: YouTube, मैप और पेज अंदर दिखाएँ 24. HTML में JavaScript: script Tag और पहला उदाहरण 25. HTML File Paths: Relative vs Absolute Path हिंदी में 26. HTML Head Element: title, meta, charset हिंदी में 27. HTML Layout: header, nav, main, footer की बनावट 28. HTML Responsive Design: हर स्क्रीन पर सही पेज 29. Semantic HTML Tags: मतलब वाले Tag और SEO 30. HTML Forms: input, label, select हिंदी में सीखें 31. HTML Entities क्या है? & < > © उदाहरण 32. HTML Audio और Video Tags: controls और Source 33. HTML Accessibility: alt Text, Label, ARIA क्या है 34. HTML Meta Tags और SEO की बुनियाद आसान भाषा में 35. HTML Quotations: blockquote, q, cite हिंदी में
अंतिम टेस्ट — सर्टिफिकेट ₹10

🤖 KAMALDNP AI Assistant

Ask about courses, website & more

Hi! I'm KAMALDNP AI Assistant. Ask me about our courses, website features, or anything else! 😊
Please wait 5s...
🛡️ 7-Day Money-Back Guarantee
🤖 KAMALDNP Assistant ✕

Request human callback:

🔐 Login Required
✕

Download karne ke liye login karo. Login ke baad yahi page pe rahoge!

Naya ho? Register karo →