Headings संरचना

सही heading hierarchy

<h1> से शुरू करें (page title)। स्तरों को केवल तब छोड़ें जब उपयुक्त हो। स्क्रीन रीडर उपयोगकर्ता headings के माध्यम से navigate करते हैं; एक broken hierarchy उन्हें confuse करता है। यदि आवश्यक हो तो h2 को h1 की तरह style करने के लिए CSS का उपयोग करें।

उदाहरण संरचना

Logical outline सभी उपयोगकर्ताओं के लिए navigation और समझ को आसान बनाता है।

<h1>Product Overview</h1>
<p>Introduction...</p>

<h2>Features</h2>
<h3>Design</h3>
<p>...</p>
<h3>Performance</h3>
<p>...</p>

<h2>Pricing</h2>
<h3>Basic</h3>
<h3>Pro</h3>

सामान्य गलतियां

स्तरों को छोड़ना (h1 → h3), केवल styling के लिए heading tags का उपयोग करना, एक पृष्ठ पर कई h1s, heading text जो content से match न करता है।

Page title महत्व

Unique page title स्क्रीन रीडर users को immediately page context समझने में मदद करता है।