अक्टूबर 2026 से हर hPage वेबसाइट अपने-आप मोबाइल-फ़्रेंडली है: सभी डिज़ाइन में मोबाइल लेआउट शामिल है, और कुछ भी कॉन्फ़िगर करने की ज़रूरत नहीं है। पहले वाली सेटिंग मोबाइल डिज़ाइन अब मौजूद नहीं है।
मोबाइल लेआउट कैसे काम करता है
- फ़ोन और टैबलेट पर आपकी वेबसाइट एक कॉलम में दिखती है: हेडर, मेनू और कंटेंट एक के नीचे एक। मेनू आपके डिज़ाइन के मेनू हेड के पीछे सिमट जाता है और टैप करने पर खुलता है।
- कंटेंट, रंग और फ़ॉन्ट वही रहते हैं जो डेस्कटॉप पर हैं। आप अपने पेज एक बार संपादित करते हैं; अलग से कोई मोबाइल कंटेंट संभालना नहीं पड़ता।
- चित्र, वीडियो और टेबल स्क्रीन की चौड़ाई तक छोटे कर दिए जाते हैं। तय चौड़ाई वाली चौड़ी टेबल बगल की ओर स्क्रॉल होती हैं।
- मोबाइल लेआउट उन टच स्क्रीन पर लागू होता है जो आपके डिज़ाइन से संकरी हैं, और हर उस स्क्रीन पर जो 1024 पिक्सेल से संकरी है। माउस वाला लैपटॉप और संकरी ब्राउज़र विंडो डेस्कटॉप डिज़ाइन ही रखते हैं।
अपनी वेबसाइट फ़ोन पर जाँचें
- अपनी वेबसाइट का पता देखने के लिए साइडबार में वेबसाइट पर जाएँ पर क्लिक करें, और यह पता अपने फ़ोन के ब्राउज़र में खोलें।
- फ़ोन के बिना: अपनी वेबसाइट डेस्कटॉप पर खोलें और ब्राउज़र विंडो को 1024 पिक्सेल से संकरा करें। लेआउट मोबाइल लेआउट में बदल जाता है।
- अगर आपका फ़ोन अब भी पुराना संस्करण दिखाता है, तो पेज रीलोड करें। मोबाइल ब्राउज़र पेजों को कुछ समय तक अपने कैश में रखते हैं।
इमेज के लिए सुझाव
- आपको मोबाइल डिवाइस के लिए इमेज का आकार बदलने की ज़रूरत नहीं है: वे अपने-आप छोटी हो जाती हैं और अपना अनुपात बनाए रखती हैं।
- फ़ाइलों का आकार छोटा रखें, ताकि मोबाइल कनेक्शन पर पेज जल्दी लोड हों। फ़ाइलें अपलोड करते समय इमेज कंप्रेशन इसमें मदद करता है।
- ज़रूरी टेक्स्ट को इमेज के अंदर रखने से बचें: छोटी स्क्रीन पर उसे पढ़ना मुश्किल हो जाता है। इसके बजाय टेक्स्ट को टेक्स्ट के रूप में लिखें।
- जो इमेज टेक्स्ट के बाएँ या दाएँ होती हैं, वे मोबाइल पर संकरी दिखाई जाती हैं, ताकि टेक्स्ट अब भी उनके बगल में आ सके।
टेक्स्ट और टेबल के लिए सुझाव
- छोटे पैराग्राफ़ लिखें और हेडिंग का उपयोग करें; टेक्स्ट के लंबे हिस्से फ़ोन पर पढ़ना मुश्किल होता है।
- अपने HTML में तय चौड़ाई से बचें (जैसे
width="800"); प्रतिशत का उपयोग करें या कोई चौड़ाई न दें। - 100 % चौड़ाई वाली या बिना चौड़ाई वाली टेबल को प्राथमिकता दें। तय चौड़ाई वाली टेबल मोबाइल पर बगल की ओर स्क्रॉल होती है।
- बहुत लंबे शब्द और वेब पते स्क्रीन के किनारे पर तोड़ दिए जाते हैं; स्पेस या हाइफ़न से ब्राउज़र को तोड़ने के लिए बेहतर जगह मिलती है।