इस बारे में कई राय हैं कि आपको अपने एंकर लिंक्स को डिज़ाइन के दृष्टिकोण से कैसे विज़ुअली स्टाइल करना चाहिए। आज हम कुछ और महत्वपूर्ण बातों पर ध्यान देंगे:अपने लिंक एंकर टेक्स्ट को कैसे नाम दें और क्यों। वेबसाइटों की एक चौंकाने वाली राशि यह गलत है, मैं भी इसके लिए दोषी हूं।
किसी वेबसाइट पर क्लिक करने योग्य लिंक बनाने के लिए, हम अपने लिंक पथ को HTML एंकर टैग के साथ लपेटते हैं:<a></a>
. एंकर टैग में कई विशेषताएं हो सकती हैं:URL (लिंक पथ) वर्ग, एक आईडी, एक शीर्षक, और एंकर टेक्स्ट।
एंकर टेक्स्ट क्लिक करने योग्य . को संदर्भित करता है एक कड़ी का हिस्सा। यह टेक्स्ट है (लिंक यूआरएल नहीं) कि हम अपने एंकर टैग को चारों ओर लपेटते हैं।
यहां टेकस्टैकर फ्रंट पेज का लिंक दिया गया है। यहां बताया गया है कि HTML कैसा दिखता है:
<a href="https://techstacker.com">TechStacker </a>
- अंदर का URL
href=" "
लिंक लक्ष्य है - द
>TechStacker<
क्लिक करने योग्य एंकर टेक्स्ट है जो लक्ष्य की ओर ले जाता है।
लिंक के लिए एंकर टेक्स्ट लिखने के निम्नलिखित दो अलग-अलग तरीकों पर एक नज़र डालें। इस मामले में, लिंक लक्ष्य प्रदर्शन अनुकूलन के बारे में एक पृष्ठ है। पहला एंकर टेक्स्ट खराब है, दूसरा अच्छा है:
पहला एंकर टेक्स्ट खराब क्यों है? पहला है गैर-वर्णनात्मक, दूसरा वर्णनात्मक और प्रासंगिक है वह जिस URL गंतव्य पर जाता है.
कुछ एंकर टेक्स्ट पॉइंटर्स:
- अपने एंकर टेक्स्ट को छोटा रखें। 5 शब्दों से ऊपर की कोई भी चीज़ अक्सर आपके लेआउट को अव्यवस्थित कर देगी, खासकर यदि आपके एंकर टैग डिज़ाइन के अनुसार अत्यधिक जोर देते हैं। हालांकि यह संदर्भ पर निर्भर करता है।
- अर्थपूर्ण और वर्णनात्मक एंकर टेक्स्ट का उपयोग करें। "यहां क्लिक करें" वर्णनात्मक नहीं है, न ही स्क्रीन रीडर का उपयोग करने वाले लोगों या सामान्य दृष्टि वाले लोगों के लिए।
- एंकर टेक्स्ट SEO को प्रभावित करता है। खोज इंजन ऐसे लिंक चाहते हैं जो वर्णनात्मक हों और उस सामग्री के लिए प्रासंगिक हों जिससे वे लिंक करते हैं।
- एंकर टेक्स्ट एक्सेसिबिलिटी को प्रभावित करता है। इस बारे में सोचें कि एक स्क्रीन रीडर नेत्रहीनों के लिए आपके एंकर टेक्स्ट को कैसे पढ़ेगा। अपने एंकर टेक्स्ट विवरण का मार्गदर्शन करें।
समापन करने के लिए
एंकर टेक्स्ट SEO और UX दोनों को प्रभावित करता है। आप अपने एंकर टेक्स्ट को कैसे नाम देते हैं, इस पर कुछ विचार करके, आप अपने पाठकों और खोज इंजन दोनों को खुश करेंगे।
मैंने इस लेख के लिए अपने शोध के हिस्से के रूप में Google की SEO Starter Guide को पढ़ा।
क्या आप देखते हैं कि मैंने अभी क्या किया? ऊपर दिया गया एंकर टेक्स्ट इस लेख के संदर्भ और Google SEO स्टार्ट गाइड दोनों के लिए वर्णनात्मक और प्रासंगिक है जिससे यह लिंक होता है। इस तरह आपको अपने एंकर टेक्स्ट को नाम देना चाहिए
एंकर टेक्स्ट को एक उम्मीद स्थापित करनी चाहिए। यह उसी तरह है जैसे यूआई कार्ड अधिक विस्तृत सामग्री (लेख, उत्पाद पृष्ठ आदि) के पूर्वावलोकन के रूप में काम करते हैं। उदाहरण:मीडियम का फ्रंट पेज या टेकस्टैकर पर यहां।
मैंने वास्तव में यह लेख स्वयं को यह याद दिलाने के लिए लिखा था कि सामान्य रूप से content सामग्री के लिए सार्थक विवरण का उपयोग करना कितना महत्वपूर्ण है , चाहे वह ब्लॉगिंग हो, कोडिंग हो, या किराने की सूची भी हो। अस्पष्ट मत बनो, वर्णनात्मक बनो।
डिजिटल उत्पाद डिज़ाइनर की तरह, ल्यूक Wroblewski कहते हैं:
<ब्लॉकक्वॉट>जाहिर है हमेशा जीतता है।