एक शानदार दिखने वाली डेस्कटॉप वेबसाइट और एक मोबाइल साइट से बेहतर कुछ भी नहीं है जो सही ढंग से काम नहीं करती है।
अधिकांश डिज़ाइन फ़िक्सेस सरल हैं, लेकिन यदि आप चाहते हैं कि विज़िटर आपके साथ रहें। मोबाइल डिवाइस पर ब्राउज़ करते समय साइट।
यह लेख सात मोबाइल के अनुकूल वेबसाइट के मुद्दों और उनके लिए सुधारों को उजागर करेगा।
आपने अभी बहुत समय बिताया है अपनी वेबसाइट पर अपडेट करना। वे आपके डेस्कटॉप पर बहुत अच्छे लगते हैं, लेकिन आपके मोबाइल डिवाइस पर दिखाई नहीं देते हैं।
सबसे सामान्य कारणों में से एक है कैशिंग। आपका मोबाइल ब्राउज़र आपकी साइट का एक पुराना संस्करण दिखा सकता है जिसे आपने पहले डाउनलोड किया था। एक और कारण यह हो सकता है कि आपकी वेबसाइट आपके पृष्ठ के पुराने संस्करण को पकड़ रही है और आपके परिवर्तन नहीं दिखा रही है।
यदि यह समस्या है, तो आपको संशोधित संस्करण को डाउनलोड करने के लिए कैश को साफ़ करना होगा। एक कैशिंग प्लगइन जैसे कि WP सुपर कैश, W3 कुल कैश, या WP सबसे तेज कैश इस समस्या को हल करने में मदद कर सकते हैं।
In_content_1 सभी [300x250] / डीएफपी: [640x360]->अपनी वेबसाइट के कैश और ब्राउज़र को फ्लश करने में आपकी मोबाइल फ्रेंडली साइट पर दिखाने के लिए नए संस्करण को सक्षम करने में आपकी मदद करने के लिए नीचे चार चरण हैं।
नेविगेशन मेनू बनाना चुनौतीपूर्ण हो सकता है कि मोबाइल उपकरणों पर अच्छी तरह से काम करता है। यदि आपकी वेबसाइट के नेविगेशन में कई आइटम और सबमेनस हैं, तो छोटी स्क्रीन पर सब कुछ निचोड़ना और भी मुश्किल है।
उदाहरण के लिए, यदि आपके वेबसाइट के नेविगेशन में केवल तीन या चार आइटम हैं, तो यह ठीक दिखना चाहिए। मोबाइल पर। हालाँकि, यदि आपके पास अधिक आइटम और सबमेनस हैं, तो वे एक-दूसरे के ऊपर ढेर हो जाएंगे और भीड़ लगेंगे।
मोबाइल फ्रेंडली वेबसाइट के लिए इस समस्या को ठीक करने के कुछ तरीके नीचे दिए गए हैं:
यदि आपका मोबाइल अनुकूल है साइट अचानक काम करना बंद कर देती है, यह आपकी साइट पर एक प्लगइन के कारण हो सकता है।
एक नया प्लगइन या मौजूदा प्लगइन को अपडेट स्थापित करना दूसरों के साथ संघर्ष का कारण हो सकता है जो आपके उत्तरदायी लेआउट को प्रभावित करता है।
प्रत्येक प्लगइन को एक बार निष्क्रिय करके प्रारंभ करें यह देखने के लिए कि क्या यह कारण है। उन सभी को एक साथ निष्क्रिय न करें या आप यह नहीं जान पाएंगे कि कौन सा प्लगइन अपराधी हो सकता है।
कोड परिवर्तन एक और संभावित कारण हैं। यदि आपने किसी कोड को गलती से या जानबूझकर संशोधित किया है, तो मूल कोडबेस को पुनर्स्थापित करें और देखें कि क्या आपकी उत्तरदायी वेबसाइट फिर से काम करना शुरू कर देती है।
मोबाइल जवाबदेही के लिए अपनी साइट की जाँच करते समय, आपको हमेशा इसे मोबाइल डिवाइस पर परीक्षण करना चाहिए।
कभी-कभी यह आपके डेस्कटॉप पर ब्राउज़र विंडो का आकार बदलते समय काम करता प्रतीत होता है, लेकिन मोबाइल पर सही ढंग से प्रदर्शित नहीं होता है।
यदि HTML हेडर फ़ाइल से कोड की एक पंक्ति गायब है, तो उत्तरदायी डिजाइन को तोड़ सकते हैं। अनुपलब्ध कोड की यह एकल पंक्ति आपके मोबाइल डिवाइस को यह मान लेगी कि आप जिस साइट को देख रहे हैं वह पूर्ण आकार की वेबसाइट है।
प्रदान की गई साइट व्यूपोर्ट का आकार (क्षेत्र के आकार का आकार) होगी वेब पेज जो उपयोगकर्ता को दिखाई देता है)।
अपनी मोबाइल फ्रेंडली साइट को ठीक करने के लिए, हेडर सेक्शन में कोड की निम्नलिखित पंक्ति जोड़ें:
कभी-कभी जब कोई विषय अपडेट किया जाता है, तो यह कोड गायब हो सकता है।
छवियों का अनुकूलन और छवि फ़ाइल का आकार कम करना समझ में आता है। अनुकूलित नहीं की गई बड़ी छवियां आपके वेबपृष्ठों की लोडिंग गति को धीमा कर सकती हैं। यह मोबाइल उपयोगकर्ताओं के लिए निराशाजनक हो सकता है।
वर्डप्रेस संस्करण 4.4 और इसके बाद के संस्करण स्वचालित रूप से आपके सर्वर पर एक छवि के सबसे छोटे संस्करण का कार्य करता है।
यदि आप पहले से ही वर्डप्रेस का नवीनतम संस्करण चला रहे हैं। , लेकिन आपकी साइट अभी भी तेज़ी से लोड नहीं हो रही है, आप कर सकते हैं:
कुछ वेबसाइटें डेस्कटॉप पर खोले जाने पर खाली जगह को भरने के लिए बहुत सारी अनावश्यक सामग्री से भरी होती हैं।
<पी>मोबाइल उपयोगकर्ताओं के प्रति सचेत हुए बिना विकसित की गई वेबसाइटें आमतौर पर इस श्रेणी में आती हैं। इन साइटों को लोड होने में अधिक समय और बैंडविड्थ लगता है।यदि पृष्ठ मोबाइल उपकरणों के लिए उचित रूप से डिज़ाइन नहीं किए गए हैं, तो सामग्री का कुछ हिस्सा बिना स्क्रॉल किए मोबाइल पर दिखाई नहीं दे सकता है।
अधिकांश समय, आपके वेबपेज पर एक तत्व कंप्यूटर पर एक तरह से दिखेगा और मोबाइल डिवाइस पर पूरी तरह से अलग होगा।
उदाहरण के लिए, तीन स्तंभों वाला एक मूल्य-निर्धारण पृष्ठ उन्हें एक साथ दिखाएगा। कंप्यूटर पर।
हालांकि मोबाइल डिवाइस पर, कॉलम एक-दूसरे के ऊपर स्टैक्ड होते हैं क्योंकि स्क्रीन का आकार छोटा होता है। इस व्यवहार की अपेक्षा की जानी है।
सुनिश्चित करें कि आपका मूल्य निर्धारण तालिका आपके वेबपेज पर एक शीर्ष स्थिति में है ताकि मोबाइल पर देखे जाने पर यह पहली बार दिखाई दे। यदि आपके पास अपनी मेज पर बहुत अधिक पाठ है, तो मोबाइल उपयोगकर्ताओं को इसे देखने के लिए नीचे स्क्रॉल करना होगा और नहीं हो सकता है।
सबसे इष्टतम मोबाइल उपयोगकर्ता अनुभव के लिए, सामग्री के सबसे महत्वपूर्ण टुकड़े ऊपर की ओर रखें। पृष्ठ का। यदि किसी उपयोगकर्ता को आपकी सामग्री को देखने से पहले बहुत स्क्रॉल करने की आवश्यकता होती है, तो वे संभवतः नहीं करेंगे।
जटिल उपयोगकर्ता वाली साइटें- इंटरफ़ेस तत्व जैसे टेबल, मल्टी-स्टेप रूप और उन्नत खोज सुविधाएँ एक खराब मोबाइल उपयोगकर्ता अनुभव का उत्पादन कर सकती हैं।
इन तत्वों में बहुत अधिक जानकारी होती है जो मोबाइल स्क्रीन को भीड़ सकती है और सूचना खोजने वाले उपयोगकर्ता के साथ हस्तक्षेप कर सकती है। वे चाहते हैं।
मोबाइल उपयोगकर्ताओं से कुछ सामग्री को हटाने या छिपाने के लिए एक दृष्टिकोण है। हालांकि, यह उन आगंतुकों के लिए एक आदर्श समाधान नहीं है, जो इन तत्वों तक पहुंच चाहते हैं।
इस समस्या से बचने के लिए, अपने मोबाइल फ्रेंडली साइट को जितना संभव हो सके अनुकूलित करें। अपनी वेबसाइट की मुख्य संरचना पर ध्यान केंद्रित करते हुए किसी भी अनावश्यक तत्व को हटा दें।
कई पंक्तियों और स्तंभों के साथ जटिल तालिकाओं हो सकती हैं एक समस्या जब छोटे मोबाइल स्क्रीन पर देखी जाती है। सबसे अच्छा फिक्स उत्तरदायी तालिकाओं का उपयोग करना है।
एक प्लगइन जैसे कि WP उत्तरदायी तालिका यह पूरा करने में आसान बना सकता है।
ऊपर मूल्य तालिका के साथ, जब एक मोबाइल डिवाइस पर देखा जाता है, तो स्तंभों को ढेर कर दिया जाएगा। छोटी स्क्रीन को फिट करें।
मोबाइल उपकरणों पर डेटा दिखाने के अन्य तरीकों में शामिल हैं:
जैसे-जैसे मोबाइल का उपयोग तेजी से बढ़ रहा है, यह जरूरी है कि व्यावसायिक वेबसाइट मोबाइल के अनुकूल संस्करणों के साथ अनुकूलित हो। ऊपर दिए गए चरणों का पालन करके कार्यक्षमता का त्याग किए बिना उपयोगकर्ता अनुभव को बढ़ाएं।
आपको हमेशा अपनी साइट के प्रदर्शन की निगरानी करनी चाहिए और प्रदर्शन और उपयोगकर्ता के अनुभव को बेहतर बनाने के लिए आवश्यक होने पर tweaks बनाना चाहिए।
14.10.2019