अपने एंकर टेक्स्ट को छोटा और वर्णनात्मक रखें

इस बारे में कई राय हैं कि आपको डिजाइन के दृष्टिकोण से अपने एंकर लिंक्स को कैसे विज़ुअली स्टाइल करना चाहिए। आज हम किसी और चीज़ से भी अधिक महत्वपूर्ण पर ध्यान केंद्रित करेंगे: अपने लिंक एंकर टेक्स्ट को कैसे नाम दें और क्यों। एक चौंकाने वाली मात्रा में वेबसाइट्स इसे गलत करती हैं, मैं भी इसका दोषी हूँ।

वेबसाइट पर एक क्लिक करने योग्य लिंक बनाने के लिए, हम अपने लिंक पथ को HTML एंकर टैग से लपेटते हैं: <a></a>। एंकर टैग्स में कई एट्रिब्यूट्स हो सकते हैं: URL (लिंक पथ) क्लासेस, एक id, एक title, और एंकर टेक्स्ट।

एंकर टेक्स्ट लिंक के क्लिक करने योग्य भाग को संदर्भित करता है। यह टेक्स्ट है (लिंक URL नहीं) जिसे हम अपने एंकर टैग के चारों ओर लपेटते हैं।

TechStacker फ्रंट पेज का एक लिंक यहाँ है। यहाँ HTML कैसा दिखता है:

<a href="https://techstacker.com">TechStacker </a> 

• href=" " के अंदर URL लिंक टार्गेट है
• >TechStacker< क्लिक करने योग्य एंकर टेक्स्ट है जो टार्गेट की ओर ले जाता है।

लिंक्स के लिए एंकर टेक्स्ट लिखने के दो अलग-अलग तरीकों पर एक नज़र डालें। इस मामले में, लिंक टार्गेट परफॉरमेंस ऑप्टिमाइज़ेशन के बारे में एक पेज है। पहला एंकर टेक्स्ट खराब है, दूसरा अच्छा है:

पहला एंकर टेक्स्ट खराब क्यों है? पहला गैर-वर्णनात्मक है, दूसरा वर्णनात्मक है और URL गंतव्य के लिए प्रासंगिक है जिसकी ओर यह ले जाता है।

कुछ एंकर टेक्स्ट पॉइंटर्स:

• अपने एंकर टेक्स्ट को छोटा रखें। 5 शब्दों से ऊपर अक्सर आपके लेआउट को अव्यवस्थित करेगा, खासकर यदि आपके एंकर टैग्स डिजाइन के लिहाज से भारी रूप से जोर दिए गए हैं। यह संदर्भ पर निर्भर करता है।
• सार्थक और वर्णनात्मक एंकर टेक्स्ट का उपयोग करें। "यहाँ क्लिक करें" न तो स्क्रीन रीडर उपयोग करने वाले लोगों के लिए वर्णनात्मक है और न ही सामान्य दृष्टि वाले लोगों के लिए।
• एंकर टेक्स्ट SEO को प्रभावित करता है। सर्च इंजन्स ऐसे लिंक्स चाहते हैं जो उनके द्वारा लिंक किए गए कंटेंट के लिए वर्णनात्मक और प्रासंगिक हों।
• एंकर टेक्स्ट एक्सेसिबिलिटी को प्रभावित करता है। सोचें कि स्क्रीन रीडर आपके एंकर टेक्स्ट को दृष्टिबाधित लोगों को कैसे पढ़ेगा। अपने एंकर टेक्स्ट विवरण को इसका मार्गदर्शन करने दें।

निष्कर्ष

एंकर टेक्स्ट SEO और UX दोनों को प्रभावित करता है। अपने एंकर टेक्स्ट को कैसे नाम देना है, इस पर कुछ विचार करके, आप अपने पाठकों और सर्च इंजन्स दोनों को खुश करेंगे।

मैंने इस लेख के लिए अपने शोध के हिस्से के रूप में Google का SEO स्टार्टर गाइड पढ़ा।

क्या आप देखते हैं कि मैंने अभी क्या किया? ऊपर का एंकर टेक्स्ट इस लेख के संदर्भ और Google SEO स्टार्ट गाइड दोनों के लिए वर्णनात्मक और प्रासंगिक है जिससे यह लिंक करता है। इसी तरह आपको अपने एंकर टेक्स्ट को नाम देना चाहिए।

एंकर टेक्स्ट को एक अपेक्षा सेट करनी चाहिए। यह इसी तरह है जैसे UI कार्ड्स अधिक विस्तृत कंटेंट (लेख, प्रोडक्ट पेज आदि) के लिए प्रीव्यू के रूप में काम करते हैं। उदाहरण: मीडियम का फ्रंट पेज या यहाँ टेकस्टैकर पर।

मैंने वास्तव में यह लेख खुद को याद दिलाने के लिए लिखा था कि सामान्य रूप से कंटेंट के लिए सार्थक विवरणों का उपयोग करना कितना महत्वपूर्ण है, चाहे वह ब्लॉगिंग हो, कोडिंग हो, या यहां तक कि किराने की सूची। अस्पष्ट न हों, वर्णनात्मक बनें।

जैसे डिजिटल प्रोडक्ट डिजाइनर, ल्यूक व्रोब्लेव्स्की कहते हैं:

स्पष्ट हमेशा जीतता है।