आज, अधिकांश लोग मोबाइल गैजेट्स - टैबलेट, फोन के माध्यम से इंटरनेट का उपयोग करते हैं और इस संबंध में वेबसाइट अनुकूलन भी शामिल है नया स्तर. यदि कोई उपयोगकर्ता आता है और देखता है कि साइट मोबाइल उपकरणों के लिए अनुकूलित नहीं है: छवि देखी नहीं जा सकती, बटन बाहर चले गए हैं, फ़ॉन्ट छोटे और अपठनीय हैं, डिज़ाइन तिरछा है - 100% में से 99 जिसे वह छोड़ देगा और दूसरे अधिक सुविधाजनक की तलाश शुरू करें। और यह बॉक्स को चेक करेगा कि संसाधन अप्रासंगिक है, यानी यह खोज क्वेरी के अनुरूप नहीं है। इसलिए, पेज डिज़ाइन को विभिन्न मोबाइल उपकरणों के लिए अनुकूलित किया जाना चाहिए। किसी वेबसाइट का मोबाइल संस्करण क्या है, इसे कैसे बनाएं और उपयोग करने का सबसे अच्छा तरीका क्या है? इस लेख में और पढ़ें.
तो, आपकी साइट को मोबाइल संस्करण में अनुकूलित करने के चार प्रमुख तरीके हैं।
विधि एक - प्रतिक्रियाशील डिज़ाइनअनुकूली टेम्पलेट्स में स्क्रीन आकार के आधार पर वेबसाइट छवि को बदलना शामिल है। एक नियम के रूप में, वे मानक 1600, 1500, 1280, 1100, 1024 और 980 पिक्सेल पर सेट हैं। कार्यान्वयन के लिए क्वेरीज़ का उपयोग किया जाता है. यह खुद को नहीं बदलता.
इस पद्धति के फायदों में शामिल हैं:
- सुविधाजनक विकास, चूंकि संरचना स्वयं स्क्रीन मापदंडों के अनुकूल होती है, और किसी भी अपडेट के लिए स्क्रैच से डिज़ाइन विकसित करने की आवश्यकता नहीं होती है, यह सीएसएस और HTML को सही करने के लिए पर्याप्त है;
- एक URL पता - उपयोगकर्ता को कई नाम याद रखने की आवश्यकता नहीं है, रीडायरेक्ट (एक पते से दूसरे पते पर पुनर्निर्देशन) की कोई आवश्यकता नहीं है, जो एक वेबमास्टर के काम को जटिल कर सकता है, और एक खोज इंजन के लिए सॉर्ट करना आसान है और किसी संसाधन को एक ही पते से रैंक करें।
बेशक, अनुकूली टेम्पलेट्स के अपने नुकसान भी हैं, जो, वैसे, उनके फायदों से अधिक हैं। फिर भी, कई डेवलपर इस विशेष अवधारणा का पालन करते हैं, उदाहरण के लिए, Google Corporation, जिसकी साइट के मोबाइल संस्करण में एक उत्तरदायी डिज़ाइन है। तो, नुकसान:
- रिस्पॉन्सिव डिज़ाइन मोबाइल डिवाइस पर डेस्कटॉप के समान कार्यों का समर्थन नहीं करता है। उदाहरण के लिए, यदि यह किसी बैंक की वेबसाइट का मोबाइल संस्करण है, जहां उपयोगकर्ता को विनिमय दरों या नजदीकी एटीएम के बारे में जानकारी की सबसे अधिक आवश्यकता होगी, तो यह डिज़ाइन काफी पर्याप्त है। लेकिन अगर यह कई अनुभागों और उपखंडों वाला एक जटिल संरचित संसाधन है, तो यह आगंतुकों को पसंद आने की संभावना नहीं है।
- धीमी लोडिंग आपकी पसंदीदा साइट को नफरत वाली साइट में बदल देती है। यह उन संसाधनों के लिए विशेष रूप से सच है जहां एनीमेशन, वीडियो, पॉप-अप और अन्य सक्रिय तत्वों की प्रचुरता है। बड़े वजन के कारण, पृष्ठ बस "धीमा" हो जाएगा, उपयोगकर्ता क्रोधित हो जाएगा और चला जाएगा, और साइट की खोज स्थिति गिर जाएगी।
- बंद करने में असमर्थता मोबाइल संस्करण- एक और महत्वपूर्ण कमी. यदि कोई तत्व ऐसे लेआउट द्वारा छिपा हुआ है, तो आप इसे खोलने के लिए कुछ नहीं कर सकते, उन साइटों के विपरीत जहां आप इसे अक्षम कर सकते हैं और नियमित डोमेन पर स्विच कर सकते हैं।
फिर भी, साइट का ऐसा मोबाइल संस्करण, विशेष कौशल और लागत के बिना, आपको किसी भी गैजेट के लिए संसाधन को अनुकूलित करने की अनुमति देता है। लेकिन, सूचीबद्ध कमियों को देखते हुए, यह जटिल नेविगेशन और एनीमेशन के बिना, न्यूनतम जानकारी और मल्टीमीडिया वाले छोटे, सरल संसाधनों के लिए उपयुक्त है। एक जटिल साइट के लिए, 2 अन्य विधियाँ उपयुक्त हैं।
यह विधि बहुत आम है और अक्सर किसी साइट को मोबाइल डिवाइस पर अधिक उपयोगकर्ता-अनुकूल बनाने में सफल होती है। इसका सार पृष्ठ का एक अलग संस्करण बनाना है, जो एप्लिकेशन के लिए डिज़ाइन किया गया है और एक अलग यूआरएल या उपडोमेन पर स्थित है, उदाहरण के लिए, m.vk.com। साथ ही, मुख्य कार्यक्षमता संरक्षित है, साइट का डिज़ाइन बस अलग दिखता है। इस पद्धति के लाभ स्पष्ट हैं:
- सुविधाजनक यूजर इंटरफेस;
- इसे बदलना और संपादन करना आसान है, क्योंकि संस्करण मुख्य संसाधन से अलग मौजूद है;
- अपने कम वजन के कारण, साइट का एक अलग संस्करण एक अनुकूली टेम्पलेट की तुलना में बहुत तेजी से काम करता है;
- अक्सर मोबाइल से पेज के मुख्य संस्करण पर स्विच करना संभव होता है।
लेकिन यह इसकी कमियों के बिना नहीं है:
- कई पते - साइट के डेस्कटॉप और मोबाइल संस्करण। उपयोगकर्ता को दो विकल्प कैसे याद रखें? वेब मास्टर अक्सर डेस्कटॉप संस्करण से मोबाइल संस्करण में स्थानांतरित होते हैं, लेकिन यदि यह पृष्ठ मोबाइल संस्करण में मौजूद नहीं है, तो उपयोगकर्ता को एक त्रुटि प्राप्त होगी। यहां खोज इंजनों के साथ कठिनाइयां उत्पन्न होती हैं, जिससे 2 समान संसाधनों को रैंक करना मुश्किल हो जाता है और इसका सीधा असर प्रमोशन पर पड़ता है।
- कंप्यूटर से साइट का मोबाइल संस्करण, यदि कोई उपयोगकर्ता गलती से उस तक पहुंच जाता है, तो हास्यास्पद लगेगा, जो ट्रैफ़िक को भी प्रभावित कर सकता है।
- यह संस्करण अक्सर बहुत ही अलग, डेस्कटॉप होता है, इसलिए उपयोगकर्ता को बहुत सीमित कार्यक्षमता प्राप्त होगी। लेकिन साथ ही, यदि कुछ कमी रह गई हो तो आगंतुक जा सकता है पूर्ण संस्करणपन्ने.
सामान्य तौर पर, एक अलग मोबाइल साइट खुद को सही ठहराती है और मोबाइल उपकरणों के लिए किसी संसाधन को अनुकूलित करने का सबसे आम तरीका है। यह अमेज़न जैसे बड़े ऑनलाइन स्टोर्स के बीच लोकप्रिय है।
Google सर्च इंजन मोबाइल डिज़ाइन की इस दिशा का सक्रिय रूप से समर्थन करता है। किसी वेबसाइट को फ़ोन या टैबलेट के लिए अनुकूलित करने का यह सबसे कठिन, महंगा, लेकिन प्रभावी तरीका है। इसे RESS कहा जाता है. यह एक संसाधन को एक मोबाइल एप्लिकेशन में लक्षित कर रहा है जिसे प्रत्येक डिवाइस के लिए अलग से डाउनलोड किया जा सकता है। Android के लिए - GooglePlay से, और Apple के लिए - iTunes से।
ऐसे एप्लिकेशन तेज़, मुफ़्त, सुविधाजनक होते हैं और विभिन्न प्रकार की सूचनाओं को होस्ट करने की क्षमता रखते हैं, जबकि फ़ोन मेमोरी और इंटरनेट ट्रैफ़िक की खपत उतनी नहीं होती जितनी ब्राउज़र के माध्यम से किसी साइट पर जाने पर होती है। उन तक पहुंचना आसान है, क्योंकि लिंक हमेशा स्क्रीन पर मौजूद रहेगा, और ब्राउज़र के एड्रेस बार में कोई जटिल नाम दर्ज करने की कोई आवश्यकता नहीं है।
बेशक, यहां नुकसान भी हैं, जैसे विकास में जटिलता, बड़ी संख्या में प्रोग्रामर के लिए उच्च श्रम लागत और कई लेआउट विकल्प बनाने की आवश्यकता। कभी-कभी मोबाइल डिवाइसएप्लिकेशन द्वारा मान्यता प्राप्त नहीं है. नियमित तकनीकी समर्थन, कमियों का सुधार। फिर भी, यह विकल्प अपने उत्पादक, निर्बाध संचालन के कारण प्रस्तावित तीनों में से सर्वश्रेष्ठ माना जाता है।
उपरोक्त सभी तरीकों के लिए वेबमास्टर के लिए हमेशा लंबे और जटिल नहीं, लेकिन फिर भी भुगतान वाले काम की आवश्यकता होती है। यदि आपको इस तरह के विकास की तत्काल आवश्यकता नहीं दिखती है, तो साइट का एक सरल और मुफ्त मोबाइल संस्करण आपके लिए उपयुक्त होगा। इसे करने का सबसे आसान तरीका क्या है?
रिस्पॉन्सिव डिज़ाइन के लिए विशेष टेम्पलेट (प्लगइन्स) डाउनलोड करें। उदाहरण के लिए, WP मोबाइल डिटेक्टर, वर्डप्रेस मोबाइल पैक, WPSmart मोबाइल और अन्य। वे आपके फोन पर साइट को अधिक सही ढंग से प्रदर्शित करने में आपकी सहायता करेंगे, और पेज को मोबाइल संस्करण में बेहतर ढंग से अनुकूलित करने के लिए क्या सुधार किया जाना चाहिए, इसके बारे में आपको कई सुझाव प्राप्त होंगे।
बेशक, यह विधि गंभीर संसाधनों के लिए उपयुक्त होने की संभावना नहीं है। बल्कि, यह है निःशुल्क अवसरछोटी और सरल साइटों, ब्लॉगों, समाचार फ़ीड के लिए अभिप्रेत है। हमें यह भी नहीं भूलना चाहिए गूगल सर्च इंजनयांडेक्स की तरह, आज मोबाइल संस्करणों पर गंभीर मांग है, इसलिए इस पद्धति का उपयोग करके आपकी स्थिति कम होने की बहुत अधिक संभावना है।
इस पद्धति से, सबसे अधिक संभावना है, विज्ञापन और पॉप-अप बैनर काट दिए जाएंगे, लेकिन पेज जल्दी और बिना किसी रुकावट के लोड हो जाएगा।
इससे कोई फर्क नहीं पड़ता कि साइट का मोबाइल संस्करण मुफ्त में बनाया गया था या वेबमास्टर्स के कर्मचारियों की मदद से, चाहे वह आरईएसएस प्रणाली का उपयोग करके बनाया गया हो या एक अनुकूली टेम्पलेट का उपयोग करके बनाया गया हो। सबसे महत्वपूर्ण बात यह है कि इसे प्रभावी ढंग से काम करने के लिए कई बेहद महत्वपूर्ण सिद्धांतों का पालन करना आवश्यक है। तो, साइट का मोबाइल संस्करण कैसा होना चाहिए? इसे उत्पादक, कुशल और उत्पादक कैसे बनाया जाए?
न्यूनतमवाद वह चीज़ है जिसके लिए किसी वेबसाइट के मोबाइल संस्करण के डेवलपर को प्रयास करना चाहिए। कल्पना करें कि उस जानकारी को समझना कितना मुश्किल है जो रंगों, बटनों, बैनरों से भरी हुई है और जिसे आपको सही सामग्री की तलाश में लगातार स्क्रॉल करना पड़ता है। मोबाइल का डिज़ाइन सरल और साफ-सुथरा होना चाहिए। स्थान को विभाजित करने के लिए 2-3 रंग चुनें (उदाहरण के लिए, ब्रांडेड वाले)। उनमें से एक सफेद हो तो बेहतर है। छोटे स्क्रीन स्थान को स्पष्ट और पढ़ने योग्य क्षेत्रों में विभाजित करें। आभासी कुंजियाँदृश्यमान होना चाहिए ताकि उपयोगकर्ता को स्पष्ट रूप से पता चले कि कहां क्लिक करना है और देखना है - यहां उत्पाद है, यहां डेटा भरने के लिए फॉर्म है, यहां डिलीवरी और भुगतान की जानकारी है।
सभी अतिरिक्त विकल्प, जो डेस्कटॉप संस्करण में उपयोगी होगा और उपयोगकर्ता के लिए जीवन को आसान बना देगा, यहां केवल जटिलताएं लाएगा। केवल सबसे महत्वपूर्ण तत्वों को ही छोड़ें। एनिमेशन, विज्ञापन बैनर और मल्टीमीडिया संभवतः किसी वेबसाइट या एप्लिकेशन के संचालन को धीमा कर देंगे और मुख्य चीज़ से ध्यान भटका देंगे।
संरेखणसंरेखण का मुद्दा भी कम गंभीर नहीं है, क्योंकि यदि गलत तरीके से किया गया, तो उपयोगकर्ता को केवल महत्वपूर्ण शब्दों के अंत ही प्राप्त होंगे। इसे आम तौर पर बाईं ओर और लंबवत रूप से संरेखित करना स्वीकार किया जाता है। अपने फ़ोन पर समाचार फ़ीड को स्क्रॉल करने की कल्पना करें। आप इसे ऊपर से नीचे की ओर करें, लेकिन बाएँ या दाएँ नहीं।
संगठनजब संक्रमणों की लंबी श्रृंखला की कोई संभावना न हो, तो कई चरणों को एक में संयोजित करने का प्रयास करें। उदाहरण के लिए, किसी साइट को कई चरणों में डेटा दर्ज करने की आवश्यकता होती है - एक नाम, फिर एक पता, जहां प्रत्येक व्यक्तिगत सेल में एक अलग घर, सड़क, अपार्टमेंट इत्यादि होता है। उपयोगकर्ता को कई छोटे में जाने की कोशिश करने के लिए मजबूर न करने के लिए सेल, उसे केवल 2 भरने के लिए कहें - नाम और पता।
और वियोगकभी-कभी, इसके विपरीत, बहुत अधिक जानकारी को अलग करना आवश्यक होता है। उदाहरण के लिए, ड्रॉप-डाउन मेनू में आपके पास 80 से अधिक शहरों की सूची है जहां डिलीवरी की जाती है। उन्हें क्षेत्र के अनुसार समूहित करें ताकि उपयोगकर्ता को इस विशाल सूची में स्क्रॉल न करना पड़े। जब वह किसी क्षेत्रीय केंद्र या क्षेत्र पर कर्सर ले जाएगा, तो शहरों की एक और सूची दिखाई देगी।
सूचियोंवैसे, सूचियों के बारे में। उनमें से दो हैं - वर्णानुक्रम या अन्य क्रम में और प्रतिस्थापन के साथ निश्चित। उनकी पसंद इस बात पर निर्भर करती है कि क्या सूचीबद्ध किया जाएगा।
यदि उपयोगकर्ता ठीक-ठीक जानता है कि वह क्या खोज रहा है तो फिक्स्ड सुविधाजनक है। उदाहरण के लिए, शहर, संख्या या दिनांक. दूसरा विकल्प लंबे, जटिल नामों या ऐसे मामलों के लिए उपयुक्त है जहां एक ही नाम की कई विविधताएं हैं, और प्रत्येक उपयोगकर्ता को लक्ष्य के एक कदम करीब लाता है। ऑटो-प्रतिस्थापन विकल्प का उपयोग अक्सर तब किया जाता है जब किसी आगंतुक को सहायता की आवश्यकता होती है। उदाहरण के लिए, एक बुनाई वेबसाइट बुनाई सुई खरीदने की पेशकश करती है। उपयोगकर्ता खोज क्वेरी "धातु बुनाई सुई" में प्रवेश करता है, और संकेत में वह "बुनाई सुई 5 मिमी", "बुनाई सुई 4.5 मिमी", आदि देखता है।
स्वत: भरणयह बिंदु विशेष रूप से उन साइटों पर लागू होता है जहां वे ऑनलाइन कुछ बेचते हैं, और आपको भुगतान, डिलीवरी आदि के लिए मानक फॉर्म भरने होते हैं। यदि कोई व्यक्ति अपने फोन से खरीदारी करता है, तो संभवतः उसके पास कंप्यूटर पर जाने का समय नहीं है , जिसका अर्थ है कि प्रक्रिया खरीद को यथासंभव शीघ्र और सुविधाजनक बनाने की आवश्यकता है।
ऐसा करने के लिए, फ़ॉर्म में पहले से ही भरा हुआ डेटा हो सकता है, आप सबसे लोकप्रिय उत्तरों का सहारा ले सकते हैं; उदाहरण के लिए, यदि आप उसी क्षेत्र में काम करते हैं, तो आज की तारीख, नकद भुगतान विधि, शहर डालें। इन्हें बदला जा सकता है, लेकिन यदि आप लक्ष्य पर निशाना साधते हैं तो उपयोगकर्ता का समय बचेगा।
सब कुछ पढ़ा जाता है, सब कुछ देखा जाता हैसाइट के मोबाइल संस्करण का डिज़ाइन बनाते समय, याद रखें कि हर किसी का फ़ोन अलग होता है, और उनका दृष्टिकोण भी अलग होता है। आपकी साइट छोटी स्क्रीन पर देखी जा सकती है, इसलिए फ़ॉन्ट सरल और पढ़ने योग्य होने चाहिए, बटन इतने बड़े होने चाहिए कि उन पर क्लिक किया जा सके और उन्हें किसी अन्य पृष्ठ पर न ले जाया जा सके, और छवियां अलग से और बड़ी खुलनी चाहिए, खासकर जब बात इंटरनेट की हो। इकट्ठा करना।
कुछ आँकड़ेजब किसी वेबसाइट को मोबाइल उपकरणों के अनुकूल बनाने की बात की जाती है, तो यह समझने के लिए कि ऑनलाइन प्रचार के लिए यह प्रक्रिया कितनी महत्वपूर्ण है, आंकड़ों का सहारा लिए बिना कोई नहीं रह सकता।
संख्याएँ इस प्रकार हैं। आज, 87% आबादी गैजेट्स का उपयोग करती है, जाहिर तौर पर सबसे छोटे बच्चों और कुछ बुजुर्ग लोगों को छोड़कर। अर्थशास्त्री विकास की भविष्यवाणी करते हैं मोबाइल वाणिज्यअगले 5 वर्षों में 100 बार। हालाँकि, केवल 21% साइटें ही मोबाइल उपकरणों के साथ काम करने के लिए अनुकूलित हैं। इसका मतलब यह है कि इंटरनेट ट्रैफिक और ई-कॉमर्स बाजार का केवल 5वें हिस्से पर ही कब्जा है।
इन नंबरों के बारे में सोचें. क्या आपके संसाधन को अनुकूलित करने का कोई मतलब है? बिलकुल हाँ। इसके अलावा, जबकि इस बाजार में इतनी खाली जगह है, आप इसमें अपना खुद का सेगमेंट बना सकते हैं।
उच्च रेटिंग प्राप्त करने के इच्छुक किसी भी प्लेटफ़ॉर्म के लिए मोबाइल संस्करण का उपयोग करना उचित है। आख़िरकार, यह उपयोगकर्ता पर सीधा प्रभाव डालता है, जिससे उसके लिए आपकी साइट पर बने रहने के लिए आरामदायक स्थितियाँ बनती हैं।
मोबाइल संस्करण के बिना निम्नलिखित मौजूद नहीं हो सकता:
- समाचार पोर्टल, चूँकि अधिकांश लोग काम या स्कूल जाते समय अपने फ़ोन पर यही देखते हैं;
- सामाजिक नेटवर्क - इसी कारण से, साथ ही ऑनलाइन संचार का कारक भी है, जिसका अर्थ है कि इसके लिए एक सुविधाजनक, समझने योग्य चैट बनाई जानी चाहिए;
- संदर्भ पुस्तकें, नेविगेशन वाली साइटें आदि, जहां लोग कुछ ढूंढते समय मुड़ते हैं;
- ऑनलाइन स्टोर उन ग्राहकों को आकर्षित करने का एक अवसर है जो खरीदारी में समय बर्बाद नहीं करते हैं, बल्कि मोबाइल इंटरनेट के माध्यम से सब कुछ खरीदते हैं।
आज मोबाइल प्रौद्योगिकियाँसक्रिय वृद्धि और विकास के चरण में हैं, इसलिए, बाजार नेतृत्व के लिए प्रयास करते हुए, किसी भी कंपनी को यह सुनिश्चित करना होगा कि उसका इंटरनेट संसाधन आवश्यकताओं को पूरा करता हो। बढ़ते उपयोगकर्ता अनुरोधों के कारण, साइटों को लगातार आधुनिकीकरण करना पड़ता है और उन्हें उपयुक्त रूप से अनुकूलित करना पड़ता है विभिन्न उपकरण. यह स्पष्ट है कि यदि किसी व्यक्ति को किसी विशेष संसाधन पर रहना असुविधाजनक है, वह वहां किसी उत्पाद या कीमत के बारे में जानकारी प्राप्त नहीं कर सकता है, ऑर्डर नहीं दे सकता है, डिलीवरी के बारे में पता नहीं लगा सकता है, तो उसे वह साइट मिल जाएगी जहां यह सब संभव हो जाएगा। इसलिए, प्रतियोगिता जीतने के लिए एक लचीला, सुविधाजनक, कार्यात्मक और दिलचस्प संसाधन होना महत्वपूर्ण है।
साइट का मोबाइल संस्करण एंड्रॉइड या आईओएस आपको ऐसा करने में मदद करेगा। ऐसा करने के लिए, आपको उपरोक्त रीडिज़ाइन विधियों में से एक को चुनना होगा - एक अनुकूली टेम्पलेट, एक उपडोमेन पर एक नई साइट बनाना और रीडायरेक्ट करके उस पर जाना, मुफ्त टेम्पलेट्स का उपयोग करना या बनाना मोबाइल एप्लिकेशन, जिसकी मदद से उपयोगकर्ता अधिक आसानी से पेज में प्रवेश कर सकता है और उस पर बना रह सकता है।
में आधुनिक दुनियाकभी-कभी आपकी अपनी वेबसाइट होना उतना ही महत्वपूर्ण होता है, उदाहरण के लिए, फ़ोन नंबर या पता होना ईमेल. दुर्भाग्य से, हर कोई अपने दम पर एक सुंदर पेशेवर वेबसाइट नहीं बना सकता है, और कभी-कभी यह काम भी नहीं करती है। प्रोग्रामर से ऑर्डर करना भी एक आदर्श समाधान नहीं है, क्योंकि हर कोई इसे वहन नहीं कर सकता।
मुफ़्त HTML वेबसाइट टेम्पलेट आपको इस स्थिति से बाहर निकलने में मदद करेंगे। HTML वेबसाइट टेम्पलेट किसी विशिष्ट विषय पर किसी वेबसाइट के लिए तैयार स्थिर पृष्ठों का एक सेट है। इस टेम्पलेट का उपयोग करके, आप केवल कुछ घंटों में एक सरल वेबसाइट बना सकते हैं, बशर्ते आपको HTML मार्कअप का बुनियादी ज्ञान हो। HTML अनुभाग में, यदि आप अध्ययन में कुछ और घंटे बिताते हैं, तो आपको यह ज्ञान प्राप्त होगा, और यदि आप CSS अनुभाग का अध्ययन करने के लिए समय निकालते हैं, तो आप HTML वेबसाइट टेम्पलेट्स के डिज़ाइन को पूरी तरह से नियंत्रित करने और उन्हें पूरी तरह से अनुकूलित करने में सक्षम होंगे। आपकी जरूरतें.
वेबसाइट टेम्प्लेट का एक और निर्विवाद लाभ यह है कि ज्यादातर मामलों में वे पेशेवरों द्वारा लिखे जाते हैं। एक पेशेवर वेबसाइट टेम्पलेट का मतलब न केवल एक सुंदर और आधुनिक डिज़ाइन है, बल्कि कोड लिखने का तरीका भी है। खोज इंजनवे देखते हैं कि आपकी वेबसाइट कैसे लिखी गई है, कोड एसईओ अनुकूलित है या नहीं, और इसके आधार पर वे खोज परिणामों में आपकी स्थिति को कम या बढ़ा देते हैं। इसलिए, एक अच्छी वेबसाइट न केवल सुंदर और आधुनिक होनी चाहिए, जो महत्वपूर्ण है, बल्कि कोड के संदर्भ में भी सही ढंग से लिखी होनी चाहिए।
निःशुल्क HTML वेबसाइट टेम्पलेट डाउनलोड करें और कुछ ही समय में अपने प्रोजेक्ट बनाएं।
एक समाधान है
विषय के बारे में प्रश्न. दरअसल, मैं समझता हूं कि?mobile=1 सत्र फ़ाइल में "नोमोबाइल" ध्वज को हटा देता है। यदि यह पैरामीटर ब्राउज़र के डेस्कटॉप संस्करण में निर्दिष्ट है, तो मोबाइल संस्करण टेम्पलेट कनेक्ट नहीं है। .
यहां शॉप-स्क्रिप्ट 6 का पूर्ण संस्करण है: सार्वजनिक स्थैतिक फ़ंक्शन isMobile($check = true) ( if ($check) ( if (self::get("nomobile") !== null) ( if (self) ::get( "nomobile")) ( waSystem::getInstance()->getStorage()->write("nomobile", false); ) ) elseif (self::get("mobile")) ( waSystem:: getInstance()- >getStorage()->write("nomobile", true);...
हमारे पास एक वेबसाइट है http://kotofey.md (वेबसिस्ट के लिए पार्क की गई), यह https://kotofey.webasyst.cloud (फेसबुक टेम्पलेट) का दर्पण है जिसके आधार पर फेसबुक पर ऑनलाइन स्टोर एप्लिकेशन बनाया गया है - https ://www.facebook .com/kotofey.md/app/2151596388...is...
मोबाइल संस्करण में मेनू आइटम बदलें
साइट मेनू अब प्रदर्शित होता है. आपको यह सुनिश्चित करना होगा कि स्टोर मेनू डिलीवरी आदि के बारे में जानकारी के साथ प्रदर्शित हो। मोबाइल संस्करण टेम्पलेट "मोबाइल"
ऑनलाइन स्टोर मोबाइल संस्करण
एक्सप्रेस शॉप के मोबाइल संस्करण टेम्पलेट को पूरी तरह से अनुकूलित करें और एक ऑनलाइन स्टोर बनाएं।
साइट के मोबाइल संस्करण का लेआउट
सहकर्मियों, शुभ दोपहर। इस मंच के विशेषज्ञों में से एक के साथ काम करने के असफल अनुभव के बाद (काम 10 दिसंबर, 2016 से चला लेकिन कभी पूरा नहीं हुआ, और अब डेवलपर पूरी तरह से गायब हो गया है), मैं आपसे पूरा काम पूरा करने के लिए कह रहा हूं। विकसित मोबाइल संस्करण...
शुभ दोपहर, मुझे डेवलपर्स से एक बहुत ही अजीब व्याख्या मिली कि मोबाइल डिवाइस क्या है और यह क्या नहीं है। जब वेबसिस्ट सेटिंग्स (साइट या स्टोर) में मैं "मोबाइल थीम" विकल्प सक्षम करता हूं (थीम के लिए...
प्रिय डेवलपर्स, इस वीडियो को देखें, इसमें एक आदमी को दिखाया गया है...
एक समाधान है
शुभ दिन। मुझे मोबाइल या डेस्कटॉप संस्करण के आधार पर अलग-अलग सामग्री प्रदर्शित करने की आवश्यकता है। मैं कैसे जांच सकता हूं कि मोबाइल संस्करण अब टेम्पलेट कोड में है या नहीं?
(यदि $wa->isMobile()) .... (/if)
+1
एक समाधान है
कृपया मुझे बताएं कि आप साइट के मोबाइल संस्करण में टेम्पलेट में इस या उस ब्लॉक, तत्व आदि को कैसे छिपा सकते हैं। कार्य मोबाइल संस्करण से कई तत्वों को हटाना है क्योंकि वे आकार में सही ढंग से प्रदर्शित नहीं होते हैं।
क्या आप मुझे सीएसएस के बारे में कुछ और बता सकते हैं?
मिनट बनाओ. मोबाइल संस्करण में ऑर्डर राशि और एक चित्र डालें।
करने की आवश्यकता है:1) न्यूनतम. साइट के मोबाइल संस्करण में ऑर्डर राशि (में) नियमित संस्करणयह कार्ट.जेएस टेम्प्लेट और मोबाइल संस्करण में लिखा गया है)2) साइट पेज पर एक चित्र डालें ताकि क्लिक करने पर यह पूर्ण आकार में फैल जाए।
शुभ दोपहर! ऐसी स्थिति है: साइट का मोबाइल संस्करण वैसे ही काम करता प्रतीत होता है, लेकिन विशेष रूप से कुछ पृष्ठों के लिए व्यक्तिगत खाताखरीदार, डेस्कटॉप टेम्प्लेट लोड हो गया है, हालांकि एक मोबाइल संस्करण उपलब्ध है, मुझे बताएं कि मुझे इसे कहां ठीक करना है ताकि...
हर दिन पंजीकरण करने वाले बॉट्स की भीड़ को हराने के लिए, मुझे Google Recaptcha v.2 इंस्टॉल करना पड़ा, बॉट्स गायब हो गए, लेकिन अगर "मैं रोबोट नहीं हूं" चेकबॉक्स आम लोगों के लिए काम नहीं करता है और चेक पॉप हो जाता है ऊपर, फिर साइट के मोबाइल संस्करण में (टेम्पलेट:...
एक समाधान है
शुभ दोपहर, मुझे बताएं कि काउंटर को किस फ़ाइल में पंजीकृत करना है और क्या इसे साइट पर उसी रूप में प्रदर्शित किया जाएगा? मुख्य टेम्पलेट से मोबाइल में, मैंने लाइवइंटरनेट.जेएस फ़ाइल स्थानांतरित की है, जिसमें काउंटर कोड है, लेकिन अब मैं इसे साइट के मोबाइल संस्करण में पेस्ट करता हूँ:
स्क्रिप्ट स्वयं GitHub (https://github.com/scottjehl/Respond) पर उपलब्ध है, पुराने IE में न्यूनतम और अधिकतम आयामों और मीडिया प्रश्नों के लिए समर्थन जोड़ती है।
एक और समस्या यह है कि रिस्पॉन्सिव डिज़ाइन के लिए Html5 के उपयोग की आवश्यकता होती है, जो पुराने ब्राउज़रों के लिए फिर से समझ से बाहर है। हैक से इलाज:
दस्तावेज़.createElement("हेडर");
दस्तावेज़.createElement("nav");
दस्तावेज़.createElement("अनुभाग");
दस्तावेज़.createElement("लेख");
दस्तावेज़.createElement("एक तरफ");
Document.createElement('footer');
कोड html में लिखा गया है; इसके अलावा, बनाए गए तत्वों का ब्लॉक डिस्प्ले CSS में सेट किया गया है:
शीर्षलेख, नेविगेशन, अनुभाग, लेख, एक तरफ, पादलेख (प्रदर्शन:ब्लॉक;)
आइए तुरंत प्रश्न पर बात करें - यह कैसे सुनिश्चित करें कि कुछ स्क्रिप्ट केवल निर्दिष्ट स्क्रीन मापदंडों के साथ प्रदर्शित हों। यदि आप jquery का उपयोग करते हैं, तो आपको टेम्पलेट कोड में एक सरल स्क्रिप्ट जोड़ने की आवश्यकता होगी। संख्याएँ आवश्यक संख्या में बदल जाती हैं। इसे इस प्रकार पढ़ा जाता है: यदि विंडो की चौड़ाई 980 पिक्सेल से अधिक है, तो पथ में निर्दिष्ट स्क्रिप्ट पृष्ठ पर लागू होती है। आप कई निर्दिष्ट कर सकते हैं, वाक्यविन्यास घुंघराले ब्रेसिज़ के अंदर अर्धविराम का उपयोग करके सादृश्य द्वारा लिखा गया है।
यदि ($(document).width() > 980) (
$.getScript('स्क्रिप्ट का पथ');
दूसरा बिंदु यह है कि iPhone के मोबाइल ब्राउज़र को प्रसारित सामग्री को कैसे संसाधित करना चाहिए, और क्या इसकी वृद्धि की अनुमति है। ऐसा करने के लिए, एक प्रारंभिक पैमाना सिर में लिखा जाता है:
जो कुछ बचा है वह शुद्धता की जांच करना है - इसके लिए आप अपने ब्राउज़र और फोन का उपयोग कर सकते हैं या सेवाओं की ओर रुख कर सकते हैं।
यदि साइट को स्थानीय सर्वर पर फिर से डिज़ाइन किया जा रहा है, तो शुद्धता ami.responsivedesign.is में निर्धारित की जा सकती है। सही प्रदर्शन के लिए, डेनवर मालिकों को सर्वर httpd.conf फ़ाइल को संपादित करके एन्कोडिंग को utf-8 में बदलना होगा।
सेवा यह प्रदर्शित करेगी कि प्रोजेक्ट विभिन्न उपकरणों पर कैसा दिखता है।
इसके अतिरिक्त, टेम्पलेट का परीक्षण https://developers.google.com/speed/pagespeed/insights/ या एक विशेष रूप https://www.google.com/webmasters/tools/mobile-Friendly, साथ ही वेबमास्टर्स में किया जाता है। .
यांडेक्स में यह विस्तृत दिखता है, लेकिन Google बस रिपोर्ट करेगा कि कोई समस्या नहीं है।
यदि सब कुछ सही ढंग से किया जाता है, तो कोई स्क्रॉलिंग या अनावश्यक तत्व नहीं होंगे। मोबाइल संस्करण तैयार है, और अब आप सीख गए हैं कि इसे स्वयं कैसे बनाया जाए। यदि सामग्री आपके लिए उपयोगी थी, तो ब्लॉग न्यूज़लेटर को लाइक और सब्सक्राइब करें। शुभकामनाएं।
नीचे, किसी एक बटन पर क्लिक करके, आप इस पाठ में मुड़े हुए पृष्ठ के 2 उदाहरण डाउनलोड कर सकते हैं और बस तैयार पृष्ठों के साथ काम कर सकते हैं और कोड कॉपी कर सकते हैं।
सादर, गैलिउलिन रुस्लान।
