HTML <title>
. का उपयोग करना सीखें तत्व।
एचटीएमएल <title>
तत्व आपकी वेबसाइट के पृष्ठ शीर्षक का प्रतिनिधित्व करता है।
आप जिस भी वेबसाइट पर हैं उसका पृष्ठ शीर्षक देखने के लिए, अपने माउस को ब्राउज़र पृष्ठ टैब पर ले जाएँ और अपने माउस को कुछ सेकंड के लिए उस पर स्थिर रखें, फिर आप पूरे पृष्ठ का शीर्षक पॉप अप देखेंगे।
मैं इसे YouTube पर कर रहा हूं:
एक शीर्षक तत्व बनाने के लिए, हम खोलने और बंद करने का उपयोग करते हैं <title>
टैग करें, और उसके अंदर टेक्स्ट डालें:
<title>Document page title</title>
<title>
तत्व में केवल टेक्स्ट होना चाहिए!
<title>
तत्व आपके दस्तावेज़ों के अंदर रहता है <head>
तत्व:
<!DOCTYPE html>
<html>
<head>
<title>Document page title</title>
</head>
<body>
...
</body>
</html>
आपके SEO को प्रभावित करता है
<title>
SEO (Search Engine Optimization) के लिए सबसे महत्वपूर्ण तत्वों में से एक है, क्योंकि खोज इंजन के एल्गोरिदम आपके पृष्ठ शीर्षक (अन्य बातों के अलावा) का उपयोग खोज परिणामों में आपकी रैंकिंग निर्धारित करने के लिए करते हैं।
SEO और UX उद्देश्यों के लिए, <title>
. के अंदर आप जो टेक्स्ट जोड़ते हैं तत्व आपके पृष्ठ का यथासंभव वर्णनात्मक होना चाहिए। हालांकि, कुल 60 वर्णों (शब्दों के बीच रिक्त स्थान सहित) से अधिक का उपयोग न करें, या खोज इंजन आपका पूरा शीर्षक प्रदर्शित करने में सक्षम नहीं होंगे।
इसके अलावा, यह मानते हुए कि यह आपके एसईओ की मदद करने वाला है, वहां केवल खोजशब्दों की सूची को रटना न करें। इसके बजाय, एक वर्णनात्मक शीर्षक लिखें, जिसमें उस पृष्ठ के लिए आपका प्राथमिक कीवर्ड शामिल हो।
यहां वर्णनात्मक पृष्ठ शीर्षक का एक उदाहरण दिया गया है:
<title>How to build a simple website with HTML, CSS, and JavaScript</title>
उपरोक्त शीर्षक तरल, वर्णनात्मक है, और इसमें TechStacker जैसी ट्यूटोरियल वेबसाइट के लिए 4 प्राथमिक कीवर्ड शामिल हैं:
- वेबसाइट
- एचटीएमएल
- सीएसएस
- जावास्क्रिप्ट
वेब पर आपको दिखाई देने वाला एक सामान्य पैटर्न यह है कि वेबसाइटें अपने पृष्ठों के मुख्य शीर्षक . का उपयोग करेंगी टेक्स्ट एलिमेंट <h1>Main heading</h1>
उनके पृष्ठ शीर्षक के रूप में भी। वर्डप्रेस जैसे कुछ सीएमएस स्वचालित रूप से आपके लिए ऐसा करेंगे। यह दृष्टिकोण आम तौर पर अच्छी तरह से काम करता है, जब तक कि आपको अपने मुख्य शीर्षकों और पृष्ठ शीर्षक विवरणों के बीच अंतर करने की आवश्यकता न हो - किसी भी कारण से।