Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> HTML

HTML <शीर्षक> तत्व का उपयोग कैसे करें

HTML <title> . का उपयोग करना सीखें तत्व।

एचटीएमएल <title> तत्व आपकी वेबसाइट के पृष्ठ शीर्षक का प्रतिनिधित्व करता है।

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

मैं इसे YouTube पर कर रहा हूं:

HTML  शीर्षक  तत्व का उपयोग कैसे करें

एक शीर्षक तत्व बनाने के लिए, हम खोलने और बंद करने का उपयोग करते हैं <title> टैग करें, और उसके अंदर टेक्स्ट डालें:

<title>Document page title</title>

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

<title> तत्व आपके दस्तावेज़ों के अंदर रहता है <head> तत्व:

<!DOCTYPE html>
<html>
  <head>
    <title>Document page title</title>
  </head>
  <body>
    ...
  </body>
</html>

आपके SEO को प्रभावित करता है</h2> <p> <code><title></code> SEO (Search Engine Optimization) के लिए सबसे महत्वपूर्ण तत्वों में से एक है, क्योंकि खोज इंजन के एल्गोरिदम आपके पृष्ठ शीर्षक (अन्य बातों के अलावा) का उपयोग खोज परिणामों में आपकी रैंकिंग निर्धारित करने के लिए करते हैं।</P> <p> SEO और UX उद्देश्यों के लिए, <code><title></code> . के अंदर आप जो टेक्स्ट जोड़ते हैं तत्व आपके पृष्ठ का यथासंभव वर्णनात्मक होना चाहिए। हालांकि, कुल 60 वर्णों (शब्दों के बीच रिक्त स्थान सहित) से अधिक का उपयोग न करें, या खोज इंजन आपका पूरा शीर्षक प्रदर्शित करने में सक्षम नहीं होंगे।</P> <p> इसके अलावा, यह मानते हुए कि यह आपके एसईओ की मदद करने वाला है, वहां केवल खोजशब्दों की सूची को रटना न करें। इसके बजाय, एक वर्णनात्मक शीर्षक लिखें, जिसमें उस पृष्ठ के लिए आपका प्राथमिक कीवर्ड शामिल हो।</P> <p> यहां वर्णनात्मक पृष्ठ शीर्षक का एक उदाहरण दिया गया है:</P> <pre><code><title>How to build a simple website with HTML, CSS, and JavaScript</title></code></pre> <p> उपरोक्त शीर्षक तरल, वर्णनात्मक है, और इसमें TechStacker जैसी ट्यूटोरियल वेबसाइट के लिए 4 प्राथमिक कीवर्ड शामिल हैं:</P> <ul> <li>वेबसाइट</li> <li>एचटीएमएल</li> <li>सीएसएस</li> <li>जावास्क्रिप्ट</li> </ul> <p> वेब पर आपको दिखाई देने वाला एक सामान्य पैटर्न यह है कि वेबसाइटें अपने पृष्ठों के <strong>मुख्य शीर्षक</strong> . का उपयोग करेंगी टेक्स्ट एलिमेंट <code><h1>Main heading</h1></code> उनके पृष्ठ शीर्षक के रूप में भी। वर्डप्रेस जैसे कुछ सीएमएस स्वचालित रूप से आपके लिए ऐसा करेंगे। यह दृष्टिकोण आम तौर पर अच्छी तरह से काम करता है, जब तक कि आपको अपने मुख्य शीर्षकों और पृष्ठ शीर्षक विवरणों के बीच अंतर करने की आवश्यकता न हो - किसी भी कारण से।</P> <br> </article> <div class="ad5"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4480737146802772" crossorigin="anonymous"></script><!-- computer.wsxdn --><ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4480737146802772" data-ad-slot="4467655591" data-ad-format="auto" data-full-width-responsive="true"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div id="turn-page" class="f-between"> <div class="page up f-align"> <i class="prev"></i> <a class='LinkPrevArticle' href='https://in.wsxdn.com/zx054r/zw551r/1005054552.html' >HTML <style> Element का उपयोग कैसे करें </a> <span></span> </div> <div class="page down f-align"> <a class='LinkNextArticle' href='https://in.wsxdn.com/zx054r/zw551r/1005054554.html' >HTML <link> Element का उपयोग कैसे करें </a> <i class="next"></i> <span></span> </div> </div> </div> <aside class="box-r"> <section class="small-nav rList"> <p class=h4s> HTML </p> <ul class="f-between"> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/us544m/' target="_self">सी प्रोग्रामिंग</a></li> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/lj545d/' target="_self">C++</a></li> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/kh546c/' target="_self">Redis</a></li> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/om547h/' target="_self">बाश प्रोग्रामिंग</a></li> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/ca548u/' target="_self">Python</a></li> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/nl549f/' target="_self">Java</a></li> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/sp550k/' target="_self">डेटाबेस</a></li> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/zw551r/' target="_self">HTML</a></li> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/ec552w/' target="_self">Javascript</a></li> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/lj553d/' target="_self">प्रोग्रामिंग</a></li> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/tr554l/' target="_self">CSS</a></li> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/hf555z/' target="_self">Ruby</a></li> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/fd556x/' target="_self">SQL</a></li> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/wu557p/' target="_self">IOS</a></li> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/bz558t/' target="_self">Android</a></li> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/pn559h/' target="_self">Mongodb</a></li> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/ay560s/' target="_self">MySql</a></li> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/fc561x/' target="_self">C#</a></li> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/cz565u/' target="_self">PHP</a></li> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/nl571f/' target="_self">SQL Server</a></li> </ul> <strong class="f-center"> <img loading='lazy' src="https://in.wsxdn.com/css/img/xiala.svg" alt=""> </strong> </section> <aside class="rList"> <p class=h4s> HTML </p> <ul> <li> <a href="https://in.wsxdn.com/zx054r/zw551r/1005054537.html" class="t-over" title="HTML <figcaption> Element का उपयोग कैसे करें ">HTML <figcaption> Element का उपयोग कैसे करें </a> </li> <li> <a href="https://in.wsxdn.com/zx054r/zw551r/1005054545.html" class="t-over" title="HTML सूचियों का उपयोग कैसे करें (<ul>, <ol>, <dl>) ">HTML सूचियों का उपयोग कैसे करें (<ul>, <ol>, <dl>) </a> </li> <li> <a href="https://in.wsxdn.com/zx054r/zw551r/1005054546.html" class="t-over" title="HTML Element का उपयोग कैसे करें ">HTML Element का उपयोग कैसे करें </a> </li> <li> <a href="https://in.wsxdn.com/zx054r/zw551r/1005054550.html" class="t-over" title="HTML <head> Element का उपयोग कैसे करें ">HTML <head> Element का उपयोग कैसे करें </a> </li> <li> <a href="https://in.wsxdn.com/zx054r/zw551r/1005054551.html" class="t-over" title="HTML <script> Element का उपयोग कैसे करें ">HTML <script> Element का उपयोग कैसे करें </a> </li> <li> <a href="https://in.wsxdn.com/zx054r/zw551r/1005054552.html" class="t-over" title="HTML <style> Element का उपयोग कैसे करें ">HTML <style> Element का उपयोग कैसे करें </a> </li> <li> <a href="https://in.wsxdn.com/zx054r/zw551r/1005054554.html" class="t-over" title="HTML <link> Element का उपयोग कैसे करें ">HTML <link> Element का उपयोग कैसे करें </a> </li> <li> <a href="https://in.wsxdn.com/zx054r/zw551r/1005054555.html" class="t-over" title="HTML <span> Element का उपयोग कैसे करें ">HTML <span> Element का उपयोग कैसे करें </a> </li> <li> <a href="https://in.wsxdn.com/zx054r/zw551r/1005054556.html" class="t-over" title="HTML <लेख> Element का उपयोग कैसे करें ">HTML <लेख> Element का उपयोग कैसे करें </a> </li> <li> <a href="https://in.wsxdn.com/zx054r/zw551r/1005054557.html" class="t-over" title="HTML <सेक्शन> एलिमेंट का उपयोग कैसे करें ">HTML <सेक्शन> एलिमेंट का उपयोग कैसे करें </a> </li> <li> <a href="https://in.wsxdn.com/zx054r/zw551r/1005054558.html" class="t-over" title="HTML <p> Element का उपयोग कैसे करें ">HTML <p> Element का उपयोग कैसे करें </a> </li> <li> <a href="https://in.wsxdn.com/zx054r/zw551r/1005054559.html" class="t-over" title="HTML <main> Element का उपयोग कैसे करें ">HTML <main> Element का उपयोग कैसे करें </a> </li> <li> <a href="https://in.wsxdn.com/zx054r/zw551r/1005054560.html" class="t-over" title="HTML <div> Element का उपयोग कैसे करें ">HTML <div> Element का उपयोग कैसे करें </a> </li> </ul> </aside> </aside> </div> <div class="container box4-2"> <div class="lanmu-list f-between"> <div class="lanmu"> <ol> <li> <div class="img-block"> <span> <a href="https://in.wsxdn.com/zx054r/zw551r/1005063722.html" class="r-over r-over-2" title="HTML पेज में टाइटल टैग का उपयोग कैसे करें? "> HTML पेज में टाइटल टैग का उपयोग कैसे करें? </a> <p> शीर्षक सभी HTML दस्तावेज़ों में आवश्यक है। किसी दस्तावेज़ के शीर्षक को परिभाषित करने के लिए, टैग का उपयोग करें। किसी दस्तावेज़ का शीर्षक वेब ब्राउज़र टूलबार पर दिखाई देता है और खोज इंजन का परिणाम HTML पृष्ठ के लिए प्रदर्शन शीर्षक होता है। बस ध्यान रखें कि आपको ... टैग को … टैग के अंदर जोड़ना चाहिए। </p> </span> </div> </li> </ol> </div> <div class="lanmu"> <ol> <li> <div class="img-block"> <span> <a href="https://in.wsxdn.com/zx054r/zw551r/1005063797.html" class="r-over r-over-2" title="HTML पेज में एनिमेटेड इमेज का उपयोग कैसे करें? "> HTML पेज में एनिमेटेड इमेज का उपयोग कैसे करें? </a> <p> एचटीएमएल में एनिमेटेड छवियां वेब पेज पर एक छवि है जो चलती है। यह जीआईएफ फॉर्मेट में है यानी ग्राफिक्स इंटरचेंज फॉर्मेट फाइल। HTML में एनिमेटेड इमेज जोड़ना काफी आसान है। आपको . का उपयोग करने की आवश्यकता है src . के साथ टैग करें गुण। स्रोत विशेषता छवि का URL जोड़ती है। साथ ही, ऊंचाई . का उपयोग क </p> </span> </div> </li> </ol> </div> <div class="lanmu"> <ol> <li> <div class="img-block"> <span> <a href="https://in.wsxdn.com/zx054r/zw551r/1005063875.html" class="r-over r-over-2" title="HTML में आवश्यक विशेषता का उपयोग कैसे करें? "> HTML में आवश्यक विशेषता का उपयोग कैसे करें? </a> <p> HTML में आवश्यक विशेषता का उपयोग किया जाता है o यह निर्दिष्ट करें कि प्रपत्र जमा करने से पहले तत्व को भरा जाना चाहिए। यदि फ़ील्ड नहीं भरी जाती है और सबमिट बटन पर क्लिक किया जाता है, तो एक त्रुटि उत्पन्न होती है, जो फॉर्म जमा करने में विफल हो जाती है। त्रुटि कृपया इस फ़ील्ड को भरें होगी। आवश्यक विशेष </p> </span> </div> </li> </ol> </div> </div> </div> <footer> <section class="container f-between f-align"> <a href="https://in.wsxdn.com" class="logo"> <img loading='lazy' src="https://in.wsxdn.com/css/img/logo.svg" alt="कंप्यूटर"> </a> <span class="f-end"> © कॉपीराइट <a href="https://in.wsxdn.com">https://in.wsxdn.com</a> सर्वाधिकार सुरक्षित </span> </section> </footer> </body> </html>