HTML Page Title

HTML Page Title क्या है?

HTML Page Title एक वेबसाइट के पेज का नाम है, जो ब्राउज़र के Tab में दिखाई देता है। यह पेज की पहचान और उसका मुख्य उद्देश्य दर्शाने में मदद करता है। Page Title SEO (Search Engine Optimization) के लिए भी बहुत महत्वपूर्ण होता है, क्योंकि यह सर्च इंजन के परिणामों (Search Engine Results Pages – SERPs) में मुख्य शीर्षक के रूप में दिखाई देता है।

Page Title का महत्व

ब्राउज़र टैब में पहचान:
Page Title ब्राउज़र के टैब में पेज को पहचानने के लिए उपयोगी होता है।
SEO के लिए जरूरी:
यह सर्च इंजन में पेज की रैंकिंग को प्रभावित करता है।
User Experience:
सही Page Title उपयोगकर्ताओं को यह समझने में मदद करता है कि वे किस पेज पर हैं।

HTML Page Title का Basic Syntax

Page Title सेट करने के लिए <title> टैग का उपयोग किया जाता है। यह <head> टैग के अंदर लिखा जाता है।

Syntax:

<!DOCTYPE html>
<html>
<head>
  <title>Page Title Goes Here</title>
</head>
<body>
  <h1>Welcome to My Website</h1>
</body>
</html>

HTML Page Title का उदाहरण

Basic Example:

<!DOCTYPE html>
<html>
<head>
  <title>My First Web Page</title>
</head>
<body>
  <h1>Hello, World!</h1>
  <p>This is my first web page.</p>
</body>
</html>

आउटपुट:

ब्राउज़र टैब में “My First Web Page” दिखाई देगा।

SEO-Friendly Page Title कैसे लिखें?

1. Clear और Relevant Title:

Title को पेज के कंटेंट से संबंधित और उपयोगकर्ता के लिए स्पष्ट बनाएं।
उदाहरण: “HTML Introduction – Learn the Basics of HTML”

2. Keyword Optimization:

Title में मुख्य Keywords शामिल करें, जो उपयोगकर्ता सर्च कर सकते हैं।
उदाहरण: “Best HTML Tutorial for Beginners in Hindi”

3. Short और Precise Title:

Title बहुत लंबा नहीं होना चाहिए। इसे 50-60 Characters तक सीमित रखें।

4. Brand Name का उपयोग:

अगर आपकी वेबसाइट एक ब्रांड है, तो Title में ब्रांड का नाम जोड़ें।
उदाहरण: “Learn HTML Basics | MyWebsite.com”

Dynamic Page Title

अगर आप ऐसी वेबसाइट बना रहे हैं, जहां पेज का Title Dynamic होना चाहिए (जैसे ई-कॉमर्स वेबसाइट या ब्लॉग), तो आप सर्वर-साइड लैंग्वेज या JavaScript का उपयोग कर सकते हैं।

JavaScript का उपयोग:

<!DOCTYPE html>
<html>
<head>
  <title>Default Title</title>
  <script>
    document.title = "Dynamic Page Title";
  </script>
</head>
<body>
  <h1>Welcome to Dynamic Page Title Example</h1>
</body>
</html>

Page Title की Testing

Page Title को चेक करने के लिए निम्न स्टेप्स अपनाएं:

ब्राउज़र में चेक करें:
- HTML फाइल को ब्राउज़र में खोलें और टैब में Title देखें।
सर्च इंजन में चेक करें:
- यदि आपकी वेबसाइट ऑनलाइन है, तो Google या अन्य सर्च इंजन में पेज के Title को सर्च करें।

Page Title और Meta Description का संयोजन

Page Title के साथ Meta Description का उपयोग करके, आप सर्च इंजन में अपनी वेबसाइट का प्रभाव बढ़ा सकते हैं।

उदाहरण:

<!DOCTYPE html>
<html>
<head>
  <title>Learn HTML Basics - Step by Step Guide</title>
  <meta name="description" content="This tutorial covers HTML basics, including tags, attributes, and examples to get started with web development.">
</head>
<body>
  <h1>HTML Basics</h1>
  <p>Welcome to the ultimate guide for HTML beginners.</p>
</body>
</html>

Page Title से संबंधित Best Practices

हर पेज का यूनिक Title:
- हर पेज के लिए अलग और यूनिक Title रखें।
Overstuffing से बचें:
- Title में बहुत सारे Keywords न डालें।
- गलत उदाहरण: “HTML, Learn HTML, HTML Tutorial, Best HTML, HTML Basics”
Readable बनाएं:
- उपयोगकर्ताओं के लिए Title को पढ़ने योग्य और सरल बनाएं।

सामान्य गलतियाँ

Title को खाली छोड़ना।
सभी पेजों पर एक ही Title रखना।
Title को बहुत लंबा बनाना।
उपयोगकर्ताओं और सर्च इंजन दोनों के लिए अप्रासंगिक Title लिखना।

निष्कर्ष

HTML Page Title पेज की पहचान और SEO का एक महत्वपूर्ण हिस्सा है। सही तरीके से Page Title लिखने से आपकी वेबसाइट का User Experience और सर्च इंजन रैंकिंग दोनों बेहतर हो सकती हैं। अगले अध्याय में, हम HTML Tables के बारे में जानेंगे, जिससे आप डेटा को व्यवस्थित और संरचित तरीके से प्रस्तुत करना सीखेंगे।