लोड हो रहा है...

HTML पेज शीर्षक

इमोजी पेज के टेक्स्ट प्रवाह में रहते हैं। पेज शीर्षक अलग काम करता है: यह पूरे दस्तावेज़ को ब्राउज़र क्रोम और खोज प्रणालियों के लिए नाम देता है। उपयोगकर्ता इसे टैब पर, इतिहास में, और जब वे पेज को बुकमार्क करते हैं तब देखते हैं। खोज इंजन अक्सर इसे परिणाम लिंक टेक्स्ट के लिए एक मज़बूत संकेत के रूप में उपयोग करते हैं। सीखने वाली साइटों और उत्पाद दस्तावेज़ों को इसे जल्दी सही करना चाहिए क्योंकि कमज़ोर शीर्षक पहले पैराग्राफ पढ़ने से पहले ही ध्यान बर्बाद कर देता है।

title तत्व क्या है

HTML title तत्व दस्तावेज़ के head में आता है। इसकी टेक्स्ट सामग्री पूरे पेज के लिए मेटाडेटा है। यह कोई स्टाइल वाला शीर्षक नहीं जो body में दिखे। पेज पर दिखाई देने वाले आउटलाइन के लिए आपको अभी भी h1 (और अन्य शीर्षक) चाहिए जिन्हें पाठक स्कैन करते हैं।

सीधा उत्तर

<head> के अंदर ठीक एक <title>...</title> रखें। छोटा, विशिष्ट, मानव-पठनीय पाठ लिखें — उदाहरण के लिए City Guide — Home या HTML Page Title — न Untitled, न कच्चा फ़ाइल नाम, और न ऐसे कीवर्ड का ढेर जिसे कोई टैब पर नहीं चाहेगा। title दृश्यमान h1 की जगह नहीं लेता। दोनों अक्सर एक ही थीम साझा करते हैं; फिर भी वे अलग तत्व हैं और अलग काम करते हैं।

दस्तावेज़ में यह कहाँ रहता है

एक न्यूनतम पेज संबंध स्पष्ट दिखाता है: DOCTYPE, html, title वाला head, फिर दृश्यमान शीर्षक और सामग्री वाला body।

head में Title

html

HTML Code

<!DOCTYPE html>
<html>
<head>
<title>City Guide — Home</title>
</head>
<body>
<h1>Welcome to the City Guide</h1>
<p>The h1 is visible on the page; the title labels the browser tab.</p>
</body>
</html>

नमूने को पढ़ना

<title>City Guide — Home</title> head के अंदर बैठता है
ब्राउज़र टैब पर वह लेबल दिखना चाहिए (सटीक UI ब्राउज़र के अनुसार थोड़ा बदलता है)
<h1>Welcome to the City Guide</h1> वह है जो पाठक पेज बॉडी में देखते हैं
बंद करने वाले टैग और नेस्टिंग सामान्य HTML ही रहते हैं — तत्व के अलावा title के लिए कोई विशेष सिंटैक्स नहीं

एक नज़र में title बनाम h1

📊 title versus h1

विषय	title	h1
दस्तावेज़ में स्थान	head के अंदर	body के अंदर
उपयोगकर्ता इसे देखता है जैसे	टैब / बुकमार्क / कई परिणाम शीर्षक	पेज पर मुख्य शीर्षक
SEO भूमिका	दस्तावेज़ लेबल का मज़बूत संकेत	पेज आउटलाइन और प्रासंगिकता में मदद
कितने	प्रति दस्तावेज़ एक	आमतौर पर एक मुख्य h1 (और शीर्षक h2+ के रूप में)
दूसरे की जगह लेता है?	नहीं	नहीं

अच्छा title क्यों मायने रखता है

जब लोग कई खुले पेजों से सीखते हैं तो टैब जल्दी भर जाते हैं। सटीक शीर्षक सही पाठ पर वापस कूदने में मदद करता है। बुकमार्क वही टेक्स्ट अपनाते हैं। खोज सूची अक्सर title को क्लिक करने योग्य हेडलाइन के रूप में दिखाती है। Document या Page 2 जैसे अस्पष्ट शीर्षक उपयोगकर्ताओं को याद दिलाने के लिए टैब खोलने पर मजबूर करते हैं।

स्पष्ट title टेक्स्ट लिखना

ऐसा वाक्यांश चुनें जिसे कोई व्यक्ति भीड़ भरी टैब पट्टी में पहचान सके। विषय शामिल करें और, जब उपयोगी हो, साइट या पाठ का संदर्भ। इसे ज़ोर से पढ़ने योग्य रखें। हर पर्याय एक स्ट्रिंग में ठूसने से बचें। lists ul ol html tutorial best seo lists lists के बजाय HTML Lists — Practice चुनें।

स्पष्ट title बनाम कमज़ोर title

html

HTML Code

<!-- Prefer -->
<title>HTML Lists — Practice</title>

<!-- Avoid -->
<title>Untitled</title>
<title>aaaaaaaa</title>
<title>lists lists lists seo seo seo</title>

शुरुआती लोगों के लिए काम करने वाले पैटर्न

पहले विषय, फिर छोटा संदर्भ: Forms — Contact page
जब कई साइटें मिलते-जुलते विषय साझा करें तो em dash के बाद कोर्स या ब्रांड
पेज के वादा से मेल खाएँ: यदि पाठ titles के बारे में है, तो वही कहें
नया पाठ बनाने के लिए फ़ाइल डुप्लिकेट करते समय title अपडेट करें — कल का लेबल न रखें

प्रति पेज एक title तत्व

HTML दस्तावेज़ों में head में एक ही title होना चाहिए। कई title तत्व टूल को भ्रमित करते हैं और उपयोगी बहु-पंक्ति टैब नहीं बनाते। यदि कोई टेम्पलेट गलती से दो title निकालता है, तो टेम्पलेट ठीक करें — «और लेबल जोड़ने» की बजाय।

मिथकों के बिना Title और SEO

स्पष्ट title खोज इंजन को पेज समझने में और मनुष्यों को सही परिणाम क्लिक करने में मदद करता है। यह जादुई रैंकिंग कोड नहीं है। कीवर्ड ठूसना जो टैब अनुभव खराब करे आमतौर पर फायदे से ज़्यादा नुकसान करता है। पहले टैब और परिणाम स्कैन करने वाले व्यक्ति के लिए लिखें; खोज लाभ ईमानदार लेबलिंग के साथ आता है।

अपने संपादक में अभ्यास

head और body वाला न्यूनतम HTML पेज बनाएँ।
<title> को अपने अभ्यास पेज के बारे में स्पष्ट वाक्यांश पर सेट करें।
एक h1 जोड़ें जो थीम साझा करे लेकिन अलग शब्द-प्रयोग करे।
फ़ाइल खोलें और ब्राउज़र टैब टेक्स्ट पढ़ें।
केवल title बदलें, सहेजें, रिफ़्रेश करें — पुष्टि करें कि टैब अपडेट होता है जबकि h1 वैसा ही रहता है।
कमज़ोर title (Untitled) को विशिष्ट में फिर से लिखें और टैब का अनुभव तुलना करें।

आसान गलतियाँ

title को head की बजाय body में रखना
Untitled document या अस्थायी फ़ाइल नाम हमेशा के लिए छोड़ देना
उम्मीद करना कि title बड़े ऑन-पेज शीर्षक के रूप में रेंडर होगा (वह h1 है)
title को दोहराए गए कीवर्ड से भरना जब तक वह टैब लेबल के रूप में अपठनीय न हो जाए
कई अलग पाठों पर वही title कॉपी करना ताकि हर टैब एक जैसा दिखे
पूरे title के रूप में केवल इमोजी या केवल विराम चिह्न का उपयोग

सारांश

title head में आता है और पूरे दस्तावेज़ को लेबल करता है
उपयोगकर्ता इसे टैब, बुकमार्क और अक्सर खोज परिणामों पर मिलते हैं
h1 body में मुख्य दृश्यमान शीर्षक है — संबंधित थीम, अलग काम
प्रति पेज एक स्पष्ट, विशिष्ट title लिखें
Untitled या कीवर्ड ढेर की बजाय मानव-पठनीय लेबल चुनें

🧠 अपने ज्ञान की परीक्षा करें

शुरू करने के लिए तैयार

अपने ज्ञान की परीक्षा करें

इस इंटरैक्टिव क्विज़ के साथ अपनी चुनौती लें और देखें कि आप विषय को कितनी अच्छी तरह समझते हैं

❓

प्रश्न

🎯

70%

पास करने के लिए

♾️

∞

समय

🔄

∞

प्रयास

📝 निर्देश

हर प्रश्न को ध्यान से पढ़ें
हर प्रश्न के लिए सबसे अच्छा उत्तर चुनें
आप जितनी बार चाहें क्विज़ दोबारा दे सकते हैं
आपकी प्रगति शीर्ष पर दिखाई जाएगी

भाषा