How to fix mobile Usability error on blogger by phone

Fix Problem blogger usability error 

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

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

मोबाइल उपयोगिता ( usability ) को खोजें 

नीचे ऐसी त्रुटियां दी गई हैं जो Google Webmaster टूल्स (द न्यू सर्च कंसोल) में मोबाइल प्रयोज्य रिपोर्ट में दिखाई दे सकती हैं

Uses प्लगइन्स ( incompatible ) का उपयोग करता है

पेज में प्लगइन्स शामिल हैं, जैसे फ्लैश, जो अधिकांश मोबाइल ब्राउज़र द्वारा समर्थित नहीं हैं।Google HTML5 जैसी आधुनिक, मोटे तौर पर समर्थित वेब प्रौद्योगिकियों का उपयोग करके अपने पृष्ठ को फिर से डिजाइन करने की सिफारिश करता है।वेब एनीमेशन दिशानिर्देशों के बारे में और पढ़ें। अधिकांश वर्डप्रेस सेटअप के लिए, यह तब तक दिखाई नहीं  ढूँढ़ेगा जब तक कि आप एक कार्यक्षमता का उपयोग नहीं कर रहे हैं जो असंगत प्लगइन्स का उपयोग करता है।

View report ने समस्याएं निर्धारित नहीं की हैं

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

View report  डिवाइस-चौड़ाई error के लिए सेट नहीं

आपका पेज एक निश्चित-चौड़ाई वाले व्यूपोर्ट संपत्ति को परिभाषित करता है, जिसका अर्थ है कि यह विभिन्न स्क्रीन आकारों के लिए समायोजित नहीं हो सकता है।इस त्रुटि को ठीक करने के लिए, अपनी साइट के पृष्ठों के लिए एक उत्तरदायी डिजाइन अपनाएं, और तदनुसार डिवाइस की चौड़ाई और पैमाने से मेल खाने के लिए View report सेट करें।

पढ़ें कैसे सही ढंग से Viewport सेट करने के लिए .या आप सिर्फ यह सिर भाग में जोड़ सकते है (public_html> wp-content> themes> yourThemeName> header.php (ढूँढें <head>

 <meta name="viewport" content="width=device-width, initial-scale=1">

स्क्रीन त्रुटियों की तुलना में व्यापक सामग्री ( Content wide than screen error )

यह रिपोर्ट उन पृष्ठों को इंगित करती है जहां पृष्ठ पर शब्द और चित्र देखने के लिए क्षैतिज स्क्रॉलिंग आवश्यक है। ऐसा तब होता है जब पृष्ठ सीएसएस घोषणाओं में पूर्ण मूल्यों का उपयोग करते हैं, या किसी विशिष्ट ब्राउज़र चौड़ाई (जैसे 980px) पर सर्वोत्तम देखने के लिए डिज़ाइन की गई छवियों का उपयोग करते हैं। इस त्रुटि को ठीक करने के लिए, सुनिश्चित करें कि पृष्ठ सीएसएस तत्वों के लिए सापेक्ष चौड़ाई और स्थिति मानों का उपयोग करते हैं, और सुनिश्चित करें कि चित्र भी पैमाने बना सकते हैं। व्यूपोर्ट में आकार सामग्री में और पढ़ें।

CSS usually fixes this error img{width:100%;height:auto} or you may need to use display:block for the containing element (usually <div>s)

Error पढ़ने के लिए पाठ बहुत छोटा है

यह रिपोर्ट उन पृष्ठों की पहचान करती है जहाँ पृष्ठ का फ़ॉन्ट आकार सुपाठ्य होने के लिए बहुत छोटा है और पढ़ने के लिए मोबाइल आगंतुकों को "पिंच टू जूम" करने की आवश्यकता होगी। अपने वेब पृष्ठों के लिए एक व्यूपोर्ट निर्दिष्ट करने के बाद, व्यूपोर्ट के भीतर अपने फ़ॉन्ट आकार को ठीक से स्केल करने के लिए सेट करें। उपयोग करने योग्य फ़ॉन्ट आकार में फ़ॉन्ट आकार सर्वोत्तम प्रथाओं के बारे में और पढ़ें। CSS के ज्ञान के आपके स्तर के आधार पर, आप अपने हाथों को उत्तरदायी फ़ॉन्ट आकारों में आज़मा सकते हैं, यदि नहीं, तो कम से कम फ़ॉन्ट-आकार के साथ सुरक्षित रहें font size 16px

क्लिक करने योग्य तत्व भी Error को एक साथ बंद कर देते हैं

यह रिपोर्ट उन साइटों के लिए URL दिखाती है जहां स्पर्श तत्व, जैसे बटन और नेविगेशनल लिंक, एक-दूसरे के इतने करीब हैं कि एक मोबाइल उपयोगकर्ता आसानी से पड़ोसी तत्व को टैप किए बिना अपनी उंगली से वांछित तत्व को टैप नहीं कर सकता है। इन त्रुटियों को ठीक करने के लिए, अपने मोबाइल विज़िटर के लिए उपयुक्त होने के लिए सही आकार और स्पेस बटन और नेविगेशनल लिंक सुनिश्चित करें। आकार टैप लक्ष्य में अधिक पढ़ें। यह वह जगह है जहाँ आप तत्वों के लिए पैडिंग और मार्जिन का उपयोग कर सकते हैं Search Console Mobile Usability रिपोर्ट के बारे में शिकायत कर रहा है।

Google में उच्चतर रैंकिंग के लिए सर्वोत्तम अभ्यास

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

यदि आप WordPress को Content Management System के रूप में उपयोग करने के लिए भाग्यशाली हैं, तो, आपको वेब डेवलपर्स को किराए पर लेने की आवश्यकता नहीं है, इसके बजाय Google पर जाएं और प्रीमियम WordPress थीम्स की खोज करें और नवीनतम मोबाइल तैयार में से एक का उपयोग करने के लिए अपने WordPress विषय को बदलें मोबाइल उत्तरदायी विषय (रैंकी ज्यूपिटर थीम की सिफारिश करता है)

यदि आपकी साइट में किसी भी मोबाइल की उपयोगिता से संबंधित Error  है तो कैसे जांचें ?

Step 1:- 

  • Google वेबमास्टर टूल पर जाएं
  • अपनी साइट का चयन करें
  • Search Traffic पर क्लिक करें
  • मोबाइल यूटिलिटी लिंक पर क्लिक करें
Step 2:-

आपको इस पृष्ठ की तरह अपनी साइट की मोबाइल उपयोगिता रिपोर्ट देखनी चाहिए। रिपोर्ट के नीचे आपको कारण भी देखना चाहिए।

बिंदु -2)  Error  कैसे ठीक करें ?

मेरे मामले में दो मुद्दे थे।

  • तत्वों को भी स्पर्श करें
  • जो संसाधन robots.txt द्वारा अवरुद्ध हैं

Touch Element को भी कैसे ठीक करें ?

मेरे मामले में हेडर तत्व बहुत करीब थे। मैंने सीएसएस को केवल एक के नीचे बदला है जिसने काम किया और मुझे इस त्रुटि को ठीक करने में मदद की।

.genesis-nav-menu a {

  border: none;

  color: #fff;

  display: block;

  padding: 24px 18px;  <== this was 14px 12px;

  position: relative;

}

ये नल लक्ष्य कम से कम 7 मिमी (48 सीएसएस पिक्सेल यदि आपने अपना व्यूपोर्ट ठीक से कॉन्फ़िगर किया है) होना चाहिए, और यदि उनके पास 7 मिमी से छोटा हो तो उनके आसपास अतिरिक्त स्थान होना चाहिए।

मैंने robots.txt में अवरुद्ध संसाधन Error  को कैसे ठीक किया ?

नीचे robots.txt फ़ाइल सामग्री आपको वही समझाएगी। मैं सभी .js और .css फ़ाइलों को अवरुद्ध कर रहा था जो wp-content फ़ोल्डर में रहती हैं।

Before:

User-agent: *

Disallow: /wp-admin/

Disallow: /wp-content/

Disallow: /wp-includes/

Disallow: /go/

Sitemap: https://example.com/sitemap_index.xml

After :

User-agent: *

Disallow: /go/

Sitemap: https://crunchify.com/sitemap_index.xml

Step :

Url पर जाएँ: https://www.google.com/webmasters/tools/mobile-friendly/। अपना ब्लॉग URL दर्ज करें और आपको असफल या भयानक परिणाम देखना चाहिए।

किसी भी ब्राउज़र पर जाएं और अपनी साइट पोस्ट खोजें। आपको ब्लॉग पोस्ट के सामने Mobile-friend देखना चाहिए। यदि यह वहाँ है कि आपकी SERP रैंकिंग Google के इस नए एल्गोरिदम परिवर्तन से प्रभावित नहीं होगी।

Read More: Passage Indexing क्या है, एवं इसके लाभ

Read More: इमेज ऑप्टिमाइज कैसे करें

Read More: टाइटल टैग क्या है | Title Tag in hindi


Post a comment

Thank You So Much

Previous Post Next Post