HTML <title> एलिमेंट का उपयोग कैसे करें

HTML <title> एलिमेंट का उपयोग करना सीखें।

HTML <title> एलिमेंट आपकी वेबसाइट के पेज शीर्षक को दर्शाता है।

किसी भी वेबसाइट का पेज शीर्षक देखने के लिए जिस पर आप हैं, अपने माउस को ब्राउज़र पेज टैब पर ले जाएं और कुछ सेकंड के लिए उस पर होल्ड करें, फिर आपको पूरा पेज शीर्षक पॉप अप दिखाई देगा।

यहाँ मैं YouTube पर ऐसा कर रहा हूँ:

टाइटल एलिमेंट बनाने के लिए, हम ओपनिंग और क्लोजिंग <title> टैग्स का उपयोग करते हैं, और इसके अंदर टेक्स्ट डालते हैं:

<title>डॉक्यूमेंट पेज शीर्षक</title>

<title> एलिमेंट में केवल टेक्स्ट होना चाहिए!

<title> एलिमेंट आपके दस्तावेज़ के <head> एलिमेंट के अंदर रहता है:

<!DOCTYPE html> <html> <head> <title>डॉक्यूमेंट पेज शीर्षक</title> </head> <body> ... </body> </html>

<title> आपके SEO को प्रभावित करता है

<title> SEO (सर्च इंजन ऑप्टिमाइज़ेशन) के लिए सबसे महत्वपूर्ण एलिमेंट्स में से एक है, क्योंकि सर्च इंजन के एल्गोरिदम आपके पेज शीर्षक का उपयोग (अन्य चीजों के साथ) सर्च रिजल्ट्स में आपकी रैंकिंग निर्धारित करने के लिए करते हैं।

SEO और UX उद्देश्यों के लिए, <title> एलिमेंट के अंदर जो टेक्स्ट आप जोड़ते हैं, वह आपके पेज का जितना संभव हो उतना वर्णनात्मक होना चाहिए। हालांकि, कुल 60 कैरेक्टर्स (शब्दों के बीच स्पेस सहित) से अधिक का उपयोग न करें, अन्यथा सर्च इंजन आपका पूरा शीर्षक प्रदर्शित नहीं कर पाएंगे।

साथ ही, केवल कीवर्ड्स की सूची वहां न डालें, यह मानकर कि यह आपके SEO में मदद करेगा। इसके बजाय, एक वर्णनात्मक शीर्षक लिखें, जिसमें उस पेज के लिए आपके प्राथमिक कीवर्ड शामिल हों।

यहाँ एक वर्णनात्मक पेज शीर्षक का उदाहरण है:

<title>HTML, CSS, और JavaScript के साथ एक साधारण वेबसाइट कैसे बनाएं</title>

उपरोक्त शीर्षक तरल, वर्णनात्मक है, और TechStacker जैसी ट्यूटोरियल वेबसाइट के लिए 4 प्राथमिक कीवर्ड शामिल करता है:

• वेबसाइट
• HTML
• CSS
• JavaScript

वेब पर आपके द्वारा देखे जाने वाला एक सामान्य पैटर्न यह है कि वेबसाइट्स अपने पेज के मुख्य शीर्षक टेक्स्ट एलिमेंट <h1>मुख्य शीर्षक</h1> को अपने पेज शीर्षक के रूप में भी उपयोग करती हैं। वर्डप्रेस जैसे कुछ CMSs आपके लिए इसे स्वचालित रूप से करेंगे। यह दृष्टिकोण आम तौर पर अच्छा काम करता है, जब तक कि आपको अपने मुख्य शीर्षकों और पेज शीर्षक विवरणों के बीच अंतर करने की आवश्यकता न हो — किसी भी कारण से।