Alt टेक्स्ट के साथ सुलभता और पृष्ठ सामग्री में सुधार
आज वेब पर किसी भी वेबसाइट पर बहुत कुछ देखें और आप देखेंगे कि उनमें से एक चीज जो आम है, वह छवियां हैं। छवियों का उपयोग दृश्य फ्लेयर जोड़ने, विचारों को चित्रित करने में मदद करने और पृष्ठ की समग्र सामग्री में जोड़ने के लिए वेबसाइटों पर किया जा सकता है। सही छवियों को चुनने और वेब डिलीवरी के लिए उन्हें ठीक से तैयार करने के अलावा , सुनिश्चित करें कि आपकी सभी साइट की छवियां ठीक से एएलटी टेक्स्ट का उपयोग करती हैं, वेब के लिए इन छवियों का सही ढंग से उपयोग करने का एक बहुत ही महत्वपूर्ण हिस्सा है।
Alt टेक्स्ट क्या है
Alt टेक्स्ट टेक्स्ट ब्राउज़र और अन्य वेब उपयोगकर्ता एजेंटों द्वारा उपयोग किया जाने वाला वैकल्पिक टेक्स्ट है जो छवियों को नहीं देख सकता है। यह छवि टैग द्वारा आवश्यक एकमात्र विशेषताओं में से एक है। प्रभावी alt टेक्स्ट लिखकर, आप बीमा करते हैं कि आपके वेब पेज उन लोगों तक पहुंच योग्य हैं जो आपकी साइट तक पहुंचने के लिए स्क्रीन रीडर या अन्य सहायक डिवाइस का उपयोग कर रहे हैं। आप यह भी सुनिश्चित करते हैं कि किसी छवि के स्थान पर कुछ प्रदर्शित किया जाना चाहिए, यह किसी भी कारण (गलत पथ, संचरण विफलता, आदि) के लिए लोड नहीं होना चाहिए। यह Alt टेक्स्ट का वास्तविक उद्देश्य है, लेकिन यह सामग्री आपको एसईओ-फ्रेंडली टेक्स्ट जोड़ने के लिए और भी स्थान दे सकती है, जो खोज इंजन आपको दंडित नहीं करेंगे (जल्द ही उस पर अधिक)।
Alt टेक्स्ट को छवि में टेक्स्ट दोहराया जाना चाहिए
इसमें कोई भी छवि जिसमें टेक्स्ट है, उस पाठ को वैकल्पिक पाठ के रूप में होना चाहिए। आप दूसरे शब्दों को वैकल्पिक पाठ में रख सकते हैं, लेकिन कम से कम इसे छवि के समान ही कहना चाहिए। उदाहरण के लिए, यदि आपके पास अपनी छवियों के लिए लोगो है, तो Alt टेक्स्ट को आपके ग्राफ़िकल लोगो द्वारा लिखे गए कंपनी के नाम को दोहराना चाहिए।
याद रखें, साथ ही, लोगो जैसी छवियां भी टेक्स्ट को इंगित कर सकती हैं - उदाहरण के लिए, जब आप वेबसाइट पर लाल बॉल आइकन देखते हैं, तो उनका मतलब "है"। तो उस आइकन के लिए वैकल्पिक पाठ "रेस" कह सकता है न कि सिर्फ "कंपनी लोगो"।
पाठ छोटा रखें
आपका वैकल्पिक पाठ जितना लंबा होगा, टेक्स्ट ब्राउज़र द्वारा इसे और अधिक कठिन पढ़ना होगा। यह वैकल्पिक पाठ के लंबे वाक्य लिखने के लिए मोहक हो सकता है (आमतौर पर ऐसा इसलिए किया जाता है क्योंकि कोई कीवर्ड के साथ टैग भरने की कोशिश कर रहा है), लेकिन आपके Alt टैग को छोटा रखने से आपके पृष्ठ छोटे और छोटे पृष्ठ तेज़ी से डाउनलोड हो जाते हैं।
वैकल्पिक पाठ के लिए अंगूठे का एक अच्छा नियम कुल 5 और 15 शब्दों के बीच रखना है।
Alt टैग्स में अपने एसईओ कीवर्ड का उपयोग करना
लोग अक्सर गलती से सोचते हैं कि वैकल्पिक पाठ का उद्देश्य खोज इंजन कीवर्ड रखना है। हां, यह एक लाभ है जिसका आप उपयोग कर सकते हैं, लेकिन केवल तभी जो पाठ आप जोड़ रहे हैं, वह alt टैग के वास्तविक उद्देश्य के लिए समझ में आता है - बुद्धिमान पाठ प्रदर्शित करने के लिए जो बताता है कि छवि को किसी को देखने में सक्षम नहीं होना चाहिए!
अब, यह कहा जा रहा है कि, Alt टेक्स्ट को एसईओ उपकरण के रूप में नहीं माना जा रहा है इसका मतलब यह नहीं है कि आप इस पाठ में अपने कीवर्ड का उपयोग नहीं कर सकते हैं। चूंकि वैकल्पिक पाठ छवियों पर महत्वपूर्ण और आवश्यक है, इसलिए खोज इंजन आपको कीवर्ड जोड़ने के लिए दंडित करने की संभावना नहीं है यदि आपके द्वारा जो सामग्री जोड़ा गया है, वह समझ में आता है। बस याद रखें कि आपकी पहली प्राथमिकता आपके पाठकों के लिए है। वैकल्पिक पाठ में कीवर्ड स्पैमिंग का पता लगाया जा सकता है और खोज इंजन स्पैमर को रोकने के लिए हर समय अपने नियमों को बदलते हैं।
अंगूठे का एक अच्छा नियम अपने खोज इंजन कीवर्ड का उपयोग करना है जहां वे छवि के विवरण के साथ फिट होते हैं, और अपने वैकल्पिक पाठ में एक से अधिक कीवर्ड का उपयोग नहीं करते हैं।
अपने पाठ को अर्थपूर्ण रखें
याद रखें कि alt टेक्स्ट का बिंदु आपके पाठकों के लिए छवियों को परिभाषित करना है। कई वेब डेवलपर्स अपने लिए वैकल्पिक पाठ का उपयोग करते हैं, जिसमें छवि आकार, छवि फ़ाइल नाम आदि जैसी चीजें शामिल हैं। हालांकि यह आपके लिए उपयोगी हो सकता है, यह आपके पाठकों के लिए कुछ भी नहीं करता है और इन टैगों से इन्हें छोड़ा जाना चाहिए।
केवल आइकन और बुलेट के लिए खाली Alt टेक्स्ट का उपयोग करें
समय-समय पर आप उन छवियों का उपयोग करेंगे जिनके पास कोई उपयोगी वर्णनात्मक टेक्स्ट नहीं है, जैसे बुलेट या सरल आइकन। इन छवियों का उपयोग करने का सबसे अच्छा तरीका सीएसएस में है जहां आपको वैकल्पिक पाठ की आवश्यकता नहीं है। लेकिन अगर आप उन्हें अपने एचटीएमएल में पूरी तरह से रखना चाहते हैं, तो इसे पूरी तरह से बंद करने के बजाय एक खाली alt विशेषता का उपयोग करें।
बुलेट का प्रतिनिधित्व करने के लिए एक तार (*) जैसे चरित्र को रखना मोहक हो सकता है, लेकिन यह अधिक भ्रमित हो सकता है कि इसे खाली छोड़ दें। और पाठ "बुलेट" डालने से टेक्स्ट ब्राउज़र में और भी अजीब रूप से प्रस्तुत किया जाएगा।
जेनिफर क्रिनिन द्वारा मूल लेख। जेरेमी गिरार्ड द्वारा 3/3/17 को संपादित किया गया