जानें कि इष्टतम SEO के लिए आपको अपनी वेबसाइट पर प्रति पृष्ठ केवल एक बार H1 तत्वों/टैग का उपयोग क्यों करना चाहिए।
एक वेब डेवलपर या डिज़ाइनर जो पहली चीज़ सीखता है, वह है H1 से H6 तक, HTML5 के शीर्षक तत्वों के छह-स्तर।
एक शुरुआत के रूप में, आपको बताया गया है कि H1 सबसे महत्वपूर्ण तत्व है और आपको इसका उपयोग मुख्य शीर्षकों, सुर्खियों - सबसे महत्वपूर्ण सामग्री के लिए करना चाहिए। फिर आप वहां से नीचे उतरते हैं और अपनी सामग्री के उपशीर्षक के रूप में H2, H3, H4, आदि का उपयोग करते हैं।
मैंने देखा है कि बहुत से शुरुआती लोग एक ही पृष्ठ पर कई बार H1 टैग का उपयोग कर रहे हैं। मुझे लगता है कि ऐसा इसलिए है क्योंकि वे उस पृष्ठ पर एक से अधिक टेक्स्ट तत्वों को महत्वपूर्ण मानते हैं। हालांकि यह एक समस्या है।
सर्च इंजन स्वचालित रूप से यह मान लेते हैं कि जो भी सामग्री H1 टैग के अंदर लिपटी हुई है वह आपकी सामग्री का शीर्षक (मुख्य विषय) है। यह महत्वपूर्ण है क्योंकि जब आप SERPs (Search Engine Results Pages) पर कुछ खोजते हैं तो एंटर दबाते ही क्या दिखाई देता है:
- शीर्षक
- मेटा विवरण
- यूआरएल
यदि आप प्रति पृष्ठ H1 का कई बार उपयोग कर रहे हैं तो आप प्रत्येक पृष्ठ पर अपनी प्राथमिकताओं को कम कर रहे हैं। जब वे खोजकर्ता को खोज परिणाम प्रदर्शित करते हैं तो खोज इंजन कैसे जानते हैं कि कौन सा H1 शीर्षक चुनना है? डिफ़ॉल्ट रूप से, खोज इंजन आमतौर पर ऊपर से नीचे तक चुनें - लेकिन इसकी गारंटी नहीं है, क्योंकि कई कारक प्रभावित कर सकते हैं कि वे आपकी सामग्री को कैसे अनुक्रमित और प्रदर्शित करते हैं।
प्रत्येक पृष्ठ पर सबसे महत्वपूर्ण विषय क्या है, यह निर्धारित करने के लिए खोज इंजन आपके H1 शीर्षकों का उपयोग करते हैं, लेकिन यदि आप उन्हें बता रहे हैं कि सब कुछ महत्वपूर्ण है, तो कुछ भी महत्वपूर्ण नहीं है।
H1 के अति प्रयोग का एक उत्कृष्ट उदाहरण पोर्टफ़ोलियो पर है जहाँ निर्माता के सामने पृष्ठ पर एक ग्रिड आइटम गैलरी है जो उनकी परियोजनाओं की सूची प्रदर्शित करती है।
सबसे पहले, अपने ग्रिड आइटम के लिए अपने प्रोजेक्ट शीर्षक के लिए H1 का उपयोग करना समझ में आता है, क्योंकि प्रत्येक प्रोजेक्ट एक व्यक्तिगत URL की ओर जाता है जो उस प्रोजेक्ट का वर्णन करता है।
यह गलत SEO है।
इसे करने का यह सही तरीका है:
- पहले पन्ने पर जहां आप क्लाइंट परियोजनाओं की अपनी ग्रिड सूची प्रदर्शित करते हैं, आपको या तो अपने ग्रिड आइटम शीर्षकों के लिए H2, H3, या H4 का उपयोग करना चाहिए।
- प्रत्येक प्रोजेक्ट के पेज पर, आपके प्रोजेक्ट का शीर्षक H1 (
<h1></h1>के अंदर होना चाहिए। ) टैग। प्रति प्रोजेक्ट पृष्ठ एक H1 तत्व।
आप प्रत्येक पृष्ठ पर जितने चाहें उतने H2, H3, H4, आदि का उपयोग कर सकते हैं, इसलिए अपने ग्रिड आइटम शीर्षकों के चारों ओर लपेटने के लिए उन 3 शीर्षकों में से एक चुनें।
H2, H3 या H4 क्यों? क्या फर्क पड़ता है? मुझे ऐसा नहीं लगता। मैंने देखा है कि अधिकांश शीर्ष वेबसाइट (रैंकिंग के मामले में) उन 3 शीर्षकों में से किसी एक का उपयोग करती हैं। मुझे ऐसा कोई प्रमाण नहीं मिला है कि H2 H3 या h4 से बेहतर है।
एक संदर्भ के रूप में:
- css-tricks.com और Scotch.io H2 का उपयोग करते हैं
- Medium.com और sidebar.io H3 का उपयोग करते हैं
आपको इस बात पर विचार करना चाहिए कि शीर्षकों का उपयोग न केवल खोज इंजनों को यह बताने के लिए किया जाता है कि आपकी सामग्री कैसे व्यवस्थित है, बल्कि उपयोगकर्ता को आपकी सामग्री के पदानुक्रम के बारे में नेत्रहीन रूप से बताने के लिए भी उपयोग किया जाता है।
आप अपने ग्रिड आइटम शीर्षकों को प्रदर्शित करने के लिए किस शीर्षक तत्व का उपयोग करते हैं, यह केवल आपके द्वारा अपनी वेबसाइट के लिए उपयोग किए जाने वाले प्रकार के पैमाने (फ़ॉन्ट-आकार की सूची) द्वारा निर्धारित किया जा सकता है। तो अगर आपका H3 font-size: 1.5rem; . पर सेट है और वह फ़ॉन्ट-आकार आपके ग्रिड आइटम शीर्षकों के लिए बहुत अच्छा काम करता है, फिर उसका उपयोग करें।