छवि अनुकूलन वेबसाइट की गति और वेबसाइट संवर्धन में सुधार करने के लिए - सेमल्ट विशेषज्ञ



चित्र पाठ के निम्नलिखित वेब के सबसे महत्वपूर्ण घटकों में से एक हैं। छवियों के बिना एक वेबसाइट आम तौर पर उबाऊ हो सकती है और सर्फर्स के लिए कम प्रेरक होगी, उस साइट की तुलना में जो चित्र हैं।

इसके अलावा, ऐसे कुछ क्षेत्र हैं जहां छवियों का उपयोग अनिवार्य है और यहां तक ​​कि साइट को सही ठहराने के लिए भी आवश्यक है।

उदाहरण के लिए:

Google छवि का प्रचार: चित्रों का ठीक से उपयोग करना

क्या आपने फोटो साइट्स/इमेज रिपॉजिटरी से फोटो निवेश और खरीदे हैं, या क्या आपने खुद को बड़ा किया है और तस्वीरें ली हैं? आपको एसईओ प्रयोजनों के लिए उन्हें अधिकतम करना चाहिए!

Google छवि संवर्धन इनमें से एक है वेबसाइट ट्रैफ़िक बढ़ाने के सर्वोत्तम तरीके कुछ क्षेत्रों में - विशेष रूप से वे जो दृश्य पक्ष पर ध्यान केंद्रित करते हैं।

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

मूल छवि अनुकूलन नियम:

1. छवि का वजन और आयाम

ऑनलाइन छवियों को बढ़ावा देने के लिए महत्वपूर्ण मापदंडों में से एक - छवि का वजन है।

एक ओर, हम उच्च-गुणवत्ता वाली छवियों का उपयोग करना चाहते हैं, लेकिन दूसरी ओर, यह साइट की गति, उपयोगकर्ता अनुभव और प्रचार की कीमत पर नहीं आएगा। सिफारिश हमेशा "अनुकूलन" (शब्द अनुकूलन से) छवियों को अधिकतम संभव करने के लिए होती है, गुणवत्ता से महत्वपूर्ण रूप से अलग किए बिना। ऐसा करने के लिए, निम्नलिखित सभी नियमों का पालन करें:

तस्वीरों के लिए अनुशंसित वजन

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

2. छवि के लिए एक उपयुक्त नाम चुनें

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

एक तस्वीर के लिए एक बुरे नाम के उदाहरण:

DSC2387.jpg

साइट प्रमोटर। Png

एक छवि के लिए एक अच्छे नाम का उदाहरण:

खोज इंजन-optimizer.jpg

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

3. छवि के लिए एएलटी

ऑल्ट टैग, जो विकल्प का एक संक्षिप्त नाम है, एक पैरामीटर है जिसका उद्देश्य छवि का वर्णन करना है। ऑल्ट टैग को व्यक्तिगत रूप से प्रत्येक छवि के लिए प्रबंधन प्रणाली/HTML कोड के भीतर परिभाषित किया गया है, और इसका मूल कार्य अंधे और विकलांग लोगों की सेवा करना है जो विशेष सॉफ्टवेयर का उपयोग करते हैं जो इन टैग्स को स्कैन करता है और जो लिखा जाता है उसे पढ़ता है।

तकनीकी रूप से कोड में, ऐसा दिखता है:

<imgsrc="tree.jpg" alt="ट्री">

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

साथ ही, ऑल्ट टैग सभी चीजों के लिए ऑन-पेज ऑप्टिमाइजेशन का हिस्सा है। इसके अलावा, जब छवि से कोई बाहरी लिंक निकलता है, तो छवि के लिए ऑल्ट टैग एक प्रकार के टेक्स्ट एंकर ("एंकर टेक्स्ट") के रूप में कार्य करता है।

यदि किसी छवि का ALT टैग है तो मैं कैसे जांच करूं?

कई रास्ते हैं:
चीखना मेंढक - जब हम साइट पर चित्रों की पूरी तरह से स्कैन करना चाहते हैं तो मेंढक का प्रयोग करें।

प्रक्रिया को स्कैन करने के लिए एक URL दर्ज करना है और फिर छवियाँ टैब पर क्लिक करना है।

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

Google छवि संवर्धन - ALT टैग को अनुकूलित करने के लिए युक्तियाँ

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

4. एक छवि के लिए शीर्षक टैग

इमेज कैप्शन, या कैप्शन, एक प्रकार का टूलटिप है, जिसे एक छवि पर माउस को ले जाकर देखा जा सकता है। बहुत से लोग उन्हें ALT टैग्स के साथ भ्रमित करते हैं।

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

यह कोड में ऐसा दिखता है:

<img class="alignnone wp-image-1323 size-full" title="उदाहरण शीर्षक छवि">

5. छवि प्रकार और फ़ाइल एक्सटेंशन

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

टिप - फ़ोटोशॉप का उपयोग करने वालों के लिए, मैं हमेशा विभिन्न प्रारूपों के बीच वेब और उपकरणों के लिए सहेजें का उपयोग करके छवि भार की तुलना करने की सलाह देता हूं (फ़ाइल को सहेजने से पहले छवि वजन का पूर्वावलोकन होता है)।

छवि स्वरूपों के चयन के लिए अंगूठे के नियम

6. थंबनेल का उचित उपयोग



थंबनेल (पूर्वावलोकन) कुछ साइटों के एक महत्वपूर्ण और यहां तक ​​कि महत्वपूर्ण घटक हैं - विशेष रूप से गैलरी-आधारित साइट और वाणिज्य साइट। थंबनेल (Google Translate ¦ n द्वारा "थंबनेल") एक तरफ महान हो सकता है, लेकिन साइट और दूसरे पर उपयोगकर्ता के अनुभव को काफी तोड़फोड़ कर सकता है।

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

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

थंबनेल का सही तरीके से उपयोग करने के लिए टिप्स

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

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

छवि शीर्षक को थंबनेल पर सेट करने की अनुशंसा की जाती है, जो कुछ शब्दों में उत्पाद का वर्णन करता है और सामान्य तौर पर छवि पर क्लिक करने के बाद सर्फर क्या देखने वाला है।

यदि प्रत्येक उत्पाद श्रेणी पृष्ठ में कई उत्पाद हैं (30 से अधिक कहते हैं), तो यह एक आलसी लोड स्क्रिप्ट का उपयोग करने की सिफारिश की जाती है जो छवियों को तभी लोड करती है जब सर्फर उस क्षेत्र में स्क्रॉल करता है जहां वे हैं।

7. रैपिंग टेक्स्ट का उपयोग

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

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

8. तस्वीरों के लिए साइटमैप

छवि साइटमैप (छवि- sitemap.xml) Google को हमारी छवियों को बेहतर ढंग से साइट पर पढ़ने और अनुक्रमित करने में मदद करता है। मानक XML साइटमैप के समान, साइटमैप के क्षेत्र में खोज कंसोल का उपयोग करके छवियों का एक साइटमैप प्रस्तुत किया जा सकता है।

सर्च कंसोल में एक साइटमैप जोड़ें

स्क्रिप्ट और विभिन्न प्रभावों के साथ सभी प्रकार की दीर्घाओं का उपयोग करते समय छवियों का एक साइटमैप विशेष रूप से उपयोगी होता है - जिसमें Google को पारंपरिक रूप से स्कैन करने में कठिन समय होता है।

छवियों के साइटमैप का उपयोग करने के लिए कुछ पैरामीटर हैं।

साइटमैप कैसे बनाएं?

वर्डप्रेस - हमेशा की तरह अगर आप वर्डप्रेस पर काम करते हैं, तो आपका जीवन आसान है। Udinra ऑल इमेज साइटमैप प्लगइन आपके लिए कोने को बंद कर देता है। आपको बस प्लगइन स्थापित करना है, सेटिंग्स में कुछ वी को चिह्नित करें, साइटमैप बनाएं और सर्च कंसोल के माध्यम से इसे Google पर लॉन्च करें।

किसी भी अन्य मंच पर - यह निर्भर करता है। यदि प्लगइन आदि की तरह कोई आउट ऑफ बॉक्स समाधान नहीं है, तो इसे स्क्रीकिंग फ्रॉग का उपयोग करके किया जा सकता है।

मेंढक आसानी से छवियों का साइटमैप बनाने में आपकी सहायता कर सकता है। एकमात्र समस्या - यह स्वचालित रूप से अपडेट नहीं होगी (एक प्लगइन के विपरीत) और समय-समय पर ताज़ा होना चाहिए।

आप उसे कैसे करते हैं?

अनुरोधित साइट का एक पूर्ण स्कैन किया जाना चाहिए और फिर सॉफ़्टवेयर के शीर्ष मेनू में साइटमैप -> चित्र छवियां बनाएं साइटमैप पर जाएं। आपको जो भी मिलेगा वह Search Console के माध्यम से उपयोग और लॉन्च करने के लिए एक कोषेर XML फ़ाइल है।

9. फोटो शेयरिंग को प्रोत्साहित करें

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

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

इस उद्देश्य के लिए वर्डप्रेस में 2 अच्छे प्लगइन्स हैं:

10. छवि में कमी और अनुकूलन उपकरण

TinyPNG - एक उत्कृष्ट सेवा जो आपको छवियों को विशेष रूप से सुविधाजनक ड्रैग इंटरफेस के साथ ऑनलाइन संपीड़ित करने की अनुमति देती है। उनके पास एक एपीआई भी है जो आपको बड़ी मात्रा में और स्वचालित रूप से काम करने की अनुमति देता है, और वर्डप्रेस के लिए एक महान प्लगइन भी है जो आपको साइट पर सभी छवियों को संपीड़ित करने की अनुमति देता है - उनके एपीआई के उपयोग की आवश्यकता होती है (प्रति माह 500 छवियों के लिए मुफ्त)।
Fotosizer - अच्छा डेस्कटॉप सॉफ्टवेयर जो आपको बड़ी मात्रा में छवियों को संपादित करने की अनुमति देता है - न केवल संपीड़न, बल्कि आयामों की कमी, छवियों में वॉटरमार्क और विभिन्न प्रभाव जोड़ना और कई अन्य अच्छी विशेषताएं।

निष्कर्ष

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

mass gmail