इमेज SEO: Alt टेक्स्ट, फ़ॉर्मेट और लोडिंग स्पीड

Alt टेक्स्ट किसी इंसान के लिए लिखें, क्रॉलर के लिए नहीं

Alt टेक्स्ट एक एक्सेसिबिलिटी एट्रिब्यूट है, जिसे सर्च इंजन बस पढ़ भी लेते हैं। स्क्रीन रीडर इस्तेमाल करने वाला कोई व्यक्ति इसे तस्वीर की जगह सुनता है, इसलिए टेस्ट सीधा है: क्या यह वाक्य उसे बताता है कि वह क्या मिस कर रहा है? "टैन लेदर चेल्सी बूट, साइड व्यू, इलास्टिक पैनल के साथ" यह टेस्ट पास करता है। "बूट लेदर बूट बूट ऑनलाइन खरीदें वीमेंस बूट" फेल होता है, और दोनों तरह के पाठकों को स्पैम जैसा लगता है।

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

फ़ाइल नेम और इमेज के आसपास के शब्द

फ़ाइल नेम एक कमज़ोर संकेत है, लेकिन इसे सही रखने में कुछ खर्च नहीं होता। अपलोड करने से पहले IMG_4471.jpg का नाम बदलकर chelsea-boot-tan-side.jpg करने में आपके चार सेकंड लगते हैं। इसमें ठूंस-ठूंसकर कीवर्ड मत भरिए। नौ हाइफ़न से जुड़े कीवर्ड वाला फ़ाइल नेम बिल्कुल वैसा ही दिखता है, जैसा वह असल में है।

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

प्रोडक्ट इमेज के अपने अलग नियम हैं

किसी दुकान के लिए इमेज अक्सर वही चीज़ होती है जो बिक्री तय करती है, और जो चीज़ें खरीदार की मदद करती हैं, वही लिस्टिंग की भी मदद करती हैं। हर वैरिएंट को डिस्क्रिप्शन में सिर्फ़ रंग बदलने के बजाय अपनी अलग फ़ोटो दें: जो खरीदार ग़लत रंग देखेगा, वह वापस चला जाएगा, और ऐसा वापस जाना दिखता है। पूरी रेंज में फ़्रेमिंग और बैकग्राउंड एक जैसा रखें, ताकि रिज़ल्ट की ग्रिड किसी कैटलॉग जैसी लगे, न कि किसी सड़क किनारे लगे बाज़ार जैसी। जहां भी साइज़ को लेकर कोई साफ़ अंदाज़ा नहीं मिलता, वहां कुछ ऐसा शामिल करें जो स्केल का अंदाज़ा दे।

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

उन्हें सही तरीक़े से लोड होने दें

• हर img टैग पर width और height एट्रिब्यूट लगाएं। इससे फ़ाइल आने से पहले ही ब्राउज़र सही जगह रिज़र्व कर लेता है, और लोड होते समय पेज इधर-उधर उछलना बंद कर देता है।
• फ़ोल्ड के नीचे वाली इमेज के लिए लेज़ी लोडिंग इस्तेमाल करें, और सबसे ऊपर की मुख्य इमेज पर कभी नहीं। विज़िटर को सबसे पहले दिखने वाली चीज़ पर लेज़ी लोडिंग लगाना ठीक उसी एलिमेंट को देर से लोड करता है, जिससे आपका लोडिंग स्कोर मापा जाता है, और यह हैरानी की बात है कि यह गलती कितनी आम है।
• एक srcset जोड़ें ताकि फ़ोन, फ़ोन के हिसाब से बनी साइज़ वाली फ़ाइल डाउनलोड करे। हर डिवाइस को एक जैसी डेस्कटॉप इमेज देना उन विज़िटर का बैंडविड्थ बर्बाद करता है, जिनके पास सबसे ज़्यादा संभावना धीमे कनेक्शन की होती है।
• CSS से साइज़ सीमित करने के बजाय अपलोड करने से पहले इमेज को रीसाइज़ करें। CSS से 900 पिक्सेल चौड़ी दिखाई गई इमेज भी असल में पूरे 4032 पिक्सेल डाउनलोड करती है। कंप्रेशन गाइड बताती है कि असली बचत कहां होती है।

जो चीज़ें आपको चुपचाप पीछे खींचती हैं

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

इसके बाद तकनीकी रुकावटें आती हैं। जो इमेज किसी क्लिक या स्क्रॉल से चलने वाले स्क्रिप्ट के बाद ही लोड होती हैं, हो सकता है क्रॉलर उन्हें कभी देखे ही नहीं। robots.txt में रोकी गई इमेज डायरेक्ट्री को इंडेक्स नहीं किया जा सकता, चाहे मार्कअप कितना भी अच्छा क्यों न हो। किसी सबडोमेन या बिना जांचे-परखे CDN पर होस्ट की गई इमेज ऐसे इंडेक्स हो सकती हैं कि वे आपके पेजों से अलग हो जाएं। इनमें से कोई भी बात अजीब नहीं है, और बेहतर alt टेक्स्ट लिखने में एक महीना लगाने से पहले इन सबको एक बार जांच लेना समझदारी है।

ऑप्टिमाइज़ करते समय एक बात का ध्यान रखें

कोई भी ब्राउज़र आधारित कनवर्टर, इस साइट सहित, आपकी इमेज को डिकोड करता है और पिक्सेल से एक नई फ़ाइल लिखता है। कोई भी चीज़ मेटाडेटा को साथ कॉपी नहीं करती, इसलिए आउटपुट में कोई EXIF ब्लॉक नहीं बचता: न कैमरा डेटा, न कैप्चर डेट, न GPS, और न ही कोई एम्बेडेड कॉपीराइट या IPTC क्रेडिट फ़ील्ड। पब्लिश करने से पहले लोकेशन डेटा हटाना अक्सर ठीक वही होता है जो आप चाहते हैं। किसी ऐसी फ़ोटो पर अपनी अट्रिब्यूशन फ़ील्ड खो देना, जिसे आप लाइसेंस पर देते हैं, वैसा नहीं है, इसलिए एक कॉपी प्रोसेस करें और ओरिजिनल को सुरक्षित रखें।

इस सबसे क्या उम्मीद रखें

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

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