अपने वेब पेजों को हिट करने वाले मोबाइल उपकरणों का पता कैसे लगाएं

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

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

किसी अन्य साइट संस्करण के लिए एक लिंक प्रदान करें

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

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

कमियां हैं:

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

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

जावास्क्रिप्ट का प्रयोग करें

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

CSS @media हैंडहेल्ड का उपयोग करें

CSS कमांड @media हैंडहेल्ड ऐसा लगता है कि यह प्रदर्शित करने का एक आदर्श तरीका होगा सीएसएस केवल हैंडहेल्ड उपकरणों के लिए शैलियाँ — जैसे सेल फ़ोन। यह मोबाइल उपकरणों के लिए पृष्ठ प्रदर्शित करने के लिए एक आदर्श समाधान की तरह लगता है। आप एक वेब पेज लिखते हैं और फिर दो स्टाइल शीट बनाते हैं। "स्क्रीन" मीडिया प्रकार के लिए पहला मॉनिटर और कंप्यूटर स्क्रीन के लिए आपके पेज को स्टाइल करता है। "हैंडहेल्ड" के लिए दूसरा आपके पेज को उन मोबाइल फोन जैसे छोटे उपकरणों के लिए स्टाइल करता है। सुनने में आसान लगता है, लेकिन व्यवहार में यह कारगर नहीं होता।

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

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

उपयोगकर्ता-एजेंट का पता लगाने के लिए PHP, JSP, ASP का उपयोग करें

मोबाइल उपयोगकर्ताओं को a. पर पुनर्निर्देशित करने का यह एक बेहतर तरीका है मोबाइल वर्शन वेबसाइट का क्योंकि यह किसी ऐसी स्क्रिप्टिंग भाषा या CSS पर निर्भर नहीं है जिसका उपयोग मोबाइल डिवाइस नहीं करता है। इसके बजाय, यह उपयोगकर्ता-एजेंट को देखने और फिर बदलने के लिए सर्वर-साइड भाषा (PHP, ASP, JSP, ColdFusion, आदि) का उपयोग करता है। HTTP अनुरोध किसी मोबाइल पृष्ठ को इंगित करने के लिए यदि वह एक मोबाइल उपकरण है

ऐसा करने के लिए एक साधारण PHP कोड इस तरह दिखेगा:

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

साथ ही, ऊपर दिए गए अन्य समाधानों की तरह, आपको अभी भी इन पाठकों के लिए एक अलग मोबाइल साइट बनाए रखनी होगी! दो (या अधिक!) वेबसाइटों का प्रबंधन करने की यह कमी एक बेहतर समाधान तलाशने के लिए पर्याप्त कारण है।

WURFL का प्रयोग करें

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

WURFL का उपयोग करने के लिए, आप XML कॉन्फ़िगरेशन फ़ाइल डाउनलोड करें और फिर अपनी भाषा चुनें और API को अपनी वेबसाइट पर लागू करें। जावा, पीएचपी, पर्ल, रूबी, पायथन, नेट के साथ WURFL का उपयोग करने के लिए उपकरण हैं। एक्सएसएलटी, और सी ++।

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

सबसे अच्छा समाधान उत्तरदायी डिजाइन है

तो अगर विभिन्न उपकरणों के लिए अलग-अलग साइटों को बनाए रखना जवाब नहीं है, तो क्या है? प्रतिक्रियात्मक वेब डिज़ाइन.

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

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