बस कुछ ही पैसों में अपनी वेबसाइट की पहुंच में सुधार करें। 1 क्लिक करें – 100 से अधिक लोगों द्वारा विश्वसनीय 60,000 दुनिया भर की वेबसाइटें

वर्डप्रेस में Alt टेक्स्ट कैसे जोड़ें: एक चरण-दर-चरण मार्गदर्शिका

वर्डप्रेस में छवियों में ऑल्ट टेक्स्ट जोड़ने की प्रक्रिया को प्रदर्शित करने वाला ग्राफिक, जिससे पहुंच क्षमता में वृद्धि होती है।
"WP1" लिखी टी-शर्ट पहने एक मुस्कुराती हुई महिला, बेहतर एक्सेसिबिलिटी वाली वर्डप्रेस वेबसाइटों के लिए सर्वश्रेष्ठ एक्सेसिबिलिटी वर्डप्रेस प्लगइन, मुफ्त वर्डप्रेस एक्सेसिबिलिटी प्लगइन और शीर्ष WP प्लगइन का प्रचार कर रही है।
द्वारा प्रकाशित किया गया था

मार्लेन फिचनर

अपलोड किया गया

दिसम्बर 11/2024

निःशुल्क अभिगम्यता चेकलिस्ट
सबसे महत्वपूर्ण अभिगम्यता जांचों वाली एक निःशुल्क चेकलिस्ट प्राप्त करें।

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

Alt Text क्यों महत्वपूर्ण है

Alt टेक्स्ट कई उद्देश्यों को पूरा करता है जो एक्सेसिबिलिटी मानकों को पूरा करने से कहीं आगे जाते हैं। जब आप इसे अपनी WordPress साइट पर जोड़ते हैं, तो आप:

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

ऑल्ट टेक्स्ट का प्रभावी ढंग से लाभ उठाकर, आप न केवल वेब सामग्री एक्सेसिबिलिटी दिशानिर्देश (WCAG) जैसे दिशानिर्देशों का अनुपालन करते हैं, बल्कि एक अधिक उपयोगकर्ता-अनुकूल और खोज-इंजन-अनुकूल वर्डप्रेस साइट भी प्रस्तुत करते हैं।

आरंभ करने से पहले: वर्डप्रेस के लिए एक्सेसिबिलिटी प्लगइन स्थापित करें

वैकल्पिक पाठ जोड़ने और अनुकूलित करने की प्रक्रिया को सरल बनाने के लिए, एक समर्पित का उपयोग करने पर विचार करें एक्सेसिबिलिटी प्लगइन वर्डप्रेस समाधान जैसे WP वन टैपयह प्लगइन आपकी मीडिया लाइब्रेरी को स्कैन कर सकता है, ऑल्ट टेक्स्ट की कमी वाली छवियों को हाइलाइट कर सकता है, और आपके विवरण को बेहतर बनाने के लिए सुझाव दे सकता है। एक्सेसिबिलिटी प्लगइन से शुरुआत करके, आप तुरंत अपनी साइट के समावेशी डिज़ाइन को बनाए रखने और सुधारने में दीर्घकालिक सफलता के लिए खुद को तैयार कर लेते हैं।

चरण-दर-चरण: वर्डप्रेस में Alt टेक्स्ट कैसे जोड़ें

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

चरण 1: अपनी मीडिया लाइब्रेरी तक पहुंचें

अपने वर्डप्रेस डैशबोर्ड में लॉग इन करें और नेविगेट करें मीडिया > लाइब्रेरी. यहाँ, आपको वे सभी छवियाँ मिलेंगी जिन्हें आपने अपनी साइट पर अपलोड किया है। यदि आपने अभी तक कोई नई छवि अपलोड नहीं की है, तो आप “नया जोड़ें” बटन पर क्लिक करके नई छवियाँ भी जोड़ सकते हैं।

चरण 2: वह छवि चुनें जिसे आप संपादित करना चाहते हैं

उस छवि पर क्लिक करें जिसमें आप alt text जोड़ना चाहते हैं। एक पॉप-अप अटैचमेंट विवरण विंडो दिखाई देगी, जिसमें छवि के बारे में जानकारी दिखाई देगी जैसे फ़ाइल का नाम, फ़ाइल का आकार और अपलोड की तारीख।

चरण 3: Alt टेक्स्ट फ़ील्ड का पता लगाएँ

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

चरण 4: वर्णनात्मक Alt टेक्स्ट लिखें

आपका वैकल्पिक पाठ संक्षिप्त लेकिन वर्णनात्मक होना चाहिए, जो छवि का प्रतिनिधित्व करने वाली चीज़ पर केंद्रित हो। उदाहरण के लिए, अगर छवि में कोई व्यक्ति डेस्क पर लैपटॉप का उपयोग करता हुआ दिखाई देता है, तो आप लिख सकते हैं: “एक आदमी लकड़ी की मेज़ पर लैपटॉप पर टाइप कर रहा है और पास में एक कप कॉफ़ी है।” यह विवरण उस व्यक्ति के लिए पर्याप्त संदर्भ प्रदान करता है जो छवि को नहीं देख सकता, तथा उसे उसकी कल्पना करने में मदद करता है।

चरण 5: अपने परिवर्तन सहेजें

अपना alt text लिखने के बाद, क्लिक करें अपडेट or सहेजें बटन (आपके वर्डप्रेस संस्करण के आधार पर) परिवर्तनों को लागू करने के लिए। आपकी छवि में अब एक सटीक और सार्थक alt विशेषता है।

प्रभावी Alt Text लिखने के लिए सुझाव

सभी ऑल्ट टेक्स्ट एक जैसे नहीं होते। इन सुझावों को ध्यान में रखें:

  • विशिष्ट एवं प्रासंगिक रहें: बिना ज़्यादा शब्दों का इस्तेमाल किए, यह बताएं कि छवि वास्तव में क्या दिखाती है। पाठक को संदर्भ देने वाले मुख्य तत्वों पर ध्यान केंद्रित करें।
  • अनावश्यक वाक्यांशों से बचें: अपने विवरण की शुरुआत “की छवि” या “की तस्वीर” से न करें। स्क्रीन रीडर पहले से ही जानते हैं कि यह एक छवि है, इसलिए सीधे विवरण पर जाएं।
  • जहां उपयुक्त हो वहां कीवर्ड शामिल करें: अगर छवि किसी लक्षित कीवर्ड (जैसे “एक्सेसिबिलिटी प्लगइन वर्डप्रेस”) से संबंधित है, तो अगर यह विवरण में फिट बैठता है तो इसे स्वाभाविक रूप से शामिल करें। हालाँकि, स्पष्टता की कीमत पर कभी भी कीवर्ड को ज़बरदस्ती न डालें।
  • सामग्री का उद्देश्य प्रतिबिंबित करें: अगर छवि किसी अवधारणा को व्यक्त करती है या ब्लॉग पोस्ट के लिए मूड सेट करती है, तो आपके वैकल्पिक टेक्स्ट में उसे स्वीकार किया जाना चाहिए। उदाहरण के लिए, अगर छवि किसी ब्रांड का लोगो है, तो बस ब्रांड का नाम लिखें - पेज पर छवि की भूमिका को संदर्भ में रखते हुए।

WP One Tap कैसे मदद कर सकता है

यद्यपि आप प्रत्येक छवि में मैन्युअल रूप से alt text जोड़ सकते हैं, लेकिन यदि आप सैकड़ों या हजारों छवियों वाली बड़ी साइट का प्रबंधन करते हैं तो यह प्रक्रिया थकाऊ हो सकती है। WP वन टैप इसे सरलीकृत करें:

  • अपनी मीडिया लाइब्रेरी को स्कैन करना: तुरंत देखें कि किन छवियों में वैकल्पिक पाठ नहीं है, ताकि आप जान सकें कि आपको अपना ध्यान कहाँ केंद्रित करना है।
  • सिफारिशें प्रदान करना: सर्वोत्तम प्रथाओं और WCAG दिशानिर्देशों के आधार पर अपने वैकल्पिक पाठ को बेहतर बनाने के लिए सुझाव प्राप्त करें।
  • सतत अनुपालन सुनिश्चित करना: जैसे ही आप नई छवियां अपलोड करते हैं, WP One Tap आपको समय के साथ सुसंगत पहुंच मानकों को बनाए रखने में मदद करता है।

अपने परिवर्तनों का परीक्षण करें

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

Alt टेक्स्ट और SEO

ऑल्ट टेक्स्ट सिर्फ़ एक्सेसिबिलिटी के लिए नहीं है - यह सर्च इंजन के लिए भी एक मज़बूत संकेत है। हालाँकि यह अपने आप में शीर्ष रैंकिंग की गारंटी नहीं देगा, लेकिन लगातार वर्णनात्मक ऑल्ट टेक्स्ट का उपयोग करने से Google और अन्य सर्च इंजन को आपकी छवियों के संदर्भ को समझने में मदद मिलती है। अन्य SEO प्रथाओं के साथ-साथ - जैसे उचित शीर्षक, पठनीय सामग्री और वर्डप्रेस के लिए एक्सेसिबिलिटी प्लगइन - ऑल्ट टेक्स्ट जोड़ने से बेहतर सर्च विज़िबिलिटी और ऑर्गेनिक ट्रैफ़िक में वृद्धि हो सकती है।

व्यापक पहुँच-योग्यता रणनीति के भाग के रूप में वैकल्पिक पाठ

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

  • सुलभ थीम और प्लगइन्स का उपयोग करें: सुगमता को ध्यान में रखते हुए अच्छी तरह से कोडित थीम चुनें, तथा ऐसे टूल एकीकृत करें जो कीबोर्ड नेविगेशन और उचित शीर्षक संरचनाओं का समर्थन करते हों।
  • प्रतिलेख और कैप्शन प्रदान करें: ऑडियो या वीडियो सामग्री के लिए, प्रतिलिपियाँ और कैप्शन प्रदान करें ताकि सभी उपयोगकर्ता जानकारी तक पहुँच सकें।
  • नियमित रूप से परीक्षण करें: WP One Tap या अन्य टूल के साथ समय-समय पर एक्सेसिबिलिटी ऑडिट करें। नियमित परीक्षण सुनिश्चित करता है कि जब आप नई सामग्री या सुविधाएँ जोड़ते हैं तो आपकी साइट उपयोगकर्ता के अनुकूल बनी रहती है।

निष्कर्ष: समावेशी वेब अनुभव में निवेश करना

वर्डप्रेस में ऑल्ट टेक्स्ट जोड़ने का तरीका सीखकर, आप समावेशी ऑनलाइन वातावरण को बढ़ावा देने की दिशा में एक महत्वपूर्ण कदम उठा रहे हैं। यह एक सरल, लागत प्रभावी उपाय है जो पहुँच और SEO दोनों पर गहरा प्रभाव डाल सकता है। इस प्रयास को WP One Tap जैसे विश्वसनीय पहुँच प्लगइन के साथ मिलाएँ, और आप निरंतर सफलता के लिए मंच तैयार करेंगे—अधिक उपयोगकर्ताओं तक पहुँचना, उपयोगकर्ता अनुभव में सुधार करना, और खोज परिणामों में अलग दिखना।

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

संबंधित आलेख

बहुभाषी वर्डप्रेस साइटों के लिए एक्सेसिबिलिटी को कैसे अनुकूलित करें

बहुभाषी वर्डप्रेस साइटों पर पहुंच सुनिश्चित करना एक समावेशी वेब अनुभव बनाने के लिए अत्यंत महत्वपूर्ण है…

वर्डप्रेस में सुलभ इमेज कैरोसेल कैसे बनाएं

इमेज कैरोसेल आकर्षक दृश्य तत्व हैं जो आपके वर्डप्रेस की अपील को बढ़ा सकते हैं…

थर्ड-पार्टी वर्डप्रेस थीम्स में एक्सेसिबिलिटी समस्याओं को कैसे ठीक करें

थर्ड-पार्टी वर्डप्रेस थीम अक्सर आकर्षक डिजाइन के साथ आती हैं, लेकिन उनमें अंतर्निहित एक्सेसिबिलिटी सुविधाओं की कमी हो सकती है...

वर्डप्रेस मेनू में स्किप नेविगेशन लिंक कैसे जोड़ें

वर्डप्रेस साइट पर एक्सेसिबिलिटी को बेहतर बनाने के लिए स्किप नेविगेशन लिंक आवश्यक हैं। ये लिंक…

वर्डप्रेस ब्लॉग पोस्ट में एक्सेसिबिलिटी कैसे सुनिश्चित करें

ब्लॉग पोस्ट में सुलभता यह सुनिश्चित करती है कि आपकी सामग्री सभी के लिए समावेशी और उपयोगी हो...

एलिमेंटर में सुलभ फॉर्म कैसे डिज़ाइन करें

एलिमेंटर में सुलभ फॉर्म बनाने से यह सुनिश्चित होता है कि विकलांग व्यक्तियों सहित सभी उपयोगकर्ता उनका उपयोग कर सकें...

चरण-दर-चरण: WooCommerce में एक्सेसिबिलिटी संबंधी समस्याओं को ठीक करना

WooCommerce ऑनलाइन स्टोर बनाने के लिए एक लोकप्रिय प्लेटफॉर्म है, लेकिन इसकी सुलभता सुनिश्चित करना एक चुनौती है...

वर्डप्रेस पर स्क्रीन रीडर्स के साथ एक्सेसिबिलिटी का परीक्षण कैसे करें

स्क्रीन रीडर का उपयोग करके अपनी वर्डप्रेस साइट का परीक्षण करना यह सुनिश्चित करने के लिए महत्वपूर्ण है कि यह सुलभ है...

आज ही अपनी वेबसाइट को अधिक सुलभ बनाएं

60,000 से ज़्यादा वेबसाइटों द्वारा विश्वसनीय — यूरोप में निर्मित। OneTap #1 वर्डप्रेस एक्सेसिबिलिटी प्लगइन है। 1 मिनट में एक्सेसिबिलिटी बेहतर बनाएँ — कोडिंग की ज़रूरत नहीं
1
अपना पैकेज चुनें
2
प्लगइन डाउनलोड करें
3
1 क्लिक से इंस्टॉल करें
ख़त्म होना
1
पैकेज चुनें
2
प्लगइन डाउनलोड करें
3
स्थापित करें
ख़त्म होना
वर्डप्रेस एक्सेसिबिलिटी के लिए मुफ्त चेकलिस्ट जिसमें सर्वश्रेष्ठ एक्सेसिबिलिटी वर्डप्रेस प्लगइन, मुफ्त वर्डप्रेस एक्सेसिबिलिटी प्लगइन और वेबसाइट में सुधार के लिए WP प्लगइन संबंधी सुझाव शामिल हैं।
वर्डप्रेस के लिए निःशुल्क अभिगम्यता चेकलिस्ट

वर्डप्रेस साइटों में ज्यादातर क्या गलतियां होती हैं — और उन्हें कैसे ठीक किया जाए। अपनी वर्डप्रेस साइट पर आम एक्सेसिबिलिटी समस्याओं को पहचानने के लिए एक व्यावहारिक, चरण-दर-चरण चेकलिस्ट प्राप्त करें।