कंप्यूटरसूचना प्रौद्योगिकी

चरण दर चरण निर्देश: मोबाइल उपकरणों के लिए साइट का अनुकूलन। मोबाइल वेबसाइट

साइट के मोबाइल अनुकूलन स्मार्ट फ़ोन और टेबलेट की बढ़ती संख्या की वजह से लोकप्रिय हो रही है। यह क्या है? क्या लाभ हैं? विशेष रूप से इस सवाल का ऑनलाइन स्टोर और विभिन्न सेवा कंपनियों, ब्लॉग्स और लोकप्रिय मंचों की वेबसाइटों के मालिकों के लिए वास्तविक है। कैसे मोबाइल उपकरणों किया जा सकता है के लिए एक साइट अनुकूल करने के लिए? यहाँ सवाल है कि लेख के ढांचे में चर्चा की जाएगी की एक छोटी सूची है।

सामान्य जानकारी

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

टैग पर विचार करें

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

मोबाइल उपकरणों के लिए साइट अनुकूल के क्या लाभ हैं?

इस दृष्टिकोण का उपयोग करके आप कर सकते हैं:

  1. उपयोगकर्ता मामलों में जहां वह एक पता होता है में सामग्री साझा करने के।
  2. खोज इंजन के एल्गोरिदम सटीक पेज लेआउट पाने के लिए, विभिन्न संस्करणों के साथ भ्रम की स्थिति नहीं है।
  3. त्रुटियों की संभावना को कम करें।
  4. जरूरत फिर से अनुक्रमण को नष्ट करने से बूट समय को कम करें।
  5. संसाधनों की बचत करें।

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

  1. जावास्क्रिप्ट में जोर।
  2. का मेल।
  3. जावास्क्रिप्ट के गतिशील उपयोग।

हमें विचार करना उन में और अधिक विस्तार।

जावास्क्रिप्ट का उपयोग का अनुकूलन

इस मामले में, एक भी सामग्री। और पेज के संचालन की व्यवस्था करने के लिए JavaScript स्वरूपण परिवर्तन के साथ। इस मामले में सब कुछ मंच पर निर्भर करता है। इस एल्गोरिथ्म शैली पत्रक व्यापक मीडिया क्वेरी के समान है। व्यवहार में काम का एक छोटा सा उदाहरण पर विचार करें। तो, हम एचटीएमएल कोड है, जो एक तत्व