छवि में ALT विशेषता को सही तरीके से कैसे जोड़ें?

विषयसूची:

छवि में ALT विशेषता को सही तरीके से कैसे जोड़ें?
छवि में ALT विशेषता को सही तरीके से कैसे जोड़ें?
Anonim

हर वेब पेज मार्कअप - कोड का उपयोग करके बनाया जाता है जो विशेष रूप से प्रदान की गई भाषा (अक्सर HTML) में लिखा जाता है। उपयोगकर्ता का ब्राउज़र, बदले में, इस कोड को पढ़ सकता है ताकि वह सभी जानकारी ठीक से प्रदर्शित हो सके जो संसाधन के निर्माता हमें बताना चाहते थे। यह पता चला है कि वेब पेज पर हम जो भी तत्व देखते हैं, वे हमारे द्वारा देखी जाने वाली साइट के स्रोत कोड द्वारा प्रदान किए जाते हैं।

कोड अनुकूलन

ALT विशेषता सेट करें
ALT विशेषता सेट करें

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

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

एएलटी विशेषता क्या है?

शुरू से शुरू करते हैं: हम बताएंगे कि यह लेख किस बारे में हैभाषण और हमें इस विशेषता की आवश्यकता क्यों है।

एएलटी विशेषता
एएलटी विशेषता

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

व्यावहारिक मूल्य

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

सभी दृश्यमान छवियों में ALT विशेषता नहीं है
सभी दृश्यमान छवियों में ALT विशेषता नहीं है

खोज इंजन से बोनस

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

ऑल्ट एट्रिब्यूट कैसे लिखें?

तकनीकी रूप से, इस या उस तस्वीर के तहत विवरण भरने में कुछ भी मुश्किल नहीं है। यह स्पष्ट है: आपको अपनी साइट पर HTML संपादक पर जाना होगा और छवि कोड ढूंढना होगा (IMG से शुरू होता है और उसी के साथ समाप्त होता है)। कोड के इस ब्लॉक के अंदर कोड होता है। उनका यही मतलब है जब वे कहते हैं कि आपको ALT विशेषता लिखने की आवश्यकता है। यह इस तरह किया जाता है: " alt=""विवरण"।

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

ऐट्रिब्यूट में वे क्या लिखते हैं?

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

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

लापता वैकल्पिक विशेषता
लापता वैकल्पिक विशेषता

आवश्यकताएं

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

उदाहरण के लिए, इस तरह की पहली आवश्यकता पूरे पाठ की लंबाई है। यदि आप खोज रहे हैं कि ALT विशेषता को सही तरीके से कैसे लिखा जाए, तो समाधान प्राथमिक है: 2-3 शब्दों से अधिक का उपयोग न करें। इस आकार का पाठ, सबसे पहले, आदर्श रूप से एक खोज रोबोट द्वारा पढ़ा जाएगा (और आपकी साइट को अधिक प्रासंगिक बना देगा); दूसरे, ऐसा विवरण स्वयं उपयोगकर्ताओं के लिए अधिक समझ में आता है। सहमत हूं, पूरा वाक्य पढ़ें, अगर आप सिर्फ यह जानना चाहते हैं कि चित्र में क्या दिखाया गया है, तो कोई नहीं करेगा। यह संक्षिप्त और सटीक होने के लिए पर्याप्त है।एक विवरण जो आपके और आपके ग्राहकों दोनों के लिए उपयोगी होगा।

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

एक और महत्वपूर्ण बिंदु (जो कई व्यावहारिक परीक्षणों के दौरान स्थापित किया गया था) विशिष्टता है। यदि आप किसी छवि में "छवि" विशेषता जोड़ने का तरीका ढूंढ रहे हैं, तो याद रखें कि यह साइट पर सूचीबद्ध प्रत्येक फ़ोटो के लिए अद्वितीय होना चाहिए। उदाहरण के लिए, "मेरा हाथी" शीर्षक के साथ लगातार तीन चित्र प्रकाशित करना गलत होगा - यह केवल खोज परिणामों में आपके संसाधन को नुकसान पहुंचाएगा। छवियों को "हाथी 1" और "हाथी 2" नाम देना बेहतर है, जो उन्हें और अधिक अद्वितीय बना देगा।

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

ऑल्ट खोजें

आखिरकार, हमने एक विशेषता की मूल बातें, इसके संकलन के कुछ नियमों और दोनों पक्षों (दोनों उपयोगकर्ताओं और खोज रोबोट) की आवश्यकताओं के बारे में बात की। आइए अब सोचें: कीवर्ड और वाक्यांशों की खोज कैसे करें,जिसे हम अपनी वेबसाइट पर लिखेंगे? जैसा कि ऊपर उल्लेख किया गया है, खोज को कीवर्ड के तैयार डेटाबेस की ओर निर्देशित किया जाना चाहिए जो वास्तव में ग्राहकों को आपकी साइट पर आकर्षित करना शुरू करते हैं। बेशक, यह हासिल नहीं किया जा सकता है अगर आपके पास अभी भी एएलटी विशेषता नहीं है। तैयार किए गए कीवर्ड और वाक्यांशों को लें जो आप अपनी सामग्री में उपयोग करते हैं और उन्हें चित्रों में पेस्ट करें।

यदि आपके पास ऐसी कोई जानकारी नहीं है और आपने अपने संसाधन को धीरे-धीरे बढ़ावा देना शुरू करने के बारे में बिल्कुल भी नहीं सोचा है, तो हमारा सुझाव है कि आप ऐसे "कीवर्ड" के डेटाबेस की तलाश शुरू करें जिससे आप आसानी से नई साइट बना सकें। इसके लिए Google Keyword Extract Tool या Yandex. Wordstat जैसी सेवाएं उत्तम हैं, जो कुछ विशेष वाक्यांशों के लिए खोज आंकड़े दिखाती हैं। इन सेटिंग्स के साथ "खेल" करके, आप अपनी साइटों पर खोज ट्रैफ़िक की हिस्सेदारी में उल्लेखनीय रूप से वृद्धि कर सकते हैं और इस तरह नए लाभ प्राप्त करना शुरू कर सकते हैं। मुख्य बात ऐसी स्थिति से बचना है जिसमें सभी दृश्यमान छवियों में ALT विशेषता का अभाव हो।

निष्कर्ष

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

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

सिफारिश की: