Computer >> कंप्यूटर ट्यूटोरियल >  >> नेटवर्किंग >> इंटरनेट

मोबाइल-फ्रेंडली वेबसाइट कैसे बनाएं जो गूगल को खुश करे

मोबाइल-फ्रेंडली वेबसाइट कैसे बनाएं जो गूगल को खुश करे

दो साल पहले गूगल ने अपने खोज परिणामों में मोबाइल-फ्रेंडली वेबसाइटों को इंगित करने के लिए एक लेबल जोड़ा था। इसका मतलब काफी समय से यह है कि हल्की, मोबाइल-फ्रेंडली वेबसाइटों ने खोज परिणामों पर दबदबा बनाया हुआ है। हाल ही में, उन्होंने मोबाइल उपकरणों पर घुसपैठ करने वाले विज्ञापन को दंडित करने का रुख अपनाया, और अब वे अंततः मोबाइल-फर्स्ट इंडेक्सिंग के साथ अगला कदम उठा रहे हैं। मोबाइल-फर्स्ट इंडेक्सिंग यह सुनिश्चित करेगा कि मोबाइल-फ्रेंडली वेबसाइटें अब पहले से कहीं अधिक खोज परिणामों पर हावी हों, इसलिए मोबाइल-फ्रेंडली वेबसाइट बनाने का महत्व पहले से कहीं अधिक है।

इस लेख में हम चर्चा करेंगे कि आप कैसे सुनिश्चित कर सकते हैं कि आप एक मोबाइल-फ्रेंडली वेबसाइट चला रहे हैं और अपनी वर्डप्रेस साइट को मोबाइल-फ्रेंडली कैसे बना सकते हैं।

क्या एक साइट को मोबाइल-फ्रेंडली बनाता है?

मोबाइल-फ्रेंडली वेबसाइट कैसे बनाएं जो गूगल को खुश करे

अप्रैल 2015 में गूगल ने अपने सर्च इंजन में मोबाइल-फ्रेंडली वेबसाइटों को बढ़ावा देने के लिए देखा, जिससे वेब डिजाइन में भारी बदलाव आया। मोबाइल-फ्रेंडली वेबसाइट न होने से गूगल के मुख्य लक्ष्य में बाधा आई: उपयोगकर्ताओं को उनकी खोजों के आधार पर त्वरित, सटीक, सुलभ जानकारी देना।

तो 2015 में गूगल जिन समस्याओं को खत्म करना चाहता था वे क्या थीं?

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

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

मोबाइल-फ्रेंडली वेबसाइट बनाने के लिए वर्डप्रेस का उपयोग करना

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

अभी के लिए, हम आपको बताएंगे कि कैसे जांचें कि आपकी वर्तमान थीम मोबाइल-फ्रेंडली मानी जाती है या नहीं और मोबाइल ब्राउजिंग के लिए अपनी साइट को बेहतर बनाने के लिए आप क्या सुधार कर सकते हैं।

क्या आपकी थीम मोबाइल-फ्रेंडली है?

यह जांचने के लिए कि आपकी वर्डप्रेस थीम मोबाइल-फ्रेंडली है या नहीं, अपने होमपेज URL को गूगल मोबाइल-फ्रेंडली टेस्ट टूल में डालें।

मोबाइल-फ्रेंडली वेबसाइट कैसे बनाएं जो गूगल को खुश करे

अगर आपको ऐसा परिणाम मिलता है, तो आप अच्छा कर रहे हैं! अगर नहीं, हालांकि, आपकी वर्डप्रेस साइट और आपके द्वारा उपयोग की जा रही थीम पर करीब से नजर डालने का समय आ गया है।

चरण 1: सुनिश्चित करें कि वर्डप्रेस (और आपकी थीम) पूरी तरह से अपडेटेड हैं

यह कहने की आवश्यकता नहीं होनी चाहिए, लेकिन कई वेबमास्टर अपने वर्डप्रेस प्लेटफॉर्म और वर्डप्रेस थीम्स को अपडेट करना भूल जाते हैं। अक्सर, वर्डप्रेस अपडेट आपके वर्डप्रेस एडमिन प्लेटफॉर्म के भीतर नोटिफिकेशन बैनर के रूप में दिखाई देंगे। कई बार आप अपडेट प्रक्रिया शुरू करने के लिए इस लिंक पर क्लिक कर सकते हैं, लेकिन अगर आपको वह बैनर नहीं दिखता तो आप "डैशबोर्ड" और फिर "अपडेट्स" पर भी जा सकते हैं।

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

अब, टूल को फिर से चलाएं। अभी भी काम नहीं करता? इन चरणों के माध्यम से आगे बढ़ें।

चरण 2: निदान करें

अगर कोई साइट मोबाइल-फ्रेंडली नहीं है, तो गूगल का टूल आपको कुछ सुझाव देगा जो बताएंगे कि इसमें क्या गलत है। आमतौर पर, मुद्दे छोटे टेक्स्ट और मोबाइल व्यूपोर्ट की कमी के साथ होंगे। छोटे टेक्स्ट के लिए दर्शकों को पेज पर मैन्युअल रूप से ज़ूम इन करने की आवश्यकता होती है, जबकि मोबाइल व्यूपोर्ट की कमी वाले पेज हमेशा ऐसे प्रदर्शित होंगे जैसे वे डेस्कटॉप मॉनिटर पर हों। अगर आपकी वर्डप्रेस साइट मोबाइल-फ्रेंडली नहीं है, तो आमतौर पर यही कारण होता है।

टूल द्वारा फ़्लैग किए जा सकने वाले अन्य मुद्दों में लंबे लोडिंग समय या अत्यधिक ऑन-पेज प्लगइन्स शामिल हैं। सुनिश्चित करें कि आपकी वेब साइट जावा या फ्लैश जैसे प्लगइन्स पर निर्भर नहीं करती। यदि आपको उन कार्यक्षमताओं की आवश्यकता है, तो HTML5 का उपयोग करें। इसके अलावा, विज्ञापन जो पॉप अप करते हैं या बहुत अधिक स्क्रीन रियल एस्टेट लेते हैं, एक मुद्दा हो सकते हैं: केवल गैर-घुसपैठ वाले विज्ञापनों का उपयोग करें और अपने वर्डप्रेस थीम में पॉप-अप की अनुमति न दें।

चरण 3: एक नई थीम प्राप्त करें

दुर्भाग्य से, अगर कोई थीम मोबाइल-फ्रेंडली नहीं है, तो अपडेट होने और अत्यधिक प्लगइन्स को हटाने के बाद भी, उस समस्या को ठीक करने के लिए आप बहुत कुछ नहीं कर सकते। इस बिंदु पर आपका एकमात्र वास्तविक विकल्प एक नई थीम प्राप्त करना है यदि आपके पास अपने मौजूदा थीम को मोबाइल-फ्रेंडली कस्टम थीम में बदलने का वेब डिजाइन ज्ञान नहीं है।

चुनने के लिए शानदार वर्डप्रेस मोबाइल-फ्रेंडली थीम्स

मोबाइल-फ्रेंडली वेबसाइट कैसे बनाएं जो गूगल को खुश करे

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

  • लोला (Lola) ब्लॉगिंग साइट्स के लिए एक शानदार, मुफ्त थीम है। यह लंबे समय से टम्बलर उपयोगकर्ताओं को तुरंत परिचित लगेगी।
  • न्यूज़मैग (Newsmag) पत्रिकाओं, समाचार साइट्स और अन्य अधिक औपचारिक सेटिंग्स के लिए एक मुफ्त थीम है।
  • एक्सेलेरेट (Accelerate) एक लोकप्रिय, मुफ्त वर्डप्रेस थीम है। यह बहुत लचीला है लेकिन कला और तस्वीरों पर जोर देने के लिए सबसे उपयोगी है, टेक्स्ट-चालित कंटेंट के लिए कम।
  • डिवी (Divi) एक प्रीमियम वर्डप्रेस थीम है जो एक शक्तिशाली विजुअल एडिटर प्रदान करती है, जिसके लिए उपयोगकर्ताओं को रंगों और लेआउट में बदलाव करने के लिए कोड में गोता लगाने की आवश्यकता नहीं होती। इसका उपयोग में आसानी इसे लोकप्रिय बनाती है, और यह कई कंटेंट टाइप्स के लिए सौभाग्य से लचीला है।
  • अनकोड (Uncode) एक प्रीमियम वर्डप्रेस थीम है जो एक विजुअल एडिटर प्रदान करती है और साफ, आधुनिक दिखने वाले इंटरफेस पर केंद्रित है। यह कई स्क्रीन साइज में इमेजेस को स्केल करने के लिए भी बढ़िया है।
  • अवाडा (Avada) एक काफी लोकप्रिय प्रीमियम वर्डप्रेस थीम है और सभी प्रकार की विभिन्न साइट्स के लिए उपयोग में आती है। यह नियमित, लगातार अपडेट का भी आनंद लेती है।

निष्कर्ष

उम्मीद है कि यह लेख आपको वर्डप्रेस में एक मोबाइल-फ्रेंडली वेबसाइट बनाने में मदद करेगा या यह सुनिश्चित करेगा कि आपकी पहले से मौजूद साइट पहले से ही मोबाइल-फ्रेंडली है। क्या आपके पास सुझाव देने के लिए कोई अन्य थीम है या एक ही नाव में लोगों को सलाह देने के लिए कोई सलाह है? बेझिझक नीचे आवाज उठाएं!

  1. Google Drive का उपयोग करके पेशेवर बिजनेस कार्ड बनाएं Google Drive का उपयोग करके पेशेवर बिजनेस कार्ड बनाएं

    Google Drive आपका मुफ्त बिजनेस कार्ड मेकर हो सकता है जब आप चाहें। यह आपको Adobe InDesign या Illustrator जैसे अन्य डिजाइन टूल्स की तरह अभिभूत नहीं करेगा, और परिणाम उतने ही अच्छे हो सकते हैं। साथ ही, Google Drive आपको अपने बिजनेस कार्ड डिजाइन करने के तीन तरीके देता है यदि आप स्क्रैच से एक नहीं बनाना च

  1. Google Forms जल्दी बनाएं: सर्वेक्षण और क्विज़ के लिए चरण-दर-चरण मार्गदर्शिका Google Forms जल्दी बनाएं: सर्वेक्षण और क्विज़ के लिए चरण-दर-चरण मार्गदर्शिका

    Google Forms एक ऐसा ऐप है जिसे推荐 करने के कई कारण हैं। इसका उपयोग करना सरल है, साझा करना आसान है, और इसका एक साफ इंटरफ़ेस है। इसकी सर्वोत्तम विशेषताओं में सबसे प्रमुख यह है कि Google Forms मुफ़्त है। Google खाते वाला कोई भी व्यक्ति Google Forms का उपयोग कर सकता है। यह सर्वेक्षण, क्विज़, और वस्तुतः क

  1. Google Voice से अंतर्राष्ट्रीय कॉल कैसे करें: चरण-दर-चरण गाइड Google Voice से अंतर्राष्ट्रीय कॉल कैसे करें: चरण-दर-चरण गाइड

    Google Voice, Google की कॉलिंग सर्विस एप्लिकेशन, अब तक की सबसे बेहतरीन उपभोक्ता सेवा अनुप्रयोगों में से एक है जिसे Google ने कभी डिजाइन किया है। जबकि कंपनी ने पिछले वर्षों में Google की टन सेवाओं और सुविधाओं को बंद कर दिया है, Google Voice अभी भी एक दशक से फल-फूल रहा है, भले ही इसका अंतर्राष्ट्रीय ब