AI से बनी तस्वीरों के लिए alt text कैसे लिखें
Alt text उन लोगों को बताता है जो तस्वीर नहीं देख सकते कि वह किसलिए है। एक आसान फ़ॉर्मूला, इसे खाली कब छोड़ें, और प्रोडक्ट शॉट, इलस्ट्रेशन और चार्ट के उदाहरण।
आपने एक तस्वीर बनाई, वह बिल्कुल सही है, और अब पेज एडिटर "alt text" माँग रहा है। ज़्यादातर लोग फ़ाइल का नाम लिख देते हैं, प्रॉम्प्ट पेस्ट कर देते हैं, या खाना खाली छोड़ देते हैं। तीनों तरीकों में यह फ़ील्ड बेकार जाती है। Alt text कुछ शब्द होते हैं जो तस्वीर दिखाई न देने पर उसकी जगह लेते हैं: स्क्रीन रीडर इस्तेमाल करने वाले के लिए, धीमे कनेक्शन वाले विज़िटर के लिए, पेज पढ़ रहे सर्च इंजन के लिए। यह उन तस्वीरों के लिए इसे लिखने का एक छोटा, व्यावहारिक तरीका है जो आपने खुद जनरेट की हैं।
Alt text असल में किसलिए है
इसका एक ही काम है: तस्वीर जिस जगह लगी है, वहाँ पाठक को वही देना जो तस्वीर देखने वाले विज़िटर को देती है। यह कैप्शन नहीं है (कैप्शन सबको दिखता है और संदर्भ जोड़ता है), और यह कीवर्ड का डिब्बा भी नहीं है। सर्च इंजन इसे पढ़ते हैं, और साफ़, ईमानदार विवरण उन्हें पेज समझने में मदद करता है, लेकिन सर्च शब्दों से ठूँसा हुआ वाक्य किसी के काम का नहीं, और स्क्रीन रीडर इस्तेमाल करने वाले इसे तुरंत भाँप लेते हैं।
एक आसान फ़ॉर्मूला
इसी क्रम में तीन सवाल पूछें, और जवाबों से एक सीधा वाक्य लिखें।
- यह क्या है? मुख्य विषय, रोज़मर्रा के शब्दों में: एक सिरेमिक मग, एक लाइटहाउस, एक बार चार्ट।
- यहाँ इसके बारे में क्या मायने रखता है? वह ब्योरा जो पेज को चाहिए: प्रोडक्ट का रंग, कवर का मूड, चार्ट का रुझान।
- यह किस तरह की तस्वीर है? सिर्फ़ तब जब इससे मतलब बदलता हो: इलस्ट्रेशन, 3D रेंडर, फ़ोटो-स्टाइल रेंडर, वॉटरकलर।
इसे लगभग एक वाक्य में रखें। "image of" और "picture of" छोड़ दें: स्क्रीन रीडर पहले ही बता देता है कि यह इमेज है।
जानकारी देने वाली या सजावटी: पहले तय करें
कुछ भी लिखने से पहले पूछें कि क्या तस्वीर ऐसी जानकारी देती है जो उसके पास के टेक्स्ट में नहीं है। प्रोडक्ट पेज पर प्रोडक्ट शॉट देता है। हेडिंग के पीछे शांत एब्स्ट्रैक्ट बैकग्राउंड नहीं देता। सजावटी तस्वीर को खाली alt एट्रिब्यूट (alt="") मिलना चाहिए, जो सहायक टूल्स को उसे छोड़ देने को कहता है। यह उस विवरण से बेहतर है जो किसी को एक पेज पर तीन बार "purple gradient with soft light" सुनने पर मजबूर करे।
- जानकारी देने वाली: प्रोडक्ट शॉट, कुछ समझाने वाले इलस्ट्रेशन, चार्ट, लेख का कवर। इनका वर्णन करें।
- सजावटी: टेक्सचर, डिवाइडर, मूड बैकग्राउंड, ऐसी हेडर इमेज जो सिर्फ़ शीर्षक दोहराती है। alt खाली छोड़ें।
- कार्यात्मक: लिंक या बटन के भीतर की तस्वीर। बताएँ कि वह कहाँ ले जाती है या क्या करती है, यह नहीं कि कैसी दिखती है।
स्टाइल के बारे में ईमानदार रहें
जनरेट की गई तस्वीर किसी असली जगह की फ़ोटो नहीं होती, और alt text को ऐसा दिखावा नहीं करना चाहिए। अगर स्टाइल पाठक के लिए मायने रखती है, तो बताएँ कि वह क्या है: "Illustration of a lighthouse on a cliff at dusk" या "Rendered product image of a ceramic mug on an oak table"। जिसकी कभी फ़ोटो खींची ही नहीं गई, उसके लिए "photo of" न लिखें। मकसद टूल का प्रचार करना नहीं, बल्कि उस व्यक्ति को भ्रम से बचाना है जो खुद जाँच नहीं सकता। अगर आप जनरेट की गई इमेज प्रकाशित करते हैं, तो AI इमेज पहचानने की गाइड इसी ईमानदारी का दूसरा पहलू बताती है।
तीन उदाहरण
एक प्रोडक्ट शॉट
शॉप पेज पर पाठक को वही चाहिए जो ग्राहक देखेगा: रंग, आकार, और माहौल सिर्फ़ तब जब वह मायने रखे।
Rendered product image of a matte green ceramic mug with a wide handle, on a light oak table in soft window lightएक इलस्ट्रेशन
मूड बनाने वाले ब्लॉग कवर के लिए एक छोटा वाक्य काफ़ी है, और अगर शीर्षक पहले ही यह कह देता है तो खाली alt भी ठीक है।
Watercolour-style illustration of a small boat under a large moon on calm waterचार्ट जैसी इमेज
यहाँ तस्वीर डेटा लिए हुए है, इसलिए alt को संदेश ले जाना होगा। सावधान रहें: इमेज मॉडल चार्ट जैसी चीज़ें बना देते हैं, लेकिन उनके अंक और लेबल भरोसेमंद नहीं होते (हाथ और टेक्स्ट गाइड बताती है क्यों)। असली चार्ट किसी चार्ट टूल में बनाएँ, और alt उसके असली डेटा से लिखें। पूरे आँकड़े टेबल में या पास के टेक्स्ट में रखें।
Bar chart of monthly signups rising each month from January to June, with the largest jump in Aprilअपने प्रॉम्प्ट को ड्राफ़्ट मानें, कॉपी नहीं
आपका लिखा प्रॉम्प्ट एक काम का पहला ड्राफ़्ट है, क्योंकि उसमें विषय पहले से है। फिर भी उसे पेस्ट न करें। अच्छा प्रॉम्प्ट मॉडल के लिए नुस्खा होता है: उसमें रोशनी के शब्द, कैमरे के शब्द और स्टाइल टैग होते हैं जो सुनने वाले के लिए बेमतलब हैं (प्रॉम्प्ट गाइड बताती है कि वे मॉडल की मदद क्यों करते हैं)। और प्रॉम्प्ट बताता है कि आप क्या चाहते थे, जबकि alt text को बताना है कि तैयार तस्वीर में असल में क्या है। मॉडल भटक जाते हैं: तीसरे मग में हैंडल न हो, ऐसा हो सकता है। नतीजा देखें, फिर प्रॉम्प्ट से विषय रखें, तकनीकी शब्द हटाएँ, और जो माँगे अनुसार नहीं आया उसे ठीक करें।
एक झटपट चेकलिस्ट
- क्या तस्वीर जानकारी देने वाली है, सजावटी है या कार्यात्मक?
- एक वाक्य, विषय सबसे पहले, "image of" नहीं।
- वह ब्योरा जो इस पेज को चाहिए, हर ब्योरा नहीं।
- ज़रूरी हो तो तस्वीर की किस्म का नाम (इलस्ट्रेशन, रेंडर)।
- सिर्फ़ प्रॉम्प्ट से नहीं, अंतिम इमेज से मेल खाता हो।
- कोई कीवर्ड सूची नहीं, कोई फ़ाइल नाम नहीं।
स्टूडियो क्या करता है और क्या नहीं
स्टूडियो तस्वीर बनाता है; वह आपके लिए alt text नहीं लिखता और न ही उसे आपके डाउनलोड में जोड़ता है। तस्वीर 2K पर मिलती है और विवरण वहीं लिखना आपका काम है जहाँ आप उसे प्रकाशित करते हैं, क्योंकि पेज का संदर्भ वहीं पता होता है। यह आपका फ़ैसला है: तस्वीर किसलिए है, यह सिर्फ़ आप जानते हैं। प्रोडक्ट और कवर के काम के लिए प्रोडक्ट फ़ोटोग्राफ़ी और ब्लॉग हेडर के लेख उन इमेज को दिखाते हैं जिन पर यह सलाह लागू होती है। उन्हें बनाने के लिए स्टूडियो खोलें, या उपलब्ध स्टाइल के लिए मॉडल पेज देखें।
अक्सर पूछे जाने वाले प्रश्न
Alt text कितना लंबा होना चाहिए?
लगभग एक साफ़ वाक्य। इतना लंबा कि बता दे तस्वीर में क्या है और वह वहाँ क्यों है, इतना छोटा कि कुछ सेकंड में सुना जा सके। लंबी व्याख्याएँ, जैसे चार्ट का डेटा, पेज के टेक्स्ट में रखें।
क्या मैं अपना AI प्रॉम्प्ट alt text के रूप में पेस्ट करूँ?
नहीं। उसे विषय के ड्राफ़्ट की तरह इस्तेमाल करें, फिर रोशनी, कैमरे और स्टाइल के शब्द हटाएँ, और तैयार तस्वीर से मिलाकर जाँचें, क्योंकि नतीजा प्रॉम्प्ट से अलग हो सकता है।
क्या सजावटी AI आर्ट को alt text चाहिए?
नहीं। अगर तस्वीर कोई जानकारी नहीं जोड़ती, तो खाली alt एट्रिब्यूट इस्तेमाल करें ताकि स्क्रीन रीडर उसे छोड़ दें। जानकारी देने वाली तस्वीरों को इसके बजाय छोटा विवरण दें।
क्या स्टूडियो alt text अपने आप लिखता है?
नहीं। वह सिर्फ़ तस्वीर जनरेट करता है। विवरण आप वहाँ लिखते हैं जहाँ प्रकाशित करते हैं, क्योंकि आप उस पेज को जानते हैं जिसका वह हिस्सा है।
