• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer
InHindiHelp

InHindiHelp

बेस्ट हिंदी ब्लॉग

  • Paise Kaise Kamaye
  • Beginners Guide
  • WordPress
    • WordpPress Plugins
    • WordPress Guide
    • WordpPress Themes
  • How To
  • Best Apps
  • SEO Tips Hindi
Home » WordPress Guide » WordPress Website Mobile-Friendly Kaise Banaye

WordPress Website Mobile-Friendly Kaise Banaye

Last updated on October 3, 2019 by AMAN SINGH

क्या आप अपनी वर्डप्रेस साइट को Mobile-Friendly बनाना चाहते हैं?

मोबाइल सर्च पूरी तरह से डेस्कटॉप खोज पर हावी हो गई है और आधी से अधिक सर्च स्मार्टफोन से की जाती हैं।

इसके अलावा, Mobile-friendliness एक Google ranking factor भी है। इसलिए Mobile-Friendly वेबसाइट होना जरूरी है।

यह आर्टिकल आपकी WordPress साइट को Mobile-Friendly बनाने में मदद करेगी।

Mobile-Friendly Website क्या है

आपने “Responsive” डिज़ाइन सुना होगा। यह mobile-friendly डिजाइन के पर्याय (synonym) है।

मोबाइल फ्रेंडली वेबसाइट्स का मतलब है कि वेबसाइट किसी भी मोबाइल डिवाइस (स्मार्टफोन या टैबलेट) पर बहुत अच्छी लगती है।

जब स्क्रीन साइज़ बदलता है, तो कंटेंट उस साइज़ के अनुसार Scale हो जाती है। इसका मतलब है कि वेबसाइट Text को आसानी से पढ़ा जा सकता है और लिंक और नेविगेशन पर क्लिक किया जा सकता हैं।

Mobile-Friendly Website क्यों महत्वपूर्ण है

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

यदि आपकी वेबसाइट mobile-friendly नहीं है, तो उसे मोबाइल डिवाइस में देखना और उपयोग करना मुश्किल हो सकता है। Non-mobile-friendly site पर कंटेंट पढ़ने के लिए, यूजर को pinch या zoom करने की आवश्यकता होती है।

यह यूजर के लिए bad experience create करता हैं और परिणामस्वरूप, वे साइट से Exit हो जाते हैं।

इसके अलावा, 21 अप्रैल 2015 को, Google ने mobile-friendliness को ranking signal के रूप में introduced किया। 

Mobile-Friendly साइट बनाने के लिए यहां और कारण हैं।

1. Google इसका उपयोग Ranking factor के रूप में करता है

2015 में गूगल ने अपन algorithm में change किया। यदि आपकी साईट Responsive है, तो मोबाइल सर्च रिजल्ट में बेहतर परफॉर्म करेगी।

Google  ने अपने Webmaster Central Blog पर इस changes के बारे में घोषणा की:

Starting April 21, we will be expanding our use of mobile-friendliness as a ranking signal. This change will affect mobile searches in all languages worldwide and will have a significant impact in our search results. Consequently, users will find it easier to get relevant, high quality search results that are optimized for their devices.

21 अप्रैल से, हम mobile-friendliness को ranking signal के रूप में उपयोग करेंगे। यह परिवर्तन दुनिया भर में सभी भाषाओं में मोबाइल सर्च को प्रभावित करेगा और हमारे सर्च रिजल्ट में महत्वपूर्ण प्रभाव डालेगा। नतीजतन, यूजर को relevant, high quality search results प्राप्त करना आसान होगा जो उनके devices के लिए ऑप्टिमाइज़ हैं।

2. User experience में सुधार करता है

लोग वेबसाइट पर zoom in and pinch करना पसंद नहीं करते हैं। इसलिए, मोबाइल यूजर को बेहतर user experience प्रदान करने के लिए mobile-friendly वेबसाइट बनाना बहुत महत्वपूर्ण है।

मोबाइल फ्रेंडली वेबसाइट किसी भी डिवाइस पर बहुत अच्छी लगती है।

3. Faster loading speed

Speed भी एक Google ranking factor है। और साथ ही, कोई भी Slow loading वेबसाइट पसंद नहीं करता है।

वे वेबसाइटें जो mobile devices के लिए optimized नहीं होती हैं, बहुत धीरे-धीरे लोड होती हैं। जबकि मोबाइल फ्रेंडली वेबसाइट्स जल्दी लोड हो जाती हैं।

कैसे पता करें Website Mobile-Friendly है

आपकी वेबसाइट आपके मोबाइल डिवाइस पर बहुत अच्छी लगती है। लेकिन आपको बहुत सारी स्क्रीन साइज़ के लिए टेस्ट करना चाहिए कि क्या यह वास्तव में Responsive है।

पर कैसे?

आप Google के mobile-friendly testing tool का उपयोग कर सकते हैं । बस नीचे दिखाए गए फील्ड में अपनी वेबसाइट का URL पेस्ट करें, फिर “Test URL” पर क्लिक करें।

WordPress Website Mobile-Friendly Kaise Banaye

कुछ सेकंड में यह आपको बताएगा कि क्या आपकी वेबसाइट mobile responsive है। यदि नहीं है, तो यह आपको कुछ कारण देगा।

यदि आपको red sign मिलता है, तो आपकी वर्डप्रेस साइट को Mobile responsive बनाने का समय है।

तो चलिए शुरू करते है…

WordPress Website Mobile-Friendly कैसे बनाये

1. Responsive theme इनस्टॉल करें

हालाँकि, अभी सभी वर्डप्रेस थीम responsive हैं। लेकिन आपका वर्डप्रेस ब्लॉग मोबाइल फ्रेंडली नहीं है, इसका मतलब है कि आप एक older theme का उपयोग कर रहे हैं।

इसे ठीक करने के लिए बस एक नया responsive theme  इनस्टॉल करें जो mobile devices में परफेक्ट दिखता हो। मार्केट में बहुत सारे वर्डप्रेस थीम उपलब्ध हैं और वे पूरी तरह responsive हैं।

और एक बात थीम खरीदने से पहले यह चेक करें कि वह सभी स्क्रीन साइज़ पर अच्छी तरह से दिखता है। इसके लिए आप थीम का डेमो चेक कर सकते हैं।

यदि आप Free theme की तलाश कर रहे हैं , तो मैं GeneratePress, Astra और Hueman की सलाह देता हूं। और प्रीमियम थीम में Genesis Framework  सबसे अच्छा है।

2. Responsive plugins का उपयोग करें

प्लगइन्स आपको आपकी साइट पर अतिरिक्त features जोड़ने में मदद करते हैं। तो ऐसा नहीं है कि आप अपनी साइट पर कुछ भी जोड़ सकते हैं।

जब आप अपनी साइट पर एक विजेट, CTA button और opt-in form जोड़ते हैं, तो सुनिश्चित करें कि वह सभी स्क्रीन साइज़ पर अच्छी तरह से scales होते है।

3. Mobile devices के लिए Pop-ups उपयोग न करें

अपने मोबाइल साइट के लिए पॉप-अप उपयोग न करें। ज्यादातर लोगों पॉप-अप पसंद नहीं करते है। पॉप-अप यूजर को परेशान करते हैं और यूजर के लिए Bad experience create करते हैं।

हालाँकि, अधिकांश ईमेल opt-in forms डेस्कटॉप पर ठीक काम करते हैं, लेकिन mobile devices पर user experience को पूरी तरह से बर्बाद कर देते हैं।

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

5. एक Responsive menu बनाएँ

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

अधिकांश आधुनिक वर्डप्रेस थीम responsive menus प्रदान करते हैं। इसके अलावा आप Responsive Menu प्लगइन का उपयोग कर सकते हैं ।

6. सही Font और Size चुनें

सही फ़ॉन्ट चुनना बहुत महत्वपूर्ण है। फ़ॉन्ट्स स्पष्ट और पढ़ने में आसान होना चाहिए।

इसके अलावा, आप अपने headline के लिए capital letters और bold font का उपयोग कर सकते हैं। यह कंटेंट और टाइटल के बीच एक clear separation दर्शाता है।

इसके अलावा, सुनिश्चित करें कि fonts बहुत छोटे नहीं हैं। लोग fonts पर ज्यादा फोकस नहीं करेंगे। बस वे आपके ब्लॉग से बाहर निकल जाएंगे (कोई फर्क नहीं पड़ता कि आपका कंटेंट कितना अच्छा है)। ऐसे फॉन्ट का इस्तेमाल करें जिसे विजिटर आसानी से स्कैन कर सके।

मैं अपने फ़ॉन्ट साइज़ के लिए 18px का उपयोग करता हूं और यह किसी भी स्क्रीन आकार पर बहुत अच्छा लगता है।

यदि आप अपने body के font size को बदलना चाहते हैं, तो आप इसे theme के style.css पर जाकर बदल सकते हैं। अन्यथा, वर्डप्रेस कस्टमाइज़र के CSS section में बस निम्नलिखित कोड जोड़ें।

body {
font-size: 18px;
}

7. सही Image size का उपयोग करें

एक इमेज एक हजार शब्द बोलती है। और visitors को वेबसाइट पर अधिक समय तक रोकें रखता है।

लेकिन सुनिश्चित करें कि आपकी images high quality है और आपकी कंटेंट लेआउट के साथ बहुत अच्छी लगती है। यदि Image size सही नहीं है, तो अपलोड करने से पहले उन्हें compress और resize करें।

Website Mobile Friendly बनाने के लिए Best Plugins

आप अपनी साइट पर active theme को बदलना नहीं चाहते हैं?

आप अपनी साइट को mobile friendly बनाने के लिए वर्डप्रेस प्लगइन का उपयोग कर सकते हैं। बाजार में बहुत सारे प्लगइन्स उपलब्ध हैं जिनका आप उपयोग कर सकते हैं।

साइट को mobile friendly बनाने के लिए यहां सबसे अच्छा वर्डप्रेस प्लगइन्स हैं…

1. WPtouch

WordPress Website Mobile-Friendly Kaise Banaye

WPtouch एक मोबाइल प्लगइन है जो ऑटोमेटिकली आपकी वर्डप्रेस वेबसाइट को mobile version में बदल देता है।

यह आपको कई element को कस्टमाइज करने की अनुमति देता है और आपकी साइट को मोबाइल-फ्रेंडली और स्टाइलिश वर्शन में विज़िटर को Deliver करता है, बिना किसी कोड को modify किए।

यह आपकी साइट के desktop version को प्रभावित नहीं करता है।

2. AMP

How to Properly Setup Google AMP on WordPress

Google AMP का पूरा नाम Accelerated Mobile Pages है। इसे Specially मोबाइल के लिए डिज़ाइन किया गया है। यह आपके पेज को Mobile-friendly बनाता है और आपकी वेबसाइट मोबाइल में Fast लोड होती है (एक सेकंड से भी कम समय में लोड होती है)।

AMP इनस्टॉल करने के बाद आप अपनी वेबसाइट में भारी बदलाव देख सकते हैं:

  • कई SEO Experts का मानना ​​है कि AMP Google रैंकिंग में सुधार करता है।
  • आपकी साइट Slow इंटरनेट कनेक्शन पर भी फ़ास्ट लोड होगी।
  • आपकी पेज को Mobile friendly बनाता है।
  • यह Google Analytics और Jetpack Stats सपोर्ट करता है लेकिन अन्य Analytics प्लेटफ़ॉर्म सपोर्ट नहीं करता है।
  • आप AMP Mobile Page में Different location पर Ads Show कर सकते हैं।

क्या आपको AMP install करना चाहिए ? मैं आपको निश्चित उत्तर नहीं दे सकता।

कई ब्लॉगर्स ने इस Google AMP के बारे में अपने विचार दिए हैं। कई लोग Google AMP को बेहतर मानते हैं और कई बुरा मानते हैं। इसलिए मैं Google AMP का सुझाव नहीं दे सकता।

3. Jetpack

WordPress Website Mobile-Friendly Kaise Banaye

यह प्लगइन कई features के साथ आता है जिसमें Mobile-friendly option भी शामिल है।

यह प्लगइन आपके वर्डप्रेस साइट को मोबाइल फ्रेंडली बनाना बहुत आसान बनाता है। बस Jetpack WordPress plugin को activate करने के बाद इस मॉड्यूल को activate करना होगा। यहाँ Jetpack के Mobile Theme पर एक ऑफिसियल गाइड है।

4. WP Mobile Menu

WordPress Website Mobile-Friendly Kaise Banaye

WP Mobile Menu मेनू उन लोगों के लिए सबसे अच्छा प्लगइन है जो अपनी वेबसाइट के मोबाइल मेनू पर अधिक ध्यान केंद्रित करना चाहते हैं। कोई कोडिंग skill की आवश्यकता नहीं है और यह सभी responsive WordPress themes के साथ काम करता है।

यह प्लगइन मोबाइल मेनू पर फुल कंट्रोल प्रदान करता है।

5. Max Mega Menu

Max Mega Menu ऑटोमेटिकली आपके मौजूदा मेनू या मेनू को Mega Menu में बदलता है। यह ईकामर्स साइटों या online magazines के लिए एकदम सही है।

प्लगइन आपके मेनू में किसी भी वर्डप्रेस विजेट को जोड़ने की अनुमति देता है, theme editor का उपयोग करके अपने मेनू को restyle कर सकते है और built-in settings का उपयोग करके menu behaviour को बदल सकते है।

प्लगइन में एक ड्रैग और ड्रॉप मेनू बिल्डर शामिल है। इसका प्रीमियम वर्शन कुछ अतिरिक्त फीचर के साथ आता है।

आखरी सोच

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

आपकी वेबसाइट मोबाइल यूजर के लिए अच्छी तरह से ऑप्टिमाइज़ होनी चाहिए।

कई WordPress mobile plugins और solution हैं। लेकिन यह आर्टिकल आपकी साइट को mobile-friendly बनाने के लिए काफी है।

यदि Responsive थीम उपयोग करने के बाद भी आपकी साइट छोटे स्क्रीन पर अच्छे से नहीं दिखती है, तो WPTouch plugin या JetPack प्लगइन सबसे अच्छा समाधान है।

छोटा सा निवेदन, अगर यह आर्टिकल आपके लिए मददगार साबित हुई है, तो इसे शेयर करना न भूलें!

इसे भी पढ़ें:

  • 47 Blogging Tips in Hindi 2019
  • Old Blog Posts Update Kaise Kare (Ultimate Guide)
  • 18 Ways WordPress Blog Ki Loading Speed Kaise Badhaye

Filed Under: WordPress Guide Tagged With: Beginners Guide, WordPress Guide

About AMAN SINGH

AMAN SINGH एक Full-time ब्लॉगर है जो WordPress, SEO और Blogging Tips पर कंटेंट शेयर करना पसंद करते है।

Reader Interactions

Comments

  1. Aditya Pratap kashyap says

    September 19, 2020 at 10:19 am

    Nmskar Aman Singh ji
    Apne mobile friendly site ke liye bahut achhi jankari pradan ki hai.
    Kintu yeh sahi image size kitne kb ka hai.

    Aur mobile friendly content search console me kaise ho.

    Reply
  2. StatusWings.com says

    September 22, 2020 at 5:49 pm

    Thanks Dear Bahut Accha Likha Aapne

    Reply
  3. Jitendra says

    December 4, 2020 at 12:22 pm

    Thanks bhai. Me kafi dino se aisa artical talash raha tha.

    Mujhe bhi apni website mobile friendly banani hai.

    Me biggner hu or aap jaise logo se hi seekh raha hu.

    Thanks…

    Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Primary Sidebar

ब्लॉग पर हाल के पोस्ट

Old Blog Posts Update Kaise Kare 2023

Instagram Ka Password Kaise Change Kare 2023

Robots.txt file क्या है और Perfect Robots.txt file कैसे बनाये

New Website Ko Google Me Fast Index Kare 2023

(17 तरीके) Domain Authority Kaise Badhaye 2023

New Blog Ko Rank Kaise Kare Google Me 2023

Image SEO Kaise Kare – Image को SEO Friendly कैसे बनायें

Keyword Stuffing in Hindi – SEO में Keyword Stuffing के खतरे और इससे कैसे बचें

Photo Ka Background Change Kaise Kare 2023

Keyword Research in Hindi: Keyword Research Kaise Kare

पैसे कैसे कमाए

Paytm Cash Kamane Wala Game – गेम खेलकर Paytm Cash जीतने वाला गेम ऐप

पैसे कैसे कमाए – 25+ घर बैठे पैसे कमाने का तरीका

2023 में Paisa Kamane Wala Game – गेम खेलो और पैसे जीतो

2023 में Flipkart Se Paise Kaise Kamaye 2023

16 बेस्ट तरीके इंटरनेट से पैसे कैसे कमाए 2023 – घर बैठे लाखों कमाए

फ्री में बिटकॉइन कैसे कमाए 2023

Rummy खेल के पैसा कैसे कमाए – 22 बेस्ट रमी गेम पैसे कमाने वाला

Amazon Se Paise Kaise Kamaye 2023 (12 तरीके)

Student Paise Kaise Kamaye 2023 (टॉप 23 तरीकें)

Google Se Paise Kaise Kamaye (12 तरीके)

हाउ टो पोस्ट

Instagram Ka Password Kaise Change Kare 2023

Photo Ka Background Change Kaise Kare 2023

Instagram Password Reset Kaise Kare 2023

गाडी के नम्बर से पता करे मालिक का नाम 2023 (इन 4 तरीकों से)

Instagram Par Username Kaise Change Kare 2023

Instagram Account Delete Kaise Kare Permanently 2023

18 (तरीके) Instagram Par Follower Kaise Badhaye 2023

WhatsApp Chat Hide Kaise Kare 2023

Amazon customer care में कैसे contact करें

110+ Best Hindi Blog 2023 | भारत के Best Hindi Blogger कौन है?

Footer

SEO Guides

  • SEO Kaise Kare 2023 (22 SEO Tips in Hindi)
  • 40 Google Ranking Factors in Hindi
  • ब्लॉग को गूगल के #1 पेज पर रैंक कैसे करें
  • On Page SEO in Hindi 2023
  • 18 Black Hat SEO Techniques in Hindi
  • High Quality Backlinks Kaise Banaye 2023
  • Domain Authority क्या है और कैसे बढ़ाएं
  • SEO Friendly Article Kaise Likhe
  • Keyword Research Kaise Kare
  • Image को SEO Friendly कैसे बनायें
  • Google Keyword Planner क्या है और कैसे उपयोग करें
  • New Blog Ko Rank Kaise Kare Google Me
  • WordPress Site Ko SEO Friendly Kaise Banaye

WordPress Guides

  • WordPress Par Website Kaise Banaye in Hindi
  • WordPress Install Karne Ke Baad Important Settings
  • WordPress Website Mobile-Friendly Kaise Banaye
  • 43 Most Common WordPress Mistakes Jo Har New Blogger Karta Hai
  • WordPress Blog Ki Loading Speed Kaise Badhaye
  • WordPress Website Ko Secure Kaise Kare
  • 24 Best WordPress SEO Plugin in Hindi
  • WordPress Site Ke Liye 58 Best Responsive Themes
  • 24 Best SEO Friendly WordPress Themes
  • WordPress Ke Liye 26 Fastest Themes

Useful Guide

  • Blog Par Traffic Kaise Laye (54 तरीके)
  • Blogging in Hindi (पूरी जानकारी हिंदी में)
  • Website Se Bad Backlinks Remove Kaise Kare
  • 47 Blogging Tips in Hindi
  • (21 Tips) Successful Blogger Kaise Bane
  • Bounce Rate Kam Kaise Kare
  • 38 Best SEO Tools in Hindi
  • Website Ko Google Me Fast Index Kare
  • Keyword Density in SEO Hindi
  • Website Blog Promote Kaise Kare
  • Internal Linking for SEO in Hindi
  • Old Blog Posts Update Kaise Kare

© 2016–2023 · IN HINDI HELP · All Rights Reserved

  • About
  • Privacy Policy
  • Sitemap