साइट खोज

साइट का मोबाइल संस्करण: कैसे करें? अनुकूली डिजाइन

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

इसलिए, साइट को मोबाइल संस्करण में अनुकूलित करने के चार प्रमुख तरीके हैं।

कैसे बनाने के लिए साइट का मोबाइल संस्करण

पहला रास्ता - अनुकूली डिजाइन

अनुकूली टेम्पलेट एक बदलाव का सुझाव देते हैंस्क्रीन आकार के आधार पर साइट की तस्वीरें। एक नियम के रूप में, वे मानक 1600, 1500, 1280, 1100, 1024 और 980 पिक्सल के लिए सेट हैं। कार्यान्वयन के लिए, CSS3 मीडिया क्वेरीज़ का उपयोग करें साइट का डिज़ाइन एक ही समय में बदलता नहीं है।

इस पद्धति के फायदे हैं:

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

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

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

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

वेबसाइट डिजाइन

दूसरी विधि साइट का एक अलग संस्करण है

यह विधि बहुत आम है और अक्सर सफलता के साथमोबाइल डिवाइस पर साइट को धारणा के लिए अधिक सुविधाजनक बनाता है। इसका सार पेज का एक अलग संस्करण, आवेदन द्वारा तैयार की और एक अलग URL या उप डोमेन, उदाहरण के लिए, m.vk.com पर रखा तैयार करना है। इस मामले में, बुनियादी कार्यक्षमता बनाए रखा है, बस अलग वेबसाइट डिजाइन लग रहा है। इस पद्धति के लाभ स्पष्ट हैं:

  • उपयोगकर्ता के अनुकूल इंटरफेस;
  • यह परिवर्तन करना और संपादन करना आसान है, क्योंकि संस्करण मुख्य संसाधन से अलग से मौजूद है;
  • साइट के एक अलग संस्करण के कम वजन के कारण अनुकूली टेम्पलेट से बहुत तेज है;
  • अक्सर मोबाइल के साथ पृष्ठ के मुख्य संस्करण पर जाने का एक अवसर होता है

लेकिन यहां भी कमियां हैं:

  • एकाधिक पते - डेस्कटॉप और मोबाइल संस्करणसाइट। मैं उपयोगकर्ता को दो विकल्प कैसे याद करूं? वेब मास्टर अक्सर डेक्टकअप संस्करण से मोबाइल पर रीडायरेक्शन (रीडायरेक्ट) लिखते हैं, लेकिन साथ ही, यदि यह पेज मोबाइल संस्करण में मौजूद नहीं है, तो उपयोगकर्ता को एक त्रुटि मिलेगी। यहां खोज इंजनों के साथ कठिनाइयां हैं, जो 2 समान संसाधनों को रैंक करना मुश्किल हैं, और यह सीधे प्रगति को प्रभावित करता है
  • कंप्यूटर से साइट का मोबाइल संस्करण, यदि उपयोगकर्ता गलती से उस पर जाता है, हास्यास्पद दिखेगा, जो उपस्थिति को भी प्रभावित कर सकता है।
  • यह संस्करण अक्सर बहुत कम किया जाता है, डेस्कटॉप, इसलिए उपयोगकर्ता को बहुत सीमित कार्यक्षमता मिल जाएगी। लेकिन साथ ही, यदि कुछ गुम है, तो विज़िटर पेज के पूर्ण संस्करण पर जा सकता है।

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

अनुकूली टेम्पलेट्स

तीसरा तरीका दुर्लभ डिजाइन है

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

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

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

गूगल मोबाइल साइट संस्करण

मोबाइल साइट बनाने का सबसे सस्ता तरीका

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

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

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

इस विधि के साथ, अधिकतर, विज्ञापन और पॉप-अप बैनर काट दिया जाएगा, लेकिन पृष्ठ जल्दी लोड हो जाएगा और बिना "लेटे"।

एंड्रॉइड वेबसाइट का मोबाइल संस्करण

मोबाइल संस्करण बनाने के सिद्धांत

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

कंप्यूटर से साइट का मोबाइल संस्करण

हम सभी अनावश्यक हटा दें

Minimalism कुछ ऐसा है जो के लिए प्रयास करना चाहिएसाइट के मोबाइल संस्करण के डेवलपर। कल्पना करें कि रंग, बटन, बैनर से भरे हुए जानकारी को समझना कितना मुश्किल है, और आपको सही सामग्री की खोज में अंतहीन रूप से स्क्रॉल करना है। मोबाइल डिजाइन सरल और साफ होना चाहिए। अंतरिक्ष को अलग करने के लिए 2-3 रंगों का चयन करें (उदाहरण के लिए, ब्रांडेड)। यह बेहतर है अगर उनमें से एक सफेद है। स्पष्ट और पठनीय क्षेत्रों में एक छोटी स्क्रीन की जगह को विभाजित करें। वर्चुअल कुंजी दिखाई देनी चाहिए ताकि उपयोगकर्ता स्पष्ट रूप से जानता है कि कहां क्लिक करना है, और देखा - यह सामान है, डेटा भरने के लिए यहां फॉर्म है, यहां वितरण और भुगतान की जानकारी दी गई है।

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

संरेखण

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

संघ

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

और विघटन

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

सूचियों

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

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

स्वत: पूर्ण

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

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

सब कुछ पढ़ा जाता है, सबकुछ दिखाई देता है

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

कुछ आंकड़े

मोबाइल उपकरणों पर साइट के अनुकूलन के बारे में बोलते हुए, आप यह समझने के लिए आंकड़ों का सहारा ले सकते हैं कि नेटवर्क को बढ़ावा देने के लिए यह प्रक्रिया कितनी महत्वपूर्ण है।

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

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

साइट के मोबाइल संस्करण मुफ्त में

मोबाइल संस्करण कहां है?

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

मोबाइल संस्करण के बिना, मौजूद नहीं हो सकता है:

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

समापन के बजाय

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

साइट के इस मोबाइल संस्करण को बनाओAndroid और iOS। ऐसा करने के लिए, नया स्वरूप ऊपर तरीकों में से एक का चयन करें - अनुकूली टेम्पलेट, एक उप डोमेन पर एक नया साइट और नि: शुल्क टेम्पलेट्स के उपयोग पुनः निर्देशित द्वारा इसे करने के लिए संक्रमण बनाने या जिसके माध्यम से एक उपयोगकर्ता आसानी से दर्ज करें और पृष्ठ पर बने रह सकते हैं एक मोबाइल आवेदन पैदा करते हैं।

ऐसा दृष्टिकोण न केवल मौजूदा ग्राहकों की वफादारी बनाए रखने में मदद करेगा, बल्कि नए आगंतुकों को आकर्षित करने का अवसर भी प्रदान करेगा।

</ p>
  • मूल्यांकन: