उत्तरदायी वेब डिज़ाइन महत्वपूर्ण है - यदि आप एक नई साइट बना रहे हैं तो आपको अपनी साइट को उत्तरदायी बनाना होगा। पहले से ही, 50% यातायात मोबाइल उपकरणों और टैबलेटों से है और न केवल यह बढ़ने जा रहा है, यह इंटरनेट उपयोग के स्पष्ट रूप से प्रमुख रूप से आने वाला है।
छोटे व्यवसायों के लिए जो छोटे भौगोलिक क्षेत्रों को लक्षित करते हैं, यह और भी महत्वपूर्ण है - एक नए छोटे व्यवसाय के लिए एसईओ बहुत मुश्किल होने वाला है, लेकिन यदि आपका उत्पाद अच्छा है तो आप अधिकतम कर सकते हैं कि लोग जो कर रहे हैं उसे कितना साझा करते हैं।
जब सोशल मीडिया को पढ़ने की बात आती है, तो लोग ज्यादातर अब मोबाइल उपकरणों का उपयोग कर रहे हैं - आमतौर पर सुबह में बिस्तर पर और रात में बिस्तर पर।
यदि आपकी साइट मोबाइल डिवाइस पर अनुपयोगी है तो आपके संबंधित ऑडियंस को हिट करने वाले कोई भी शेयर बेकार चले जाते हैं। आप यह नहीं चाहते। यह होने से बचने के लिए महत्वपूर्ण है।
उत्तरदायी या अलग कोड के बारे में: उत्तरदायी डिजाइन के लिए प्राथमिक नकारात्मक पक्ष यह है कि यह अलग कोड आधार के रूप में तेजी से नहीं है। यह गति हानि नगण्य होने वाली है, निश्चित रूप से एक छोटे स्थानीय व्यवसाय के मामले में जब अन्य कारक उपयोगकर्ताओं के दिमाग में पॉप कर सकते हैं कि साइट दूसरों की तुलना में 0.2 सेकंड धीमी क्यों है।
उत्तरदायी डिजाइन का बड़ा लाभ यह है कि आप एक ही कोडबेस रखते हैं। यह रखरखाव लागत, परीक्षण लागत और विकास लागत को कम करता है।
इन दिनों एसईओ में बड़ी बात 'साइट क्वालिटी' है - साइट की गुणवत्ता को मापना मुश्किल है, लेकिन आम तौर पर इसे मापने के लिए साइट पर Google उपयोग बाउंस दर और समय बोल रहा है। यदि आपकी साइट मोबाइल पर बेकार है, तो आपके 50% ट्रैफ़िक में उच्च उछाल दर और कम जुड़ाव वाले आगंतुकों की संख्या अधिक है (पृष्ठ पर 10 सेकंड से कम)।
यह आपको Google पेनल्टीज़ के जोखिम में डालता है - Google पांडा और नए (अंतिम सप्ताह) सटीक मिलान डोमेन पेनल्टीज़ को देखें, जो दोनों को 'निम्न गुणवत्ता' के लिए साइटों को दंडित करते हैं।
इस पद्धति का उपयोग करके किसी व्यवसाय के लिए एक वेबसाइट का अनुकूलन करते समय आप जो मुख्य समस्याएँ उठा सकते हैं, वह यह है कि यह एक नया मूलमंत्र है, सभी को इसकी आवश्यकता है, इसलिए वहाँ काउबॉय हैं जो किसी चीज के लिए हास्यास्पद रूप से उच्च कीमत वसूलते हैं जो अविश्वसनीय रूप से करना आसान है।
उदाहरण के लिए, मैंने हाल ही में एक वेबसाइट बनाई है जिसमें एक दुकान, एक मंच, एक प्रश्नोत्तर खंड के साथ-साथ विभिन्न पृष्ठ, ब्लॉग आदि सभी उपकरणों के लिए लगभग एक दिन में पूरी तरह से उत्तरदायी हैं।
यहां मूल बातें हैं कि आपको क्या करना है:
- शरीर की पैडिंग और मार्जिन समायोजित करें
- इसके बजाय ड्रॉप डाउन में लेफ्ट या राइट हैंड साइड मेन्यू ले जाएँ, हो सकता है कि उन्हें सबसे ऊपर एक ऑप्शन बटन के नीचे छिपा दें।
- कंटेनरों का आकार बदलें, चौड़ाई 100% का उपयोग करें जहाँ आप कर सकते हैं
- अपनी सभी छवियों को 100% चौड़ाई में बदलें
- तय करें कि फोन पर कौन से सामान की जरूरत नहीं है (विज्ञापन?) और उन्हें हटा दें (प्रदर्शन: कोई नहीं)
यहाँ कुछ नमूना कोड दिया गया है:
@media screen and (max-width:480px) {
body {
margin:5px;
padding:0px;
}
.advertbox {
display:none;
}
}
जो कुछ भी करता है वह स्मार्टफोन से 'विज्ञापनबॉक्स' की अधिकतम श्रेणी (अधिकतम चौड़ाई 480 पीएक्स) के साथ कुछ भी हटा देता है और शरीर के मार्जिन को कम कर देता है।
यदि आप एक नई साइट बना रहे हैं, तो इसमें निर्माण करना और भी आसान है क्योंकि आप यह सुनिश्चित कर सकते हैं कि आप सभी उपकरणों के अनुरूप अच्छी साफ-सुथरी कक्षाओं और अच्छी स्टाइल के साथ एक साफ डिजाइन का निर्माण करें।
आशा है कि ये आपकी मदद करेगा!