Text Too Small To Read And Clickable Elements Too Close Together in Hindi?

आज मैं आपको Google Search Console Webmaster में आने वाले Mobile Usability में दो कॉमन व सबसे ज्यादा आने वाले error को fix करके दिखाऊंगा इस पोस्ट के माध्यम से! इन दोनों एरर पर पूरे इंटरनेट पर दो या पाँच हिंदी आर्टिकल है व उनमें दी गई 90 प्रतिशत बातें झूठी है। और कुछ लोगो ने तो ऊपर – उपर से शॉर्टकट में समझा दिया पर प्रैक्टिकल नही बताया ये clickable elements too close together and  text too small to read को कैसे fix करें।  मुझे इस दोनो Webmaster Mobile Usability error ko solve करने में कुल तीन दिन का समय लगा लेकिन आप इस पोस्ट को पढ़ने में और समझने में सिर्फ एक घण्टा देते हैं तो इस error ke solution ke saath new blogging learning भी सीखने को मिलेंगी।

Google Webmaster Search Console me Mobile Usability Error Kya hai?

जब आपकी वेबसाइट या ब्लॉग की थीम या उसका कोई पोस्ट, पेज मोबाइल फ्रेंडली (रेस्पॉन्सिव) नही होता है तब इस प्रकार का एरर देखने को मिलता है। कभी-कभी ये  “मोबाइल यूजेबिलिटी” की समस्या वेबसाइट यूजर को बहुत छोटी गलतियां करनें पर भी आ जाती है। इसका समाधान करके हमें वेबसाइट में उस एरर को Validate fix करना होता है। उसके बाद कुछ ही समय के बाद आपका मोबाइल फ्रेंडली इशू दूर हो जाता है।

 Text too Small to Read And Clickable Elements too Close Together Kaise Fix Kare [Hindi]

1. Hamehsa Aap jou post Ke End mein Related post ki internal linking karte hou  Ussame Thoda Space/Gap/Khali Jagah rakho.

2. Article ke khatm hone ke baad kuch log seo ke hisab se “Tags” Use karte hain. Esame ess baat ka dhyan rakhe kee Aapko usi tags ke jitne bhi keyword hain unko Bold kar sakte hou. Par Italik ( text ko teda meda ) nahi karnaa hain. Aisa karne se users ko text padhne mein problem aati hain aur google ka bot samjhata hain kee ye aapke blog visitor ko post padhne mein dikkat hou rahi hain. Esake Karan bhi ” Text small to Read” ka error aata hai.

3. Ye most important cheej hain Esako dhayn se padhe – Hum blogpost articles ke paragraph mein anchor text ke through internal linking karte hain tou uss time aapko Long Tail Keywords par anchor text karnaa hain. Agar aap sirf ek word ( shabd) par karenge tou User Uss Blue/Red Color ke Text ko padhne ke liye aapke article ko Zoom karenga. Jisase google ko pata chalegaa kee aapka article font size bahut kam hain. Ess liye 2 se 3-word ke keyword par hee anchor text kare. Example;  Blog Kaise Banaye? Ess pure keyword Par Anchor text kar sakte hain, par sirf “blog” naam par apni duari post ki link daalenge/ karenge tou Reader ko Article padhne mein pareshani hongi.

4. Hum Blogspot ya wordpress post mein bulletproof & Numbers use karte hain user ke flow ko dhyaan mein rakhte huye aise mein aapko dhyaan dena kee usasme thoda space create kare. Thoda aur shuddh Hindi bhasha mein samajhata hoon;- Jou bhi bindu aur upbindu banakar post likho tou ussame unn points ke beech khali jagah chode. Taaki aapke aapke visitors aaram se post Ko Read kar paaye.

5. Jou Bhi aapki theme hou Ussame all post content ki Size 18px kar de. Ye article ke liye Best font size hain. Eske jariye visitor aaram se aapki post ko padh paayega.

6. Youtube video article mein embedded karo tab uska size,  width & height Kam Kar dou. Ye code aapko youtube> share video > emded code > mein mil jaayega > usaki hight 860 ×360 kar dou. Agar video add karna important nahi hain tou usko hata dou. Mera kahne ka matlab yahi hain ki video dukhane mein website visitor ko bahut bada nahi dikhna chahiye.

7. Aapki Theme Responsive Honi chahiye. Agar theme mobile friendly nahi hongi tou  aap chahe bhale Kitna bhi sabkuch kar lou ye small text & element close together ka error hamesha aata rahegaa. Mobile friendly theme hain yaa nahi usako check karne ke liye  Google Ka ye Tool Use kare.

Text Too Small To Read And Clickable Elements Too Close Together Error में ये गलतियां बिल्कुल मत करना

मैं आपको क्या बोलू इस mobile usability in hindi सर्च कंसोल के क्लीकेबल “एलिमेंट टू क्लोज टूगेदर और टेक्स्ट टू स्माल टू रीड ” के एरर पर यूटुब में सेकड़ो वीडियो पड़े हैं और हजारो आर्टिकल्स पड़े उनमें से एक दो वीडियो/आर्टिकल इस विषय के बारे में सही जानकारी दे रहे हैं बाकी सब अपने वीडियो के  views व पैसा कमाने के लालच में अण्ड- शंड बोल रहे हैं। कुछ ब्लॉगर/यूटूबर तो ऐसे भी है जिनको खुद कभी ये प्रॉब्लम नही आयी उसके बाद भी इस टॉपिक पर वीडियो बना रहे हैं और आर्टिकल लिख रहे है। यहाँ पर कुछ सावधानियां बता रहा हूँ ये काम बिल्कुल ना करें वरना पूरी वेबसाइट/ब्लॉग की धज्जियां उड़ सकती हैं। आपके ब्लॉग पर आपने दिन रात एक करके बहुत सारी सेटिंग्स की होंगी वो सब उड़ सकती है। नीचे बताये सारे काम भूल से भी ना करे।

● Kuch Log bolenge aapko kee Wptauch plugin, Yellow Pencil plugin ya xyz plugins use karo tou aapko bhul se install nahi karnaa hain kyuki ess clickable element error ka ense koi lena dena nahi hain. Ulta aapne WpTauch ko install kar diya tou Aapka theme Hat jaayega aur esski jagah wptach ki theme add hou jaayegi.

● Kuch Blogger/Youtubers ye bhi batate hai kee “elements too close together” error Website Navigation Icons jaise about us, sitemap aur categories bahut najdik (pass me)  hoti hain usake karan aata hain par dosto aisa bilkul nahi hain. Enake Chakkar mein faltu script code ya other code theme mein mat daalna esase aapki speed kam hou sakti hain.

● agar aapko ye error genertepress theme mein aa rha hain Jou ek wordpress ki bhaut popular theme hain. Tou uska theme support team kuch bekar hee information de rahe hain jese ;-Ye error mobile page speed insight tool me jyada error hone ki vajah se aata hain, robot.txt file ko edit karo vah usame ye delete karo & wo allow karo. Ess faltu kee bakwas ko naa sune. Eska Enn dono search console issue se koi lena nahi hain.

Update & My New experience on google mobile usability issues 

कभी कभार आपका ब्लॉग शीषर्क (टाइटल) बहुत बड़ा हो जाता है इसके कारण भी आपको console mobile usability issue देखने को मिलता है ऐसे में आपको सिर्फ अपने H1 Heading को छोटा करना है और पोस्ट को अपडेट करके एकबार फिर से सर्च कंसोल में ‘Test Live’ करना है यकीन मानिए आपका ये मोबाइल यूजेबिलिटी  एरर हट जाएगा। Title नही करेंगे तो चलेगा लेकिन अर्टिकल का H1 हैडिंग हमेशा छोटा रखें।

Text Too Small to Read and Clickable Elements Too Close Together: Tips for Fixing WordPress and Blogging Mistakes

The issue of text being too small to read and clickable elements being too close together is a common problem in web design and user interface (UI) design. These issues can significantly impact user experience, accessibility, and overall usability.

How to fix text that is too small to read in WordPress

1. Increase the font size in your theme. Most WordPress themes have a setting that allows you to increase the font size. To find this setting, go to Appearance > Customize > Typography.
2. Use a plugin to increase the font size. If your theme doesn’t have a setting to increase the font size, you can use a plugin like WP-Typography to do it.

How to fix clickable elements that are too close together in WordPress.

1. Increase the padding and/or margin around clickable elements. You can do this by editing your theme’s CSS file.
2. Use a plugin to increase the spacing around clickable elements. If you’re not comfortable editing your theme’s CSS file, you can use a plugin like WP-Spacing to do it.

Here are some solutions and best practices to address these problems:

1. Increase Text Size:
   • Make sure text is legible by using a font size that is large enough for most users to read comfortably. A typical body text size is around 16px, but it can vary based on the font and design.
2. Responsive Design:
   • Implement responsive design principles to ensure that text scales appropriately for different screen sizes and devices. Use relative units like percentages or ems for font sizes rather than fixed pixels.
3. Contrast Ratio:
   • Ensure that there is sufficient contrast between text and its background. Use accessible color combinations that meet WCAG (Web Content Accessibility Guidelines) standards for contrast ratio.
4. Readable Fonts:
   • Choose easy-to-read fonts. Sans-serif fonts are generally more legible on screens than serif fonts. Avoid decorative fonts for body text.
5. Whitespace and Line Spacing:
   • Use adequate whitespace and line spacing to improve readability. Proper spacing between lines and paragraphs can make a significant difference.
6. Clickable Elements:
   • Ensure that clickable elements like buttons, links, and form inputs have a size and spacing that makes them easy to tap or click. Aim for a minimum target size, typically around 44×44 pixels, to accommodate both mouse and touch interactions.
7. Touch-Friendly Design:
   • Prioritize touch-friendly design for mobile devices by increasing the size of buttons and interactive elements. Consider the size of the user’s finger as a touch target.
8. Testing and Feedback:
   • Conduct usability testing with real users to identify issues related to text size and clickable elements. Gather feedback and make improvements based on user input.
9. Accessibility Features:
   • Implement accessibility features like text resizing options and high-contrast modes for users with visual impairments. Ensure your website complies with accessibility standards (e.g., WCAG) to cater to a wider audience.
10. Use Media Queries:
    • Use CSS media queries to adapt your design based on the user’s device or screen size. This allows you to optimize the layout and typography for different screen sizes.
11. Mobile-First Design:
    • Start your design process with mobile devices in mind (i.e., a “mobile-first” approach) and then progressively enhance for larger screens. This ensures a better experience for users on small screens.
12. User Feedback:
    • Encourage users to provide feedback on usability issues, including problems with text size and clickable elements. Act on this feedback to continually improve your design.

आपने आज  text to small aur mobile usability error ko apni Hindi me samjha aur solve Kiya. Agar koi bhi search console error in hindi से संबंधित कोई भी सवाल है तो बेजीझक पूछे।

BLOGGING SE RELATED POST 

Website ke This site can’t provide a secure connection aur  Http SSL issue  ko thik kare

ब्लॉगर बनने और ब्लॉगिंग करने के 101 फायदे

भारत के दस सबसे अमीर ब्लॉगर

 Hindi Blogging Ke Liye Low Competition High Volume Keywords

 Adsense account disapproved solution

Adsense KO invalid click activity – Disable होने से कैसे बचाए?

Saare AdSense error ka permanent solution 

[54+]  Blogger Ke Liye important Seo Tips And Tricks in Hindi

Online Quiz  website kaise Banaye? Contest blog banakar mahine ka 50k se 100k Rs Kamaye

Adsense se related puri jankari aapke sawal aur mere jawab 

Vinod Vaishnav

https://www.internetgyankosh.com

Entrepreneur | Content Creator | Traveller | Blogger | Digital Marketer | Social Activist.