वेब साइट अनुकूलन तकनीक और सर्वोत्तम अभ्यास

वेबसाइट अनुकूलन कई रूप ले सकता है, अनुरोधों की संख्या को कम करने से लेकर उनके आकार को कम करके फ़ाइलों को अनुकूलित करने तक।

वेब साइट अनुकूलन क्या है?

कोई भी वेब साइट बना सकता है, लेकिन खराब लिखा हुआ पैसा, समय और प्रयास के लिए एक सिंकहोल हो सकता है।

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

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

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

अधिक: सर्च इंजन ऑप्टिमाइजेशन क्या है?

अपनी सामग्री को स्वाभाविक रखें

सिर्फ इसके लिए ब्लॉग पोस्ट न लिखें, एक खराब लिखा हुआ लेख आपकी साइट की मदद करने के बजाय उसे बाधित कर सकता है!

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

हम विशेष रूप से लिंक बिल्डिंग योजनाओं का उपयोग करने की अनुशंसा नहीं करते हैं, यहां तक कि तथाकथित "व्हाइट हैट" भी, क्योंकि लिंक समय के साथ बढ़ने की उम्मीद है।

अधिक: मैं अपनी वेब साइट या ब्लॉग के लिए सामग्री को स्वाभाविक कैसे रखूँ?

क्या मुझे ब्लॉग पेजों, माइक्रो-साइटों या लैंडिंग पेजों का उपयोग करना चाहिए?

एक लैंडिंग पृष्ठ आम तौर पर कोई भी पृष्ठ होता है जिस पर उपयोगकर्ता पहली बार आपकी साइट पर पहुंचते हैं, इसलिए होम/अबाउट पेज, ब्लॉग पोस्ट, उत्पाद पेज या लीड कैप्चर पेज हो सकता है।

हालाँकि, आपके पाठक का ध्यान आकर्षित करने या ध्यान केंद्रित करने के कई तरीके हैं।

अधिक: मुझे ब्लॉग, माइक्रो-साइट या लैंडिंग पृष्ठों के बीच चयन करने में सहायता चाहिए?

अपनी वेब साइट और उपयोगकर्ताओं को सुरक्षित रखें

पैडलॉक वाली साइट होने से अधिकांश अंतिम उपयोगकर्ताओं को पता चलता है कि आप उनकी सुरक्षा के बारे में परवाह करते हैं, और रात में चरवाहे नहीं हैं।

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

Google अब HTTPS को एक पृष्ठ रैंकिंग संकेत के रूप में उपयोग कर रहा है, जिसका अर्थ है कि सुरक्षित साइटों को उनके प्रतिद्वंद्वियों की तुलना में थोड़ा सा बढ़ावा मिलता है जो इसका उपयोग नहीं करते हैं। भविष्य में यह संभव है कि मानक HTTP या कमजोर प्रमाणपत्र का उपयोग करके ऑनलाइन चीजें बेचने वाली वेबसाइटें भी अपनी पेज रैंकिंग में दंडित हों।

अधिक: क्या मुझे अपनी वेब साइट के लिए HTTPS का उपयोग करना चाहिए?

सामग्री वितरण नेटवर्क (सीडीएन) का उपयोग करें

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

यदि आपकी साइट को कम मात्रा में वैश्विक ट्रैफ़िक प्राप्त होता है तो यह व्यर्थ हो सकता है, क्योंकि आप अपने ग्राहकों को डेटा भेजने में एक अतिरिक्त कदम जोड़ते हैं।

अधिक: क्या मुझे सामग्री वितरण नेटवर्क का उपयोग करना चाहिए?

HTML को छोटा करें

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

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

यह सरल ट्रिक प्रति अनुरोध हजारों बाइट्स बचा सकती है।

अधिक: मैं HTML को छोटा कैसे करूँ?

सीएसएस को छोटा करें

हमारे एचटीएमएल पेज की तरह, सीएसएस को आम तौर पर पढ़ने में आसान बनाने के लिए बहुत सारे सफेद स्थान के साथ बनाया गया है, जब लाइव जारी किया जाता है, तो इसे हटा दें, केवल आपके कोड को देखने वाले लोग नासमझ वेब डेवलपर होंगे! जहां संभव हो वहां टिप्पणियां भी हटा दें, ये भेजी जा रही हैं लेकिन कभी नहीं पढ़ी जाती हैं।

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

अधिक: तेज़ वेब साइट के लिए CSS को ऑप्टिमाइज़ करें

जावास्क्रिप्ट को छोटा करें

हमारे एचटीएमएल और सीएसएस पेजों की तरह, जावास्क्रिप्ट को आम तौर पर पढ़ने में आसान बनाने के लिए बहुत सारे सफेद स्थान के साथ बनाया गया है, जब इसे लाइव जारी किया जाता है, तो इसे हटा दें, केवल आपके कोड को देखने वाले लोग ही नासमझ वेब डेवलपर होंगे!

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

और अधिक: तेज वेब साइट के लिए जावास्क्रिप्ट को अनुकूलित करें

अनुरोधों की संख्या कम करें

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

यदि आपके पास अपनी साइट साइट के पिछले छोर तक पहुंच है तो समान फ़ाइलों को एक अनुरोध में संयोजित करने का प्रयास करना आम तौर पर एक अच्छा विचार है।

मोबाइल पहले

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

यदि आपकी साइट मोबाइल के अनुकूल नहीं है तो आप अपने संभावित ट्रैफ़िक का 50% खो सकते हैं। यदि ऐसा है तो यह आपकी साइट को देखने के लायक हो सकता है।

छवियों का अनुकूलन करें

छवियां आम तौर पर प्रत्येक अनुरोध के भीतर डेटा के बड़े अनुपात के लिए जिम्मेदार होती हैं।

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

png (पोर्टेबल नेटवर्क ग्राफिक्स) - छवियों के लिए दोषरहित डेटा संपीड़न एल्गोरिदम की सुविधा है।

टाइनीपीएनजी (ऑनलाइन कनवर्टर)
ImageOptim (मैक ऐप और वेब सेवा)
pngquant (कमांड लाइन निष्पादन योग्य हम OusiaCMS के हिस्से के रूप में उपयोग करते हैं)
pngout (कमांड लाइन निष्पादन योग्य जिसे हम OusiaCMS के हिस्से के रूप में उपयोग करते हैं, pngquant के बाद)

जेपीईजी/जेपीजी (संयुक्त फोटोग्राफिक विशेषज्ञ समूह) - छवियों के लिए एक हानिपूर्ण संपीड़न एल्गोरिदम।

टाइनीजेपीजी (ऑनलाइन कनवर्टर)
jpegtran (कमांड लाइन निष्पादन योग्य हम OusiaCMS के हिस्से के रूप में उपयोग करते हैं)

svg (स्केलेबल वेक्टर ग्राफिक्स) - एक्सएमएल आधारित वेक्टर इमेज।

svgminify (ऑनलाइन सेवा)

svg के साथ, सुनिश्चित करें कि आपके वेब सर्वर ने इसके लिए संपीड़न सक्षम किया है (नीचे देखें)।

संपीड़न सक्षम करें

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

जरूरी नहीं कि सभी कंप्रेस करने योग्य आइटम डिफ़ॉल्ट रूप से सक्षम हों। संपीड़न से लाभान्वित होने वाली वस्तुओं में शामिल हैं;

एचटीएमएल
सीएसएस
जावास्क्रिप्ट
एसवीजी - डिफ़ॉल्ट आईआईएस सेटिंग्स द्वारा संकुचित नहीं
एक्सएमएल

यदि संभव हो और आप सामग्री प्रबंधन प्रणाली का उपयोग करते हैं, तो गतिशील संपीड़न को भी सक्षम करें। अपने वेब सर्वर पर संपीड़न कैसे सेट करें, इस पर आगे पढ़ें।

संपीड़न सक्षम करें (गूगल)

हम किस SEO में मदद कर सकते हैं?

हमारे द्वारा प्रदान की जाने वाली SEO सेवाएँ हैं;

सामाजिक मीडिया

सही प्लेटफॉर्म चुनना
स्थापित करना
ब्रांडिंग
चल रहा प्रबंधन

वेब साइट ऑप्टिमाइज़ेशन (हम जानते हैं कि हमारे सीएमएस के उपयोगकर्ताओं के पास सबसे तेज़ उपलब्ध में से एक है, लेकिन हम आपके द्वारा उपयोग किए जाने वाले किसी भी प्रदाता के साथ काम करने में प्रसन्न हैं)

छवियों का अनुकूलन
सीएसएस और जावास्क्रिप्ट का अनुकूलन
मोबाइल मित्रता।
सुधार के लिए अन्य क्षेत्रों की पहचान
वेबसाइट डिजाइन (जहां आवश्यक हो)

सामग्री विश्लेषण और उपयोगिता

नेविगेशन और मेनू आसानी
ऐसी सामग्री की पहचान करना जिसे बेहतर और ताज़ा किया जा सकता है, या हटाया जा सकता है
संपर्क करने में आसानी
सोशल मीडिया प्लेटफॉर्म से लिंक करना

मुफ़्त परीक्षण उपकरण

आपकी साइट का परीक्षण करने के लिए कई टूल उपलब्ध हैं। हम अपने द्वारा बनाई गई प्रत्येक साइट का विश्लेषण करने के लिए निम्नलिखित का उपयोग करते हैं।

हमने कुछ प्रमुख नुकसानों पर भी प्रकाश डाला है और जहां संभव हो, उन्हें कैसे नकारा जाए।

संरचनात्मक परीक्षण उपकरण;

Google PageSpeed Insights (ऑनलाइन, Google द्वारा प्रदान किया गया)
YSlow (आपके ब्राउज़र में इंस्टॉल, क्रोम, फ़ायरफ़ॉक्स और सफारी + कुछ अन्य में उपलब्ध)
GTMetrix (पेजस्पीड और YSlow की रिपोर्ट के साथ आपकी साइट का विश्लेषण करता है)

लोड समय परीक्षण उपकरण;

डॉटकॉम-मॉनिटर (दुनिया भर के विभिन्न स्थानों से आपकी साइट का परीक्षण करता है)

एसईओ परीक्षण उपकरण;

एसईओ साइट चेकअप (विभिन्न सुधार और सिफारिशें)

ध्यान देने वाली एक बात यह है कि यदि आप इन सभी उपकरणों में एक ही साइट का परीक्षण करते हैं, तो वे आपको परस्पर विरोधी जानकारी दे सकते हैं। यह भी याद रखें कि वे केवल मार्गदर्शक हैं, हमेशा 100% सटीक नहीं होते हैं, और कुछ त्रुटियां आपके नियंत्रण से बाहर हो सकती हैं।