ऑल्ट टेक्स्ट

ऑल्ट टेक्स्ट क्या होता है?

ऑल्ट टेक्स्ट (वैकल्पिक टेक्स्ट) वह विवरण है जो आप किसी <img> टैग के alt एट्रिब्यूट में प्रदान करते हैं, उदाहरण के लिए <img src="boot.jpg" alt="Brown leather boot seen from the side">। स्क्रीन रीडर दृष्टिबाधित उपयोगकर्ताओं को यह टेक्स्ट जोर से पढ़कर सुनाते हैं, और यदि इमेज लोड होने में विफल रहती है तो यह एक फॉलबैक के रूप में दिखाई देता है। इसके साथ ही, Google इमेज क्या दर्शाती है, इसके संकेत के रूप में ऑल्ट टेक्स्ट का उपयोग करता है।

ऑल्ट टेक्स्ट क्यों महत्वपूर्ण है?

एक ऑनलाइन स्टोर के लिए, ऑल्ट टेक्स्ट एक साथ दो समस्याओं का समाधान करता है: सुलभता (एक्सेसिबिलिटी) और एसईओ (SEO)। वर्णनात्मक (डिस्क्रिप्टिव) ऑल्ट टेक्स्ट उत्पाद की इमेजेस को उन ग्राहकों के लिए समझने योग्य बनाता है जो स्क्रीन रीडर की मदद से नेविगेट कर रहे हैं, और कई स्टोरों के लिए यूरोपीय सुलभता अधिनियम (European Accessibility Act) के तहत अच्छी इमेज सुलभता एक आवश्यकता है। यह Google को आपकी इमेजेस को समझने और इंडेक्स करने में भी मदद करता है, जिससे Google Images से अतिरिक्त ट्रैफ़िक मिल सकता है। विशुद्ध रूप से सजावटी इमेजेस को एक खाली ऑल्ट एट्रिब्यूट (alt="") का उपयोग करना चाहिए ताकि स्क्रीन रीडर फ़ाइल नाम की घोषणा करने के बजाय उन्हें छोड़ (स्किप कर) दें।

सामान्य उपयोग के मामले

• उत्पाद की इमेजेस: उत्पाद का विशेष रूप से वर्णन करें (“रोल नेक वाला लाल ऊनी स्वेटर”) न कि केवल “स्वेटर” या उत्पाद का SKU लिखें।
• सजावटी इमेजेस: बैकग्राउंड और आभूषणों के लिए alt="" का उपयोग करें ताकि सहायक तकनीक (assistive technology) उन्हें अनदेखा कर दे।
• लिंक या बटन के रूप में उपयोग की जाने वाली इमेजेस: ऑल्ट टेक्स्ट लिंक टेक्स्ट के रूप में कार्य करता है और इसे यह बताना चाहिए कि लिंक कहाँ ले जाता है।
• इन्फोग्राफिक्स और इमेजेस में टेक्स्ट: महत्वपूर्ण टेक्स्ट को दोबारा लिखें ताकि स्क्रीन रीडर और Google के लिए मुख्य बात खो न जाए।

शॉपिफाई (Shopify) का नजरिया

Shopify में, आप प्रत्येक उत्पाद के मीडिया के अंतर्गत ऑल्ट टेक्स्ट को संपादित (एडिट) करते हैं (इमेज पर क्लिक करें और “Edit alt text” चुनें), और थीम आमतौर पर इसे Liquid में {{ image.alt }} के साथ रेंडर करती है। Shopify स्वचालित रूप से सार्थक ऑल्ट टेक्स्ट नहीं भरता है; कई थीम उत्पाद के शीर्षक (टाइटल) को फॉलबैक के रूप में उपयोग करती हैं, जो शायद ही कभी सटीक वर्णन होता है। टेक्स्ट को संक्षिप्त रखें (आदर्श रूप से लगभग 125 वर्णों से कम), इमेज का स्वाभाविक रूप से वर्णन करें और कीवर्ड स्टफिंग (अनावश्यक कीवर्ड भरने) से बचें। गति (स्पीड) के लिए इमेजेस को WebP के रूप में सहेजने पर विचार करें — फ़ाइल प्रारूप चाहे जो भी हो, ऑल्ट टेक्स्ट काम करता है।