साइट के मोबाइल संस्करण में सुधार कैसे करें। सिफारिशें और वीडियो टिप्स

वेबमास्टर स्तर: मध्यम या उच्च

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

चरण 1. अपनी मोबाइल साइट को वास्तव में उपयोगकर्ता के अनुकूल बनाएं।

ए) सभी मोबाइल उपकरणों ( Google अनुशंसाएं , उपयोगी लेख ) के लिए संस्करणों में अतिरिक्त खिड़कियां निकालें ।

• JavaScript पॉपअप का उपयोग न करें जो बंद करना मुश्किल हो।
• सभी फ़्लोटिंग विज्ञापनों को निकालें, ख़ासकर ऐप विज्ञापनों को। इसके बजाय, iOS 6 + -स्टाइल स्मार्ट ऐप बैनर , साइड नेविगेशन, ईमेल न्यूज़लेटर्स और अन्य मार्केटिंग टूल का उपयोग करें।
• उपयोगकर्ताओं को अपनी समस्याओं को हल करने से पहले सर्वेक्षण में भाग लेने के लिए आमंत्रित न करें।

बी) विभिन्न उपकरणों के लिए अपनी साइट का अनुकूलन करें।

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

ग) मोबाइल पृष्ठों को सुगम बनाना ताकि उपयोगकर्ता समय डाउनलोड करने और मोबाइल यातायात में खर्च न करें।


Google Analytics ( प्रस्तुति ) से बाउंस दर और ईवेंट डेटा पर ध्यान केंद्रित करके मोबाइल पृष्ठों को कैसे आसान बनाया जाए

डी) पेज लोडिंग को गति दें और यदि आपका प्रदर्शन औसत ( केस स्टडी ) से कम है तो इस दिशा में काम करना जारी रखें ।


कम समय में मोबाइल साइट को कैसे गति दें और प्रतियोगी साइटों ( प्रस्तुति ) के साथ तुलना करें

मोबाइल साइटों पर आगंतुकों को असुविधा देने वाली चीजों की एक विस्तृत सूची इस पृष्ठ पर प्रकाशित की गई है ।

चरण 2. आगंतुकों को वे जो कुछ भी मिले उसके लिए मदद करें

ए) क्रॉलिंग और इंडेक्सिंग के लिए अपनी साइट का अनुकूलन करें , साथ ही यह उन उपयोगकर्ताओं के लिए अधिक सुविधाजनक बनाता है जो खोज इंजन ( केस स्टडी ) से आते हैं।

• robots.txt में संसाधनों ( CSS , JavaScript , आदि) के अनुक्रमण की अनुमति दें।
• खोज इंजनों के लिए साइट के मोबाइल संस्करण के अनुकूलन के लिए युक्तियों का पालन करें (यह निर्भर करता है कि मोबाइल साइट कैसे कार्यान्वित की जाती है):
  1. उत्तरदायी डिजाइन : CSS @media. अनुरोध शामिल करना सुनिश्चित करें CSS @media.
  2. साइट का अलग मोबाइल संस्करण : विशेषताएँ जोड़ें rel=alternate media और rel=canonical , साथ ही साथ Vary: User-Agent HTTP हेडर, ताकि Google खोज रोबोट तुरंत खोज परिणामों में मोबाइल URL को इंगित करे
  3. डायनामिक डिलीवरी : Vary: User-Agent जोड़ें Vary: User-Agent HTTP हेडर।
  
  बी) पता करें कि मोबाइल डिवाइस उपयोगकर्ता साइट पर कैसे व्यवहार करते हैं, और वांछित परिणाम प्राप्त करने में जल्दी से मदद करते हैं।
  
  
  Google वेबमास्टर टूल्स और Google Analytics ( प्रस्तुति ) के डेटा के आधार पर मोबाइल डिवाइस उपयोगकर्ता के व्यवहार के सामान्य परिदृश्यों के अनुसार अपनी साइट का अनुकूलन कैसे करें
  
  

  चरण 3. ग्राहकों को प्रशंसकों में बदलें

  
  ए) Googlebot को आपके एप्लिकेशन में सामग्री को अनुक्रमित करने की अनुमति दें। इस सुविधा और इसके कार्यान्वयन के बारे में और पढ़ें।
  बी) उपयोगकर्ता को लुभाने के बारे में सोचें:
  
  • मोबाइल उपकरणों के उपयोगकर्ताओं के लिए एक एप्लिकेशन बनाएं, उदाहरण के लिए, आपके स्टोर या शॉपिंग सेंटर ( केस स्टडी ) के लिए आगंतुकों के लिए।
  • जीपीएस सेंसर, कैमरा, और स्मार्टफोन एक्सेलेरोमीटर संलग्न करें।
  • उपयोगकर्ता सामाजिक जुड़ाव ( केस स्टडी ) बढ़ाएँ।
  • इशारा इशारों: flipping, दबाने, मिलाते हुए। यह मज़ेदार और सहज दोनों है।
  
  इस पोस्ट में, हमने मोबाइल साइटों को बेहतर बनाने के लिए कुछ बुनियादी युक्तियां दी हैं। हमारे डेवलपर सिफारिशों का पूरा संस्करण यहां पाया जा सकता है । यदि हम कुछ महत्वपूर्ण याद करते हैं, तो हमें टिप्पणियों में आपके सुझावों पर खुशी होगी।