हेडिंग संरचना विश्लेषक क्या है?
हेडिंग स्ट्रक्चर एनालाइज़र HTML को पार्स करके H1–H6 हायरार्की को ट्री के रूप में दिखाता है। यह छोड़े गए हेडिंग लेवल, डुप्लिकेट H1 टैग, और SEO रैंकिंग व स्क्रीन रीडर नेविगेशन को नुकसान पहुँचाने वाली संरचनात्मक समस्याएँ दिखाता है।
पूरा HTML दस्तावेज़ या एक लेख चिपकाएँ और एनलाइज़र h1 से h6 तक के सभी टैग दस्तावेज़ क्रम में निकालता है। यह स्किप किए स्तर (h2 के बाद सीधे h4), एक से ज़्यादा h1, खाली हेडिंग और स्क्रिप्ट के अंदर छिपी हेडिंग जैसी समस्याओं को चिन्हित करता है। ट्री व्यू से टूटी हुई पदानुक्रम झट से दिखती है।
उपयोग कैसे करें
- चरण 1 — अपना HTML स्रोत चिपकाएँ, या शीर्षकों के लिए # का उपयोग करते हुए Markdown।
- चरण 2 — टूल सभी हेडिंग टैग निकालता है और उन्हें स्तर संकेतकों के साथ नेस्टेड ट्री के रूप में प्रदर्शित करता है।
- चरण 3 — छोड़े गए स्तरों या गायब H1 जैसी समस्याओं की समीक्षा करें, फिर विश्लेषण रिपोर्ट निर्यात करें।
कब उपयोग करें
- ब्लॉग पोस्ट प्रकाशित करने से पहले जाँचना कि स्क्रीन रीडर और क्रॉलर रूपरेखा को साफ़ पढ़ पाएँ।
- किसी प्रतिस्पर्धी लेख की संरचना देखना और समझना कि वे पेज पर उप-विषय कैसे जमाते हैं।
- WordPress या CMS थीम की वह बग पकड़ना जो साइडबार में मुख्य प्रवाह के बाहर ग़लत h2 घुसा देती है।
परिणाम
अपने ब्लॉग पोस्ट का HTML पेस्ट करें और देखें कि साइडबार कहाँ H2 से सीधे H4 पर कूद जाता है। यह अंतराल स्क्रीन रीडर और सर्च क्रॉलर को भ्रमित करता है।
अक्सर पूछे जाने वाले प्रश्न
- क्या हेडिंग स्तर छोड़ना सचमुच SEO को नुक़सान पहुँचाता है?
- अप्रत्यक्ष रूप से। Google ख़ुद कहता है कि हेडिंग का क्रम रैंकिंग कारक नहीं है, पर स्किप करने से स्क्रीन रीडर भ्रमित होते हैं, पढ़ने की सहजता घटती है और अक्सर यह कमज़ोर पेज संरचना का संकेत होता है। पढ़ने में आसान पेज इरादे की मिलान और रुकने के समय में बेहतर प्रदर्शन करते हैं।
- एक पेज पर एक से ज़्यादा h1 होना क्या ख़राब है?
- HTML5 sectioning तत्वों के अंदर तकनीकी रूप से कई h1 की अनुमति देता है, पर ज़्यादातर CMS टेम्पलेट और SEO टूल अभी भी एक ही h1 की उम्मीद रखते हैं जो पेज का नाम दिखाए। दो h1 ज़्यादातर समय टेम्पलेट बग या ग़लत इस्तेमाल किया गया विजेट होते हैं, सोची-समझी संरचना नहीं।
- क्या छिपे या समेटे गए तत्वों के अंदर की हेडिंग भी गिनी जाती हैं?
- हाँ। जब तक वे HTML में हैं, क्रॉलर और स्क्रीन रीडर उन्हें देखते हैं। एकॉर्डियन सामग्री, मोबाइल-ओनली सेक्शन और टैब्स सब रूपरेखा में जुड़ते हैं, चाहे उपयोगकर्ता उन्हें अभी पर्दे पर न देख रहा हो।
- क्या यह AMP, MDX या JSX के साथ काम करता है?
- टूल कच्चे HTML को पार्स करता है, इसलिए AMP सीधे चलता है। MDX या JSX के लिए रेंडर हुआ आउटपुट देखें (DevTools > Elements > body का outerHTML कॉपी करें) और वही पेस्ट करें। Heading जैसे कंपोनेंट टैग असली h1–h6 में रेंडर होने तक पार्सर को नहीं दिखते।
- कंटेंट ऑडिट स्प्रेडशीट के लिए रिपोर्ट निर्यात कैसे करें?
- Export Report बटन से एक प्लेन-टेक्स्ट रूपरेखा डाउनलोड करें जिसे स्प्रेडशीट के किसी कॉलम में पेस्ट कर दें, या ट्री को सीधे कॉपी कर लें। रिपोर्ट हर हेडिंग को स्तर, टेक्स्ट और पकड़ी गई समस्याओं के साथ सूचीबद्ध करती है, संपादकों को भेजने के लिए तैयार।
संबंधित उपकरण
स्क्रीन रीडर टेक्स्ट प्रीव्यू
देखें कि स्क्रीन रीडर आपकी सामग्री को कैसे पढ़ता है
फ़ोकस क्रम विज़ुअलाइज़र
किसी भी वेबपेज पर कीबोर्ड Tab क्रम को देखें
फ़ॉन्ट साइज़ टेस्टर
विभिन्न फ़ॉन्ट आकारों में टेक्स्ट का पूर्वावलोकन करें
डिस्लेक्सिया-अनुकूल टेक्स्ट
आसान पठन के लिए टेक्स्ट को फ़ॉर्मैट करें
ऑल्ट टेक्स्ट सहायक
छवियों के लिए सुलभ वैकल्पिक टेक्स्ट लिखें
बड़ा टेक्स्ट मोड
किसी भी टेक्स्ट को बड़ा करके आसानी से पढ़ें