सीखें कि आपको अपनी वेबसाइट पर प्रति पेज केवल एक बार H1 एलिमेंट्स/टैग्स का उपयोग क्यों करना चाहिए, इष्टतम SEO के लिए।
वेब डेवलपर या डिजाइनर द्वारा सीखी जाने वाली पहली चीजों में से एक HTML5 के हेडिंग एलिमेंट्स के छह लेवल हैं, H1 से H6 तक।
एक शुरुआत के रूप में, आपको बताया जाता है कि H1 सबसे महत्वपूर्ण एलिमेंट है और आपको इसे मुख्य शीर्षकों, हेडलाइन्स — सबसे महत्वपूर्ण चीजों के लिए उपयोग करना चाहिए। फिर आप वहां से नीचे काम करते हैं और H2, H3, H4, आदि का उपयोग अपने कंटेंट के सबहेडिंग्स के रूप में करते हैं।
मैंने देखा है कि बहुत सारे शुरुआती एक ही पेज पर H1 टैग्स का कई बार उपयोग कर रहे हैं। मुझे लगता है कि ऐसा इसलिए है क्योंकि वे उस पेज पर एक से अधिक टेक्स्ट एलिमेंट को महत्वपूर्ण मानते हैं। यह एक समस्या है।
सर्च इंजन्स स्वचालित रूप से मान लेते हैं कि H1 टैग्स के अंदर लपेटा गया कोई भी कंटेंट आपके कंटेंट का हेडलाइन (मुख्य विषय) है। यह महत्वपूर्ण है क्योंकि जब आप SERPs (सर्च इंजन रिजल्ट पेजेस) पर कुछ खोजते हैं तो एंटर दबाने पर क्या दिखाई देता है:
- शीर्षक
- मेटा विवरण
- URL
यदि आप प्रति पेज कई बार 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; पर सेट है और वह फ़ॉन्ट-साइज़ आपके ग्रिड आइटम शीर्षकों के लिए बहुत अच्छा काम करता है, तो उसका उपयोग करें।
