वेब पेजहरूमा मोबाइल उपकरणहरूबाट हिट्स पत्ता लगाउने

मोबाईल उपकरणहरू मोबाइल सामग्री वा डिजाइनमा पुनः निर्देशित गर्नुहोस्

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

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

लिङ्क अर्को साइट संस्करणमा प्रदान गर्नुहोस्

यो दूर, सेल फोन प्रयोगकर्ताहरू संभाला सबै भन्दा सरल तरिका हो। चिन्ता गर्नुको सट्टा उनीहरूले तपाईको पृष्ठहरू देख्न सक्दछन् वा चाहेन भने, केवल पृष्ठको शीर्ष नजिकको एउटा लिंक राख्नुहोस् जुन तपाइँको साइटको फरक मोबाइल संस्करणमा उल्लेख गर्दछ। त्यसपछि पाठकहरूले स्वयंको मोबाइल संस्करण हेर्न वा सामान्य "संस्करण" सँग जारी राख्न चाहने छनौट गर्न सक्छन्।

यस समाधानको लाभ यो लागू गर्न सजिलो छ। यसले तपाईंलाई मोबाइलको लागि एक अनुकूलित संस्करण सिर्जना गर्न आवश्यक छ र त्यसपछि सामान्य साइट पृष्ठको माथिको नजिक एउटा लिङ्क थप्न आवश्यक छ।

खरिदहरू निम्न हुन्:

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

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

JavaScript प्रयोग गर्नुहोस्

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

CSS & # 64; मिडिया ह्यान्डहेल्ड प्रयोग गर्नुहोस्

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

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

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

प्रयोगकर्ता एजेन्ट पत्ता लगाउन PHP, JSP, ASP प्रयोग गर्नुहोस्

यो मोबाइल प्रयोगकर्ताहरू साइटको मोबाइल संस्करणमा रिडिरेक्ट गर्न एक राम्रो तरिका हो, किनभने यो एक लिपिङ भाषा वा CSS मा भरोसा गर्दैन जुन मोबाइल यन्त्रले प्रयोग गर्दैन। यसको सट्टा, प्रयोगकर्ता-एजेन्टर हेर्नका लागि सर्भर-साइड भाषा (PHP, ASP, JSP, ColdFusion, इत्यादि) प्रयोग गर्दछ र त्यसपछि यो एउटा मोबाइल उपकरण हो भने मोबाइल पृष्ठमा इंगित गर्नको लागि HTTP अनुरोध परिवर्तन गर्नुहोस्।

यो गर्न को लागी एक साधारण PHP कोड यस्तो देखिन्छ:

स्ट्रस्ट ($ उआ, "विन्डोज सीई") वा
stristr ($ ua, "AvantGo") वा
stristr ($ ua, "Mazingo") वा
स्ट्रस्ट ($ उआ, "मोबाइल") वा
स्ट्रस्ट ($ उआ, "T68") वा
stristr ($ ua, "Syncalot") वा
stristr ($ ua, "ब्लेजर")) {
$ DEVICE_TYPE = "मोबाइल";
}
यदि (जारी ($ DEVICE_TYPE) र $ DEVICE_TYPE == "मोबाइल") {
$ स्थान = 'मोबाइल / index.php';
हेडर ('स्थान:'। $ स्थान);
बाहिर निस्कनुहोस्;
}
?>

समस्या यहाँ छ कि त्यहाँ धेरै धेरै छन् र अन्य धेरै प्रयोगकर्ता प्रयोगकर्ता एजेन्टहरू जुन मोबाइल उपकरणहरूद्वारा प्रयोग गरिन्छ। यो लिपिले सबैलाई कुनै पनि माध्यमद्वारा पकड्ने र पुन: निर्देशित गर्नेछ। र थप समय थपिएको छ।

साथै, माथिका अन्य समाधानहरूको साथमा, तपाईंले अझै पनि यी पाठकहरूको लागि अलग मोबाइल साइट बनाए राख्नु पर्छ! दुई (वा धेरै!) वेबसाईटहरू व्यवस्थित गर्न यो रिफ्र्याक एक राम्रो समाधान खोज्नको लागि पर्याप्त कारण हो।

WURFL प्रयोग गर्नुहोस्

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

WURFL प्रयोग गर्न, तपाई XML कन्फिगरेसन फाईल डाउनलोड गर्नुहोस् र त्यसपछि आफ्नो भाषा छान्नुहोस् र एपीआईलाई तपाइँको वेबसाइटमा लागू गर्नुहोस्। त्यहाँ जावा, पीएचपी, पर्ल, रूबी, पाइजोन, नेट, एक्सएसएलटी, र C ++ सँग WURFL प्रयोग गर्न उपकरणहरू छन्।

WURFL को प्रयोग को लाभ यो छ कि धेरै मान्छे को अद्यतन फाइल र कन्फिगरेसन फाइल मा जोड दिए छ। त्यसैले जब तपाइँले प्रयोग गरिरहनु भएको फाइल लगभग यो भन्दा अघि समाप्त भएको छ, संभावनाहरू हुन् कि यदि तपाइँ महिनामा एक पटक एक पटक डाउनलोड गर्नुहुन्छ भने, तपाइँसँग तपाइँको सबै ब्राउजरहरू तपाईका पाठकहरू बहादुरी बिना कुनै प्रयोग गर्नुहुनेछ। समस्याहरू निस्सन्देह, निस्सन्देह, के तपाईंलाई निरन्तर रूपमा डाउनलोड गर्न र अद्यावधिक गर्न छ - यसैले तपाइँ एक दोस्रो वेबसाइटमा सिधा प्रयोगकर्ताहरू र सिर्जना गर्न सक्ने ब्याकअप गर्न सक्नुहुन्छ।

उत्तम समाधान उत्तरदायी डिजाइन हो

यसैले यदि फरक यन्त्रहरूको लागि विभिन्न साइटहरू कायम राख्नुको जवाफ छैन, के हो? उत्तरदायी वेब डिजाइन ।

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

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