SEO की जो सबसे basic पुराने principal है, उनमें से एक है images का alt tag। कितना भी नया SEO क्यो ना हो alt tag का नाम उसमें जरूर सुनाई होगा। पर आप इस alt tag के बारे में कितना जानते हैं। जैसे क्या इसे वास्तव में alt tag बोलते हैं या alt attribute या alt text, क्या है सही नाम। SEO में जादू - वादु कुछ नहीं होता है। इसमें कुछ basic है जो आपको सिखने है। और उनकी उतनी practice करनी है कि आप आप बिना कुछ सोचे उसे हर website पर implement कर सके।
आज की post में हम इस alt text नाम के इस topic को देखते हैं जानते हैं कि आप अपने images के लिए सही alt text को create कर सकते हैं।
Alt attribute text क्या है
सबसे पहले सवाल है कि इसे कहा क्या जाना चाहिए, tag, alt text या alt attribute। Technicaly सही terms है alt attribute। ये एक html element है और html में tags वो keyword होते है जो किसी information को define करते हैं। तो <h1>Heading</h1> tag है, एक tag है, <title>A Title</title>
ये एक tag है। Image जिसे img लिखते हैंजब एक web page में image दिखाना चाहते हैं तो उसका code कुछ इस तरह दिखाई देगा, img src=" image_girl.jpg" alt="Girl in a jacket">, यहां img tag है और src यानी कि source में image की location डालते हैं। तो image एक html tag है, attribution html tag में extra information देते हैं। तो अगर आप h1 tag में style को add करते हैं, <h1 style="color:red:">Heading</h1> इस तरह से तो एक style attribute हो गया।
तो यहां additional information दे रहा है। ईसी तरह से जब image के साथ में axtra text information देनी होती है, तो हम alt को use करते है। इस तरह से <H1 style="colore:red">Heading</H1> <img src="your-image.jpeg" alt="tutorial graphic in red"> alt का full form होता है, alternative text। Alt attribute browser को मदत करते हैं, उस image को blind user के लिए खुलकर बताने में और search engine को ये image को समझने में मदद करते हैं। वैसे alt attribute html में सिर्फ तिन tag के साथ use किया जाता है, area, img और input । वैसे इस post में हम image के साथ use के साथ use होने वाले alt attribute पर focus करेंगे।
Image के लिए सही alt tag कैसे बनाएं
तो जानते है कि एक perfect alt attribute कैसे लिखा जाए, इसमें क्या क्या होना चाहिए।
1. हर image के साथ alt attribute use करे - हर image में alt attribute को use जरुर करना है। कई बार page पर ऐसी images होती है जो decoration के लिए use की जाती है। जैसे divider या header या spacer के साथ use की जा रही है। कोई visual element या green tag, red cross sheld के साथ jpg image file होती ह, उसमें alt attribute को आपको use करना है।
आप किसी icon में क्या alt attribute text लिखेंगे। इसमें null attribute को use करना है यानी कि blind पर attribute होंगा जरुर।
2. Alt attribute को 125 character से कम रखें - 125 से बड़ा alt attribute की बार descard किया जाता है। कुछ platefarm में उसे split किया जाता है। जिससे आपका जो alt attribute text है वो incomplete sound करता है। इसलिए 125 character के rule को जरुर follow करें।
3. आपके alt text में 16 से कम word use करे - Google Web search के लिए आपके alt attribute के 16 word को use करता है। इसलिए आप जो भी alt text लिख रहे हैं, उसका main part first 16 word के अन्दर हि cover हो जाए। ये भी ध्यान रखने की बात है कि ये 16 word Google Web search के लिए है। Image search के लिए आप 50 character तक use कर सकते हैं।
4. Alt attribute text मैं picture of या फिर image of या फिर graphic of या फिर infographic of style मत use करिए। इसको लिखना pointless है। Alt attribute को use ही picture के साथ किया जाता है। Text का alt होता नहीं है, video tag का alt होता नहीं है, सिर्फ image या picture के साथ alt attribute use किया जाता है। तो अपने alt attribute को picture of की जगह सिधे use करे।
5. Alt attribute text को image को explain के लिए use करे - किसी एक image को सही तरिके से describe करना इतना easy नहीं होता है। उदाहरण के लिए आप एक screenshot ले लिजिए। अब इस screenshot को किसी website पर आप update करना चाहते हैं तो इसका सही alt attribute text होगा। <img src="gopal.jpg" alt="A man"> इसको थोड़ा और details करते हैं, <img src="gopal.jpg" alt="A man in blue T-shirt"> या <img src="gopal.jpg" alt="An asian man in blue T-shirt">, अपने alt attribute text में image को जितना चाहे describe करें।
6. Alt attribute text में वही चीज मत repeat करें जो page पर already लिखी हुई है। search engine के लिए image को alt attribute text, main text का ही part होता है। और अगर आप main text का ही एक sentence उठाकर alt attribute text में pest कर रहे हैं तो क्या होगा। Google को एक ही sentence दो बार दिखाई देना। आपके page की text की quality निचे चली जाएंगी। Alt text को unique रखिए।
7. अगर आप किसी infographic के लिए alt attribute text लिख रहे हैं तो जो text उस infographic में लिखा गया है उसे फिर से use मत करिए। अगर आपको बिलकुल समझ ना आए की infographic के लिए क्या alt attribute text use करे तो इसे blank छोड़ दिजीए।alt attribute आऊंगा जरुर वो blank होंगा पर infographic के अन्दर का text भी repeat नहीं करेंगे और null alt attribute, alt attribute के साथ लगा देंगे।
निष्कर्ष
अगर आप इस 7 step को use करते हैं अपने alt attribute बनाने में तो आपकी images actually आपके page के SEO velue को बढ़ाएंगी। आपके page rank करने में मदद करेंगी। Image search से ज्यादा traffic ले आऊंगी। अगर आपको ये post अच्छी लगी तो इसे अपने दोस्तों कै साथ जरुर शेयर करे।

