स्मार्टफोन के लिए अनुकूलित साइटों को बनाने के लिए सिफारिशें

वेबमास्टर स्तर: कोई भी

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

वेबसाइट डिजाइन टिप्स

नीचे संक्षिप्त सिफारिशें दी गई हैं, अधिक विवरण यहां पाया जा सकता है । जैसा कि हमने हाल ही में बताया , यह साइट अब रूसी में उपलब्ध है।
स्मार्टफोन के लिए डिज़ाइन की गई साइटों के मामले में, Google तीन अलग-अलग कॉन्फ़िगरेशन का समर्थन करता है:
1. उत्तरदायी वेब डिज़ाइन वाली साइटें। यह समझा जाता है कि विभिन्न उपकरणों पर एक ही URL खोले जाते हैं। HTML कोड नहीं बदलता है, और पृष्ठ के एक विशिष्ट प्लेटफ़ॉर्म के अनुकूलन को सीएसएस के माध्यम से प्रदान किया जाता है। Google इस कॉन्फ़िगरेशन का उपयोग करने की अनुशंसा करता है।
2. वे साइटें जो सभी प्लेटफार्मों पर URL के समान सेट का उपयोग करती हैं, लेकिन विभिन्न HTML और CSS गतिशील रूप से साधारण कंप्यूटर और मोबाइल उपकरणों को प्रदान किए जाते हैं।
3. विभिन्न उपकरणों के लिए सामग्री को अलग-अलग साइटों पर रखा गया है।

उत्तरदायी वेब डिज़ाइन

यह तकनीक CSS3 मीडिया क्वेरी का उपयोग करती है। सभी उपकरणों को पृष्ठ के लिए एक ही एचटीएमएल कोड प्रदान किया जाता है, लेकिन मीडिया प्रश्नों का उपयोग करके चयनित विभिन्न सीएसएस शैलियों द्वारा इसका प्रदर्शन बदल दिया जाता है। "मीडिया प्रश्नों पर आधारित उत्तरदायी डिज़ाइन" और हमारी सिफारिशों में उत्तरदायी डिज़ाइन के बारे में और पढ़ें।
यहाँ उत्तरदायी डिज़ाइन के कुछ लाभ दिए गए हैं:

• सभी डिवाइस समान URL खोलते हैं जो उपयोग करने, लिंक करने और उन्हें साझा करने में आसान होते हैं। आपकी सामग्री को अनुक्रमणित करना भी हमारे लिए आसान है।
• Google आपकी सामग्री का और अधिक तेज़ी से पता लगा सकता है क्योंकि आपको सभी सामग्री खोजने और अनुक्रमित करने के लिए विभिन्न Googlebot बॉट वाले पृष्ठों को क्रॉल करने की आवश्यकता नहीं है।

विभिन्न उपकरणों के लिए अलग HTML कोड

चूंकि अनुकूली डिज़ाइन कई स्थितियों में संभव नहीं है, इसलिए वेबसाइट में HTML कोड हो सकता है जो विशिष्ट उपकरणों के लिए डिज़ाइन किया गया हो और एक ही URL (डायनामिक डिस्प्ले) पर या विभिन्न URL पर स्थित हो (उदाहरण के लिए, www.example.com और m.example.com) ।
यदि आप डायनेमिक रेंडरिंग का उपयोग करते हैं, तो यह दृढ़ता से अनुशंसा की जाती है कि आप वैरी HTTP हेडर का उपयोग करें। यह समाधान कैशिंग सर्वरों के उपयोग की अनुमति देता है, और हमारे एल्गोरिदम इस बात को ध्यान में रखते हैं कि पृष्ठ का अनुरोध करने वाले क्लाइंट अनुप्रयोगों के आधार पर सामग्री भिन्न होती है। इसके अलावा, आप हमें बता सकते हैं कि क्रॉलिंग के लिए मोबाइल साइटों के लिए Googlebot का उपयोग किया जाना चाहिए। इसके बारे में यहाँ और जानें।
मोबाइल उपकरणों के लिए एक अलग साइट कॉन्फ़िगरेशन को लागू करने के कई तरीके हैं। हम अनुशंसा करते हैं कि आप Google एल्गोरिदम को टिप्पणियों के माध्यम से बताएं कि आपके पृष्ठ एक नियमित कंप्यूटर और मोबाइल डिवाइस के लिए बराबर हैं। दूसरे शब्दों में, नई टिप्पणियाँ सामग्री के दो संस्करणों के बीच संबंध का वर्णन करती हैं, जिसे एक ही चीज़ माना जाना चाहिए, लेकिन विभिन्न प्लेटफार्मों के लिए।
इन टिप्पणियों का उपयोग करते हुए, हम स्मार्टफ़ोन के लिए सामग्री की खोज करेंगे, और हमारे एल्गोरिदम सामग्री की संरचना को पहचानेंगे - और खोज परिणामों में साइट बेहतर दिखाई देगी।

निष्कर्ष

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