एंकर लिंक: HTML और आपके CMS में जंप लिंक कैसे बनाएँ, और SEO के लिए वे क्या करते हैं

संक्षेप में: एंकर लिंक एक ऐसा लिंक है जो पाठक को पेज के किसी खास हिस्से तक ले जाता है, इसके लिए #pricing जैसे फ़्रैगमेंट का उपयोग होता है, जो मेल खाने वाली id वाले एलिमेंट की ओर इशारा करता है। इसे बनाने के दो चरण हैं: लक्ष्य हेडिंग को एक id दें, फिर href="#that-id" से उसकी ओर लिंक करें। SEO पर इसका असर अप्रत्यक्ष है: ये विषय-सूची को सशक्त बनाते हैं, Google नतीजों में “जंप करें” वाले लिंक दिला सकते हैं और लंबे पेजों को इस्तेमाल में आसान बनाते हैं। इन्हें एंकर टेक्स्ट से न मिलाएँ, जो किसी लिंक के क्लिक होने वाले शब्द होते हैं।

एक एंकर लिंक, जिसे जंप लिंक या लिंक एंकर भी कहते हैं, HTML की सबसे पुरानी सुविधाओं में से एक है और लंबी सामग्री पर सबसे उपयोगी भी। इससे पाठक स्क्रॉल करने के बजाय सीधे वही जवाब तक पहुँच जाता है जिसकी उसे तलाश है। Google खुद लिंकों को इस बात का मुख्य संकेत मानता है कि पेज एक-दूसरे से कैसे जुड़े हैं, और उसकी लिंक से जुड़े सर्वोत्तम अभ्यास इस पर ज़ोर देते हैं कि लिंक को href वाला असली a एलिमेंट होना चाहिए। यह गाइड दिखाता है कि सादे HTML में और मुख्य CMS में एंकर लिंक कैसे बनाएँ, SEO और AI जवाबों के लिए ये क्या करते हैं, और एंकर टेक्स्ट से इनका क्या संबंध है।

एंकर लिंक क्या है?

एंकर लिंक एक हाइपरलिंक है जिसका गंतव्य किसी पेज के भीतर की एक जगह होती है। URL के अंत में हैश चिह्न (#) होता है, उसके बाद एक पहचानकर्ता होता है, जिसे फ़्रैगमेंट कहते हैं: example.com/guide#step-3. जब कोई इस पर क्लिक करता है, तो ब्राउज़र पेज लोड करता है (या उसी पेज पर रहता है) और उस एलिमेंट तक स्क्रॉल करता है जिसकी id step-3 है।

इसके तीन आम उपयोग हैं:

• उसी पेज पर नेविगेशन: लेख के ऊपर की विषय-सूची, या “वापस ऊपर” वाला लिंक।
• दूसरे पेज से सीधे हिस्से तक लिंक: एक लेख से दूसरे लेख के किसी सटीक हिस्से तक लिंक करना, जैसे शब्दावली में कोई परिभाषा।
• किसी सटीक अंश को साझा करना: किसी सहकर्मी को सीधे उस अनुच्छेद तक भेजना जो उसके सवाल का जवाब देता है।

सर्च इंजन example.com/guide और example.com/guide#step-3 को एक ही पेज मानते हैं। फ़्रैगमेंट इंडेक्स करने के लिए कोई नया URL नहीं बनाता, इसलिए एंकर लिंक डुप्लिकेट कंटेंट की समस्या नहीं पैदा कर सकते।

HTML में एंकर लिंक कैसे बनाएँ?

इसके लिए कोड के दो टुकड़े काफ़ी हैं: गंतव्य पर एक id और उसकी ओर इशारा करने वाला एक लिंक।

1. लक्ष्य में एक id जोड़ें: <h2 id="pricing">मूल्य</h2>। छोटे अक्षर, अंक और हाइफ़न इस्तेमाल करें, बीच में स्पेस न हो, और हर id पेज पर अलग-अलग रखें।
2. उसी पेज पर उसकी ओर लिंक करें: <a href="#pricing">मूल्य देखें</a>।
3. किसी दूसरे पेज से उसकी ओर लिंक करें: <a href="/guide#pricing">गाइड का मूल्य वाला हिस्सा</a>।
4. जाँचें: लिंक पर क्लिक करें, देखें कि हेडिंग स्क्रीन के ऊपर दिखती है और किसी फ़िक्स्ड हेडर के नीचे छिपती नहीं (CSS प्रॉपर्टी scroll-margin-top इसे ठीक करती है)।

पुराना तरीका, <a name="pricing"></a>, ब्राउज़रों में अब भी चलता है, लेकिन HTML5 में यह पुराना (obsolete) हो चुका है। हेडिंग पर ही id का उपयोग करें। इससे जुड़ी एक सुविधा है टेक्स्ट फ़्रैगमेंट, जिससे लिंक बिना किसी id के एक अंश को हाइलाइट कर सकता है, इसका सिंटैक्स है #:~:text=, जैसा कि MDN में दर्ज है। Google कुछ featured snippets में उद्धृत अंश तक विज़िटर को स्क्रॉल करवाने के लिए इसी तंत्र का उपयोग करता है।

WordPress, Shopify, Webflow या Wix में एंकर लिंक कैसे जोड़ें?

हर बड़ा CMS आपको टेम्पलेट को छुए बिना id सेट करने देता है। फ़ील्ड का नाम हर टूल में अलग होता है।

अगर आपका CMS id अपने-आप बनाता है, तो उन्हें जाँच लें: कुछ पूरी हेडिंग के टेक्स्ट से id बनाते हैं, जिससे लंबे और अस्थिर फ़्रैगमेंट बनते हैं जो शीर्षक बदलने पर टूट जाते हैं।

क्या एंकर लिंक SEO में मदद करते हैं?

एंकर लिंक पहले उपयोगिता (usability) की सुविधा हैं। इनका SEO मूल्य अप्रत्यक्ष है, लेकिन लंबी सामग्री पर वह वास्तविक है:

• नतीजों में “जंप करें” लिंक: अच्छी संरचना वाले लंबे पेजों पर Google कभी-कभी नतीजे के नीचे हिस्सों के लिंक दिखाता है, जिससे दिखावट और क्लिक बढ़ सकते हैं। यह तय करना Google का काम है कि उन्हें कब दिखाना है।
• बेहतर अंश मिलान: id वाली साफ़ हेडिंग सर्च इंजनों और AI सहायकों को लंबे पेज के भीतर सटीक जवाब पहचानने में मदद करती हैं, यही तर्क featured snippets जीतने के पीछे भी काम करता है।
• जुड़ाव: विषय-सूची पाठक को वह हिस्सा तुरंत दिला देती है जिसकी उसे ज़रूरत है, ताकि उसे कहीं और खोजने न जाना पड़े।
• सुलभता (Accessibility): स्किप लिंक और पेज के भीतर नेविगेशन कीबोर्ड और स्क्रीन रीडर इस्तेमाल करने वालों की मदद करते हैं, यह सिद्धांत W3C की सुलभता दिशानिर्देशों में शामिल है।
• सटीक आंतरिक लिंक: किसी दूसरे लेख में #definition की ओर इशारा करने से पाठक ठीक उसी अंश पर पहुँचता है, जिससे आपकी आंतरिक लिंकिंग मज़बूत होती है।

एंकर लिंक क्या नहीं करते: ये किसी पेज को अतिरिक्त अथॉरिटी नहीं देते, क्योंकि page#section का लिंक उस पेज का ही लिंक गिना जाता है, और ये अच्छी सामग्री की जगह नहीं ले सकते। एक तकनीकी चेतावनी सीधे Google की JavaScript SEO basics से है: फ़्रैगमेंट से अलग पेज सामग्री लोड न करें, क्योंकि Googlebot इन URLs को भरोसेमंद तरीके से हल नहीं कर पाता। फ़्रैगमेंट का उपयोग केवल पेज पर पहले से मौजूद सामग्री के भीतर स्क्रॉल करने के लिए करें।

एंकर लिंक और एंकर टेक्स्ट में क्या अंतर है?

ये दोनों शब्द एक-दूसरे के करीब हैं और अक्सर आपस में मिला दिए जाते हैं। एंकर लिंक इस बारे में है कि लिंक कहाँ जाता है (कोई हिस्सा)। एंकर टेक्स्ट इस बारे में है कि लिंक क्या कहता है (क्लिक होने वाले शब्द)। हमारी शब्दावली की प्रविष्टि एंकर टेक्स्ट दूसरे विषय को विस्तार से समझाती है।

एंकर लिंक और उनके टेक्स्ट के सर्वोत्तम अभ्यास क्या हैं?

हर एंकर लिंक का एंकर टेक्स्ट भी होता है, इसलिए दोनों के नियम साथ-साथ लागू होते हैं।

• छोटी, पढ़ने में आसान id: #section-1 या 12 शब्दों के फ़्रैगमेंट के बजाय #pricing, #how-to-install।
• वर्णनात्मक लिंक टेक्स्ट: Google ऐसा टेक्स्ट सुझाता है जो वर्णनात्मक, उचित रूप से संक्षिप्त और प्रासंगिक हो, और “यहाँ क्लिक करें” जैसे सामान्य शब्दों से बचने की सलाह देता है।
• लंबे पेजों पर विषय-सूची: लगभग 1500 शब्दों से ज़्यादा होने पर ऊपर H2 हिस्सों की सूची दें, हर एक उसकी id से लिंक किया हुआ।
• सवाल वाली हेडिंग: लोग जिस तरह के सवाल पूछते हैं, उसी ढंग में लिखी हेडिंग जंप लिंक को ज़्यादा काम का और उद्धृत करने में आसान बनाती हैं।
• स्थिर id: प्रकाशन के बाद कोई id न बदलें, अगर दूसरे पेज या साइटें उससे लिंक कर रही हैं।
• संरचना जाँचें: एंकर जोड़ने से पहले एक हेडिंग स्ट्रक्चर एनालाइज़र दिखाता है कि आपके H2 और H3 स्तर साफ़ हैं या नहीं।

किन गलतियों से बचना चाहिए?

• डुप्लिकेट id: एक ही id वाले दो एलिमेंट होने पर लिंक केवल पहले वाले पर जाता है।
• छिपे हुए लक्ष्य: बंद टैब या accordion के भीतर की हेडिंग तक लिंक शायद न पहुँच पाए।
• फ़िक्स्ड हेडर से ढकी हेडिंग: CSS में scroll-margin-top जोड़ें।
• फ़्रैगमेंट आधारित रूटिंग: #/page URLs से सामग्री बदलने वाले सिंगल-पेज ऐप्स को Google के लिए क्रॉल करना मुश्किल होता है।
• ज़रूरत से ज़्यादा ऑप्टिमाइज़्ड एंकर टेक्स्ट: हर लिंक में एक ही सटीक keyword दोहराना हेरफेर जैसा दिखता है।

निष्कर्ष

एंकर लिंक #id फ़्रैगमेंट के ज़रिए पाठक को पेज के एक सटीक हिस्से तक ले जाता है। इसे हेडिंग में id जोड़कर और उसकी ओर लिंक करके बनाएँ, HTML में या अपने CMS की सेटिंग से। SEO के लिए इसके फ़ायदे अप्रत्यक्ष हैं, लेकिन लंबी सामग्री पर ठोस हैं: विषय-सूची, Google में संभावित जंप लिंक, AI जवाबों के लिए साफ़ अंश और बेहतर आंतरिक लिंक, बशर्ते एंकर टेक्स्ट वर्णनात्मक रहे। अगर आप हर लेख की संरचना हाथ से नहीं बनाना चाहते, तो Sorank, हमारा SEO और GEO सॉफ़्टवेयर जो autopilot पर चलता है, सवाल वाली हेडिंग और आंतरिक लिंक के साथ संरचित लेख लिखता है और उन्हें आपके CMS पर प्रकाशित करता है: AI ब्लॉग लेख जनरेटर देखें और 3 दिन के मुफ़्त ट्रायल के साथ आज़माएँ।