दूसरे डिवाइस के लिए मोबाइल SEO

टैबलेट

जब आप अपनी वेबसाइट को मोबाइल उपयोगकर्ताओं के लिए कॉन्फ़िगर करने के बारे में सोचते हैं, तो ऐसे लोगों का ख्याल आना सामान्य सी बात है, जो टैबलेट डिवाइस का इस्तेमाल करके आपकी साइट एक्सेस करते हैं. हालांकि हमारे पास खास तौर पर ऐसी वेबसाइटें बनाने के लिए कोई सुझाव नहीं हैं, जो खोज इंजन और टैबलेट के मुताबिक हों, पर हम डेस्कटॉप, स्मार्टफ़ोन और टैबलेट उपयोगकर्ताओं के लिए काम करने वाली वेबसाइट बनाने के लिए कुछ सलाह देंगे.

प्रतिक्रियाशील वेब डिज़ाइन

हमारा सामान्य सुझाव यह है कि आप प्रतिक्रियाशील वेब डिज़ाइन का इस्तेमाल करें. इसका मतलब है कि डेस्कटॉप, स्मार्टफ़ोन और टैबलेट पर साइट के इंटरफ़ेस को ऑप्टिमाइज़ करने के लिए आपकी वेबसाइट सभी डिवाइस पर अलग-अलग CSS शैली नियमों के साथ एक ही HTML कोड का इस्तेमाल करती है.

अगर आपकी वेबसाइट प्रतिक्रियाशील वेब डिज़ाइन का इस्तेमाल करती है, तो उसे कई तरह के टैबलेट पर चलाकर यह पक्का करें कि वह ठीक से दिख रही है क्योंकि स्मार्टफ़ोन की तरह टैबलेट भी कई तरह के आकारों और स्क्रीन रिज़ॉल्यूशन में उपलब्ध हैं.

डिवाइस के हिसाब से सामग्री

अलग-अलग डिवाइस के लिए कोई वेबसाइट अलग-अलग पेज (अलग-अलग HTML, CSS, JavaScript वगैरह) दिखा सकती है. ये पेज एक ही यूआरएल पर ('डायनामिक सेवा' नाम का कॉन्फ़िगरेशन) या अलग-अलग डिवाइस के लिए बनाए गए अलग-अलग यूआरएल पर दिखाए जा सकते हैं.

अगर आपकी वेबसाइट में डेस्कटॉप और स्मार्टफ़ोन उपयोगकर्ताओं को दिखाने के लिए अलग-अलग पेज हैं और खास तौर पर टैबलेट के लिए बनाए गए पेज नहीं हैं, तो हमारे हिसाब से टैबलेट के उपयोगकर्ता आमतौर पर साइट के स्मार्टफ़ोन पेज देखने के बजाय आपकी डेस्कटॉप साइट देखना पसंद करते हैं.

अगर आपकी वेबसाइट में टैबलेट के लिए ऑप्टिमाइज़ की गई साइट हैं, तो इन दिशानिर्देशों से आपको अपनी साइट कॉन्फ़िगर करने में मदद मिल सकती है:

  • डायनामिक तरीके से दिखाना: इसमें उपयोगकर्ता–एजेंट के आधार पर एक ही यूआरएल को अलग-अलग HTML (और CSS) का इस्तेमाल करके डेस्कटॉप, स्मार्टफ़ोन और टैबलेट उपयोगकर्ताओं को दिखाया जाता है. जैसा कि स्मार्टफ़ोन वेबसाइट से जुड़े हमारे सुझावों में बताया गया है, हम Vary HTTP हेडर का इस्तेमाल करने का सुझाव देते हैं.
  • खास तौर पर टैबलेट पर काम करने के लिए बनाए गए अलग यूआरएल: इस मामले में, हमारा सुझाव है कि आप Googlebot को टैबलेट यूआरएल क्रॉल करने दें और टैबलेट के हर यूआरएल पर rel=”canonical” का इस्तेमाल, उस यूआरएल से जुड़े डेस्कटॉप वाले यूआरएल पर ले जाने के लिए करें.

फ़ीचर फ़ोन

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

हम यह भी सुझाव देते हैं कि फ़ीचर फ़ोन पर दिखाए जाने के लिए बने सभी पेजों में नीचे बताए गए तरीके से <link rel="alternate" media="handheld"> टैग शामिल किया जाए.

नीचे दिए गए सेक्शन में इनमें से हर कॉन्फ़िगरेशन को लागू करने का तरीका बताया गया है.

डायनामिक तरीके से दिखाना

जिस यूआरएल पर दूसरे डिवाइस को सेवाएं दी जाती हैं, उसी यूआरएल पर फ़ीचर फ़ोन के लिए ऑप्टिमाइज़ की गई सामग्री डायनामिक तरीके से दिखाने के लिए आपके सर्वर को कॉन्फ़िगर करने में उसी तरीके का इस्तेमाल किया जाता है, जिसका इस्तेमाल स्मार्टफ़ोन को सेवाएं देते समय किया जाता है. सर्वर में “Vary: User-Agent” HTTP रिस्पॉन्स हेडर शामिल होना चाहिए और आपको उपयोगकर्ता–एजेंट का पता लगाते समय होने वाली सामान्य गलतियों की जानकारी होनी चाहिए. इसके अलावा अपने पेज में, नीचे दिया गया टैग शामिल करें:

<link rel="alternate" media="handheld" href="[current page URL]" />

अलग-अलग यूआरएल

अलग-अलग यूआरएल पर डेस्कटॉप, स्मार्टफ़ोन और फ़ीचर फ़ोन को सेवाएं देते समय वेबमास्टर के पास इस्तेमाल किए जा सकने वाले तीन कॉन्फ़िगरेशन होते हैं. इन कॉन्फ़िगरेशन में उन्हीं व्याख्याओं का इस्तेमाल किया जाता है जिनकी जानकारी हमने फ़ीचर फ़ोन और स्मार्टफ़ोन के लिए ऑप्टिमाइज़ की गई साइट बनाने के लिए पहलेे दी है.

खास तौर पर बनाए गए यूआरएल वाला कॉन्फ़िगरेशन

इस कॉन्फ़िगरेशन में, सेटअप इस तरह का होगा:

  • http://www.example.com/page-1 डेस्कटॉप उपयोगकर्ताओं को दिखाया जाता है
  • http://m.example.com/page-1 स्मार्टफ़ोन उपयोगकर्ताओं को दिखाया जाता है
  • http://phone.example.com/page-1 फ़ीचर फ़ोन उपयोगकर्ताओं को दिखाया जाता है

हमारा सुझाव है कि इस कॉन्फ़िगरेशन में, अलग-अलग डिवाइस को टारगेट करने वाले एक जैसे पेज के बीच संबंध को समझने में हमारे एल्गोरिदम की मदद करने के लिए, नीचे दी गई व्याख्या जोड़ें:

www.example.com/page-1 पर यह जोड़ें:

<link rel="alternate" media="only screen and (max-width: 640px)" href="http://m.example.com/page-1" />
<link rel="alternate" media="handheld" href="http://phone.example.com/page-1" />

m.example.com/page-1 पर यह जोड़ें:

<link rel="canonical" href="http://www.example.com/page-1" />

phone.example.com/page-1 पर यह जोड़ें:

<link rel="canonical" href="http://www.example.com/page-1" />

डेस्कटॉप और सभी मोबाइल के लिए बने यूआरएल वाला कॉन्फ़िगरेशन

इस कॉन्फ़िगरेशन में, वेबसाइट एक यूआरएल पर डेस्कटॉप पर दिखाई जाएगी और एक अलग यूआरएल पर बाकी सभी मोबाइल, यानी स्मार्टफ़ोन और फ़ीचर फ़ोन दोनों पर दिखाई जाएगी. उदाहरण के लिए:

  • http://www.example.com/page-1 डेस्कटॉप उपयोगकर्ताओं को दिखाया जाता है
  • http://m.example.com/page-1 स्मार्टफ़ोन और फ़ीचर फ़ोन दोनों के उपयोगकर्ताओं को दिखाया जाता है

इस मामले में, http://www.example.com/page-1 पर व्याख्या यह होगी:

<link rel="alternate" media="only screen and (max-width: 640px)" href="http://m.example.com/page-1" />
<link rel="alternate" media="handheld" href="http://m.example.com/page-1" />

m.example.com पेज पर, यह शामिल करें:

<link rel="canonical" href="http://www.example.com/page-1" />

यह rel="canonical" शामिल किया जाना ज़रूरू है भले ही वे फ़ीचर फ़ोन या स्मार्टफ़ोन पेज हैं या नहीं.

सर्वर को अपने रिस्पॉन्स में HTTP Vary: User-Agent हेडर शामिल करना चाहिए. इससे इंटरनेट कैश और Googlebot को यह संकेत भेजा जाता है कि उपयोगकर्ता–एजेंट के आधार पर सर्वर का रिस्पॉन्स अलग-अलग हो सकता है. Googlebot इस संकेत का इस्तेमाल क्रॉल करने के लिए करेगा.

फ़ीचर फ़ोन के लिए अलग यूआरएल वाला कॉन्फ़िगरेशन

इस कॉन्फ़िगरेशन में, प्रतिक्रियाशील वेब डिज़ाइन या डायनामिक सेवा का इस्तेमाल करके वेबसाइट एक यूआरएल पर डेस्कटॉप और स्मार्टफ़ोन पर दिखाई जाएगी और दूसरे यूआरएल पर फ़ीचर फ़ोन पर दिखाई जाएगी. उदाहरण के लिए:

  • http://www.example.com/page-1 डेस्कटॉप और स्मार्टफ़ोन उपयोगकर्ताओं को दिखाया जाता है
  • http://m.example.com/page-1 फ़ीचर फ़ोन उपयोगकर्ताओं को दिखाया जाता है

इस मामले में, http://www.example.com/page-1 पर व्याख्या यह होगी:

<link rel="alternate" media="handheld" href="http://m.example.com/page-1" />

और http://m.example.com/page-1 पर व्याख्या यह होगी:

<link rel="canonical" href="http://www.example.com/page-1" />

रीडायरेक्ट और HTTP Vary हेडर

कृपया ध्यान दें कि अगर आपकी साइट डेस्कटॉप साइट पर आने वाले मोबाइल विज़िटर को मोबाइल साइट पर अपने आप रीडायरेक्ट करती है, या इसका उल्टा होता है, तो कृपया अपने सर्वर में Vary HTTP हेडर को ज़रूर शामिल करें.

साइटमैप

फ़ीचर फ़ोन साइटमैप और स्मार्टफ़ोन वैकल्पिक यूआरएल के लिए भी हम यही सुझाव देेते हैं.

निम्न के बारे में फ़ीडबैक भेजें...