एक गाइड करने के लिए उत्तरदायी वेब डिजाइन और सर्वश्रेष्ठ आचरण

उत्तरदायी वेब डिज़ाइन के बारे में जानें और अपने ऑनलाइन व्यवसाय के लिए इसका सबसे अधिक लाभ उठाने के लिए सर्वोत्तम प्रथाओं का उपयोग कैसे करें.


उत्तरदायी वेब डिजाइन के लिए डिजाइनिंग

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

उत्तरदायी वेब डिज़ाइन क्या है?

सीधे शब्दों में कहें तो RWD में डिजाइनिंग होती है एक वेबसाइट यह द्रव किसी भी स्क्रीन के आकार में बदल जाता है – क्या यह नवीनतम 272 पिक्सेल चौड़ी Apple वॉच या प्लाज्मा टीवी है, जिसमें नियमित पीसी, टैबलेट और बीच में मोबाइल डिवाइस हैं.

उत्तरदायी वेब डिज़ाइन उदाहरण

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

RWD एक डेस्कटॉप और स्मार्टफोन स्क्रीनशॉट की तुलना

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

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

इसके पूर्ण क्षमता के लिए उत्तरदायी वेब डिज़ाइन का उपयोग करना

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

  • उन मोबाइल उपयोगकर्ताओं को अपनी डेस्कटॉप वेबसाइट का एक स्ट्रिप-डाउन संस्करण प्रदान न करें जहां उनका सीमित उपयोग है। युक्ति: अपनी वेबसाइट पर मोबाइल उपयोगकर्ताओं के कार्यों पर नज़र रखें। यदि आप उपयोगकर्ताओं को आपकी साइट पर उतरते हुए देखते हैं, लेकिन अपनी सामग्री का शायद ही उपभोग करते हैं या उस पर समय व्यतीत नहीं करते हैं, तो संभावना है कि वे किसी तरह के मार्ग पर नहीं आ रहे हैं.
  • डेस्कटॉप उपयोगकर्ता के समान मोबाइल उपयोगकर्ता के लिए पूरा न करें। एक मोबाइल डिवाइस ऑफ़र की संभावित क्षमता का पूरा लाभ उठाएं। उदाहरण के लिए, यदि आप एक रेस्तरां के मालिक हैं, तो मोबाइल क्लाइंट के लिए अपने व्यवसाय का पता लगाना या प्रौद्योगिकियों की शक्ति का लाभ उठाकर आरक्षण करना आसान है HTML5 जियोलोकेशन तथा टेलीफोन नंबर इनपुट अपनी वेबसाइट में.
  • के प्रति सावधान रहें पृष्ठ गति. के अनुसार शोध के अनुसार नीलसन नॉर्मन ग्रुप, अग्रणी उपयोगकर्ता अनुभव सलाहकार, 47% आगंतुक अपेक्षा करते हैं कि वेबसाइट 2 सेकंड से कम समय में लोड होगी, और 40% आगंतुक वेबसाइट छोड़ देंगे यदि लोडिंग प्रक्रिया में 3 सेकंड से अधिक समय लगता है। यह और भी अधिक है जब यह मोबाइल उपयोगकर्ताओं के लिए आता है, जो इस कदम पर हैं और अक्सर बैंडविड्थ सीमाएं हैं.
  • से बच अप्राप्य सामग्री. कुछ खिलाड़ी जैसे कि फ़्लैश प्लेयर मोबाइल उपकरणों पर व्यापक समर्थन का आनंद नहीं लेते हैं। इसलिए, यह सलाह दी जाती है कि आप उन्हें अपनी वेबसाइट पर उपयोग न करें और उन्हें अपने पृष्ठों से लिंक करने से बचें। एचटीएमएल 5 वीडियो और ऑडियो निश्चित रूप से मालिकाना प्रौद्योगिकियों पर एक बेहतर विकल्प हैं। अपनी वीडियो सामग्री की एक प्रतिलेख जोड़ना भी एक अच्छा विचार है। वास्तव में, कई उपयोगकर्ता वीडियो या ऑडियो के लिए लिखित सामग्री पसंद कर सकते हैं, कुछ सहायक प्रौद्योगिकियां केवल लिखित सामग्री पर काम कर सकती हैं, और Google आपके वीडियो या ऑडियो सामग्री के बारे में बेहतर तरीके से डेटा प्राप्त कर सकता है।.
  • प्रयोग करने से बचें संवाद और पॉप अप जो उपयोगकर्ताओं को आपकी सामग्री को देखने या सहभागिता करने से रोकते हैं। ये कभी-कभी उन मोबाइल उपकरणों को बंद करने के लिए भी कठिन होते हैं जहां स्क्रीन रियल एस्टेट सीमित होती है, जिससे आपके ग्राहकों के लिए निराशा होती है.
  • वेतन स्पर्श करने के लिए ध्यान! यदि आपकी वेबसाइट छिपी हुई सामग्री को प्रकट करने के लिए माउस होवर ईवेंट पर निर्भर करती है, तो यह कार्यक्षमता मोबाइल पर काम नहीं करती है। मोबाइल उपकरण माउस से काम नहीं करते हैं। इसके बजाय, उपयोगकर्ता स्पर्श इशारों जैसे टैपिंग और स्वाइपिंग का उपयोग करके सामग्री के साथ बातचीत करते हैं। इसलिए, माउस मँडरा के बजाय क्लिक करके छिपी हुई सामग्री को प्रकट करने का विकल्प चुनें। इसके अलावा, इस तथ्य के लिए अपनी वेबसाइट के डिज़ाइन खातों को सुनिश्चित करें कि उंगलियां माउस पॉइंटर से बड़ी हैं जो आपके कमरे के लिंक के साथ आराम से और आसानी से बातचीत करने के लिए पर्याप्त जगह की अनुमति देती हैं।.

एक RWD साइट के लाभ

एक चीज़ के लिए, गूगल स्पष्ट रूप से एक मोबाइल-फ्रेंडली वेबसाइट के लिए RWD दृष्टिकोण की सिफारिश करता है। RWD के अन्य लाभ हैं:

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

क्या आपकी वेबसाइट उत्तरदायी है? झसे आज़माओ!

उपयोग Google मोबाइल-अनुकूल परीक्षण यदि आपकी वेबसाइट उत्तरदायी है तो जल्दी से परीक्षण करें। बस नकल करो & अपनी वेबसाइट के URL को टेक्स्टबॉक्स में पेस्ट करें और परिणाम देखें.

निष्कर्ष

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

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me