Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> HTML

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

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

किसी वेबसाइट पर क्लिक करने योग्य लिंक बनाने के लिए, हम अपने लिंक पथ को 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 कहते हैं:

<ब्लॉकक्वॉट>

जाहिर है हमेशा जीतता है।


  1. 8 युक्तियाँ और तरकीबें आपकी हूलू सदस्यता का अधिकतम लाभ उठाने के लिए

    वे दिन गए जब हम केबल टीवी नेटवर्क बिल और सब्सक्रिप्शन पर खर्च करते थे! प्रौद्योगिकी और इंटरनेट की शक्ति के लिए धन्यवाद, अब हम अपनी पसंदीदा सामग्री को अपने टेलीविजन पर उच्च परिभाषा वीडियो गुणवत्ता में स्ट्रीम कर सकते हैं। ऑनलाइन स्ट्रीमिंग ने अब यह सब संभव कर दिया है, क्योंकि इसने हमें अत्यधिक शक्ति

  1. अपने मैक पर iPhone टेक्स्ट संदेश कैसे भेजें और प्राप्त करें

    iPhone और iPad के लिए कई एप्लिकेशन वर्षों से डिज़ाइन किए गए हैं, जो आपके Mac के साथ कई कार्यों को सिंक्रनाइज़ कर सकते हैं। आपके आश्चर्य के लिए, Mac OS आपके अनुभव को बेहतर बनाने के लिए नवीनतम तकनीक से अपडेट होता रहा है। मैक या आईफोन में हर अपडेट आपके लिए अन्य डिवाइसों पर उन पर काम करने का एक नया कारण

  1. PDF संपादक आपके जीवन को कैसे आसान बना सकते हैं?

    एडोब ने सभी पीसी पर दस्तावेज़ प्रारूप को बनाए रखने के लिए पीडीएफ प्रारूप पेश किया ताकि इसे कहीं से भी आसानी से प्रिंट किया जा सके। हालांकि माइक्रोसॉफ्ट वर्ड डॉक प्रारूप दुनिया भर में अधिक लोकप्रिय है, एक शब्द दस्तावेज़ एमएस वर्ड के कई संस्करणों में से एक वाले अलग-अलग कंप्यूटरों पर अलग-अलग तरीके से ख