वेब के लिए छवियों का अनुकूलन कैसे करें

वेब के लिए छवियों का अनुकूलन कैसे करें

वेब के लिए छवियों का अनुकूलन कैसे करें19 सितंबर, 2022 को अपडेट किया गया

छवियां न केवल आपकी सामग्री को उपयोगकर्ताओं के लिए अधिक सुलभ, आकर्षक और आकर्षक बनाती हैं, बल्कि वे SEO के लिए महत्वपूर्ण हैं।

छवि अनुकूलन की मूल बातें समझने से आपकी सामग्री को SEO के साथ सफल होने का सर्वोत्तम अवसर मिलता है।

छवि अनुकूलन क्या है?

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

एचटीटीपी आर्काइव के अनुसार, 2018 में, छवियों ने औसत वेब पेज के कुल वजन का 21% हिस्सा बनाया, और यह हिस्सा बढ़ने की संभावना है क्योंकि हाल के वर्षों में छवि का उपयोग बढ़ा है – वे वेबसाइट के किसी भी अन्य हिस्से की तुलना में अधिक बाइट्स का उपभोग करते हैं। इस प्रकार, छवि का आकार और जटिलता साइट के प्रदर्शन को बहुत अधिक प्रभावित करती है।

जब आप गुणवत्ता से समझौता किए बिना छवियों के आकार को कम कर सकते हैं, तो पृष्ठ लोड समय और समग्र उपयोगकर्ता अनुभव में सुधार होता है। इसका खोज इंजन रैंकिंग पर सकारात्मक प्रभाव पड़ सकता है, जिससे ग्राहक जुड़ाव, रूपांतरण और ग्राहक प्रतिधारण में और सुधार होता है।

बख्शीश: अनुकूलित छवियां आपके सर्वर पर कम संग्रहण स्थान लेती हैं, इसलिए साइट बैकअप अधिक तेज़ी से पूर्ण होते हैं।

अब, मैं आपकी छवियों को अनुकूलित करने के 10 तरीकों के बारे में विस्तार से बताऊंगा।

1. अपनी छवियों का आकार बदलें

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

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

बख्शीश: सोशल मीडिया प्लेटफॉर्म के लिए सर्वश्रेष्ठ इमेज साइज की पहचान करने के लिए इस गाइड को देखें।

उपयुक्त प्रारूप सहेजें

पीएनजी, जेपीईजी और जीआईएफ प्रत्येक के अपने फायदे हैं। मैं बहुत सारे रंगों वाली छवियों के लिए जेपीईजी और साधारण छवियों के लिए पीएनजी की सलाह देता हूं।

वेब के लिए शीर्ष छवि प्रारूप: पीएनजी, जेपीईजी, एसवीजी, जीआईएफ

छवि स्रोत

सही संपीड़न दर चुनें

एक छवि कितनी अच्छी तरह संपीड़ित होती है, फ़ाइल आकार और गुणवत्ता दोनों को प्रभावित करती है – फ़ाइल जितनी छोटी होगी, छवि गुणवत्ता उतनी ही खराब होगी।

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

यदि आप फ़ोटोशॉप का उपयोग नहीं करते हैं, तो ये टूल और प्लग-इन मदद कर सकते हैं:

छवि अनुकूलन उपकरण

छवि अनुकूलन के लिए वर्डप्रेस प्लग-इन

गति नापो

अपनी छवियों को अनुकूलित करने के बाद, आपको कैसे पता चलेगा कि आपके वेबसाइट पृष्ठ का लोडिंग समय काफी तेज है? अपनी साइट की गति का परीक्षण करने के लिए इनमें से किसी एक टूल का उपयोग करें:

बख्शीश: यदि आपकी वेबसाइट की सामग्री बार-बार बदलती है, तो नियमित रूप से अपना लोड समय जांचें।

चयनित संबंधित सामग्री: सभी उपकरणों में इष्टतम दृश्य अनुभव कैसे सुनिश्चित करें

2. छवि फ़ाइल नाम अनुकूलित करें

अधिक से अधिक SEO शक्ति प्राप्त करने के लिए प्रासंगिक, वर्णनात्मक कीवर्ड वाली फ़ाइल को नाम दें। शुरुआत में लक्ष्य कीवर्ड शामिल करें और उन्हें हाइफ़न से अलग करें। अंडरस्कोर का उपयोग न करें क्योंकि खोज इंजन उन्हें नहीं पहचानते हैं और अलग-अलग शब्दों को “देखने” में सक्षम नहीं होंगे।

सबसे अधिक #SEO शक्ति प्राप्त करने के लिए प्रासंगिक, वर्णनात्मक कीवर्ड वाली छवि फ़ाइलों को नाम दें, @IsaacJustesen @CMIContent के माध्यम से कहते हैं। ट्वीट करने के लिए क्लिक करें

फ़ाइल नाम खोज इंजन और मनुष्यों दोनों के लिए अर्थपूर्ण होने चाहिए। उदाहरण के लिए, यदि किसी हेयर सैलून में किसी महिला की छवि का मूल नाम सैलून234.jpg है, तो उसका नाम एक स्पष्ट और अधिक वर्णनात्मक शीर्षक के साथ बदलें, जैसे कि महिला-होविंग-ए-हेयरकट-इन-ए-सैलॉन.जेपीजी।

3. ऑल्ट टैग का प्रयोग करें

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

एक अच्छा ऑल्ट टैग संदर्भ प्रदान करता है और दृष्टिबाधित उपयोगकर्ताओं को भी मदद करता है। यह तब भी सहायक होता है जब कोई गड़बड़ी किसी छवि को लोड होने से रोकती है क्योंकि खोज इंजन पृष्ठ की रैंकिंग को सूचित करने के लिए वैकल्पिक पाठ पढ़ सकते हैं। फ़ाइल नाम से अधिक विस्तार से एक ऑल्ट टैग लिखें। छवि के बारे में कुछ बताने के लिए 10 से 15 का लक्ष्य रखें।

बख्शीश: दृश्यता बढ़ाने के लिए ब्रांड-प्रासंगिक शब्द ऑल्ट टैग में हो सकते हैं, लेकिन कीवर्ड स्टफिंग से बचें।

चयनित संबंधित सामग्री:

4. छवियों को मोबाइल के अनुकूल बनाएं

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

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

5. छवि शीर्षक अनुकूलित करें

वर्डप्रेस आमतौर पर अपने फ़ाइल नाम से छवि का शीर्षक लेता है। हालाँकि, यदि आप वर्डप्रेस का उपयोग नहीं करते हैं या शीर्षक छवि की व्याख्या नहीं करता है, तो इसे फ़ाइल नामों की तरह ही उपयुक्त कीवर्ड के साथ अपडेट करें।

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

6. कैप्शन शामिल करें

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

बेहतर उपयोगकर्ता अनुभव (और कम उछाल दर) बनाने के लिए छवियों के लिए कैप्शन का उपयोग करें, @IsaacJustesen @CMIContent के माध्यम से कहते हैं। ट्वीट करने के लिए क्लिक करें

7. अद्वितीय छवियों का प्रयोग करें

स्टॉक फोटो का उपयोग करना ठीक है, लेकिन जरूरी नहीं कि वे आपकी खोज रैंकिंग में मदद करें क्योंकि अन्य वेबसाइटें समान छवियों का उपयोग करती हैं। उसी तरह, अद्वितीय लिखित सामग्री एसईओ के लिए बेहतर है, अद्वितीय छवियों को अपलोड करना एक अच्छा विचार है।

चयनित संबंधित सामग्री:

8. सुनिश्चित करें कि पाठ छवियों का पूरक है

पृष्ठ प्रतिलिपि खोज इंजनों को आपकी छवियों की प्रासंगिकता निर्धारित करने में मदद कर सकती है यदि आपके पाठ में किसी छवि की व्याख्या करने के लिए पर्याप्त जानकारी शामिल नहीं है, तो विवरण का विस्तार करें।

9. छवि संरचित डेटा जोड़ें

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

@IsaacJustesen @CMIContent के माध्यम से कहते हैं, अपने पृष्ठों में संरचित डेटा जोड़ने से खोज इंजन को आपकी छवियों को समृद्ध परिणामों के रूप में प्रदर्शित करने में मदद मिलती है। #एसईओ ट्वीट करने के लिए क्लिक करें

Google के संरचित डेटा सामान्य दिशानिर्देशों का उपयोग यह जानने के लिए करें कि खोज इंजन के मापदंडों के भीतर अपने पृष्ठों में संरचित डेटा कैसे जोड़ें।

10. साइट मानचित्रों का प्रयोग करें

Google साइट मानचित्र को “एक फ़ाइल के रूप में समझाता है जहां आप Google और अन्य खोज इंजनों को अपनी साइट सामग्री के संगठन के बारे में बताने के लिए अपनी साइट के वेब पृष्ठों को सूचीबद्ध कर सकते हैं।” दूसरे शब्दों में, यह एक फ़ाइल है जिसमें आपकी साइट की सामग्री का नक्शा होता है।

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

प्रत्येक छवि प्रविष्टि के लिए, शीर्षक, विवरण, URL स्थान, कैप्शन और लाइसेंस जानकारी शामिल करें। वीडियो प्रविष्टियों के लिए, शीर्षक, विवरण, URL स्थान, थंबनेल URL और कच्ची वीडियो फ़ाइल URL शामिल करें।

यदि आपकी वेबसाइट वर्डप्रेस पर होस्ट की गई है, तो आप Yoast SEO का उपयोग कर सकते हैं, जो स्वचालित रूप से साइट मैप में दृश्य सामग्री जोड़ता है।

चुनिंदा संबंधित सामग्री: कुछ ही घंटों में एक उपयोगी SEO ऑडिट कैसे करें

अपनी छवियों का अधिकतम लाभ उठाएं

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

चुनिंदा संबंधित सामग्री: एआई टेक्स्ट-टू-इमेज जेनरेटर: जॉब किलर या फ्रेंडली रोबोट असिस्टेंट?

कृपया ध्यान दें: उल्लिखित सभी उपकरण लेखक द्वारा पहचाने जाते हैं। यदि आपके पास सुझाव देने के लिए कोई उपकरण है, तो कृपया इसे टिप्पणियों में जोड़ें।

अधिक सामग्री विपणन युक्तियाँ, अंतर्दृष्टि और उदाहरण चाहते हैं? सदस्यता लेने के सीएमआई से कार्यदिवस या साप्ताहिक ईमेल के लिए।

जोसेफ कलिनोवस्की / सामग्री विपणन संस्थान द्वारा कवर छवि



वेब के लिए छवियों का अनुकूलन कैसे करें वेब के लिए छवियों का अनुकूलन कैसे करें

प्रातिक्रिया दे

आपका ईमेल पता प्रकाशित नहीं किया जाएगा. आवश्यक फ़ील्ड चिह्नित हैं *