Clickable elements too close together ko fix kaise kare?

0
153

Kya aap bhi Google Search Console me Clickable elements too close together se pareshan hai? WordPress me per day hazaro log apna new blog banate hai, SEO ke sath full customized post share karte hai, but kabhi kabhi new errors bhi aa jate hai jise Fix karne ka perfect solution unhe nahi mil pata hai aur unhi error me se ek hai Clickable elements too close together. Yah Google Search Console me Mobile Usability ke under aata hai

Clickable elements too close together fix

Google aapse kahi jyada smart hai wo aapki website ki ek-ek chhoti mistake ko catch karta hai jinhe fix karna bahut jyada jaruri ho jata hai kyuki ye aapke blog ki ranking ko bahut jyada effect karti hai aur aapke blog ki ranking ko down bhi karti hai.

In this post, hum yah janenge ki Clickable elements too close together ko fix kaise kare? Maine pichli post me bata diya tha ki Text too small to read ko fix kaise karte hai, agar aapne wo post na padhi ho to wo post bhi padh le kyuki wo bhi Mobile usability error hai.

Clickable elements too close together kya hai?

Blog ya Website ke liye aapke page ka mobile friendly hona bahut jyada jaruri hai kyuki aapke blog ki post jyadatar mobile me hi read ki jati hai aur agar aapka page mobile friendly na hua to aapka blog kabhi bhi growth nahi kar sakta hai.

Kabhi kabhi blog me hum coding karte waqt ya layout ko sahi karne ke time par kuch aisi galtiya kar dete hai jiska effect blog par bahut bura padta hai.

Ye bhi Padhe

Aapke Content mobile screen me kahi chhota to kahi bada aur menu ke jo option hote hai wo bahut pas pas ho jate hai ya mobile me blog ki post na dikhna etc hi Clickable elements too close together kahlata hai.

Ab aap kahenge ki mere mobile me to thik dikh rha hai post ya uske fonts, widget but jab aap is Mobile Friendly tool par apni website ke url ko daal kar check karenge to us site me mobile screen ka screenshot dikhaya jayega aur usme aapko dikhega ki aapki website mobile me kis tarah najar aa rahi hai.

Mobile friendly tool me check karne se aapke page me kya issues hai wo bhi show karega, aapke page me loading fully ho rahi hai ya nhi ye sari detail usme dikh jayegi

Mobile Usability error kyu aate hai?

Ye baat maine pichli hi post text too small to read me bata diya tha, but mai isme bhi aapko achche se samjha de raha hu. Darasal jab bhi hum WordPress me Theme change karte hai ya Blogger se WordPress me shift hote hai tab ye problem jyada aati hai.

Mobile Usability me error ka aana, aapke blog ke liye behad khatarnak hai, isliye fix karna bahut jyada jaruri ho jata hai.

Blogger me jab koi hum post likhte hai to usme hum multiple type ke format use karte hai jaise ki Bold, color, heading, etc. lekin kuch aisi setting humse galat ho jati hai jo ki search console me errors aane lagti hai.

Actually aise case jyadtar blogger se wordpress me shift hone par hota hai kyuki wordpress me classic mode sufficient nahi hota hai wo Block Mode ko jyada behtar manta hai.

In sabki sari detail mai pichli post me bata chuka hun adhik info ke liye ye post read kare.

Clickable elements too close together ke error aane ka kya reason hai?

Ye problem mujhe bahut jyada hui thi, maine bahut solution dhunda pareshan raha bahut logo se salah li but kahi bhi solution na mila. Phir ek din mujhe is problem ka solution mila wo hi tarika mai aapko batane ja rha hu.

Agar aap wordpress me hai to aapne robots.txt ya CSS ki coding ko jarur try kiya hoga, aur clickable elements too close together ki problem bhi robots.txt se aati hai aur CSS se bhi.

Google Search Console me clickable elements too close together ko fix kaise kare?

Mai aapko steps by step bataunga aap inhe dhyan se follow kare.

Step 1

Sabse pahle to Mobile friendly tool se apne URL ko check kare.

Issue Found option par click kare

Aapko bahut sare reason mil jayenge jisme blocked by robots.txt likha hua hoga, wordpress me aap jo plugin use karte hai use google bots robots.txt ki wajah se block kar deta hai. aap google example.com/robots.txt daal ke check kar sakte hai

WordPress me robots.txt ko correction karna hoga. for exp. agar aapka robots.txt is tarah hai

User-agent: * 
Disallow: /wp-admin/ 
Allow: /wp-admin/admin-ajax.php 
Disallow: /wp-content/plugins/
User-agent: Googlebot-Image
Allow: /wp-content/uploads/
User-agent: Googlebot-Mobile
Allow: /
Sitemap: https://shubhworld.com/sitemap_index.xml 

To aapko isme kuch changes karne padenge. Kuch plugins aise hote hai jinhe google bots block kar deta hai kyuki robots.txt me hum in plugin ko allow nahi karte hai.

So agar aapke robots.txt me Disallow: /wp-content/plugins/ add hai to aap ise is tarah likhe.

  • Go to WordPress Dashboard >> Yoast SEO >> Tools >> File Editor >> robots.txt
 Allow: /wp-content/plugins/*

Ab upar diye gaye code ko copy karke Disallow: /wp-content/plugins/ ki Jagah Allow: /wp-content/plugins/* paste kar de. aur save par click kar de.

Agar ye trick kaam na kare to phir below code ko pura copy karke robots.txt me paste kar ke save kar de.

User-agent: *
Disallow: /wp-admin/
Allow: /wp-admin/admin-ajax.php
Sitemap: https://example.com/sitemap_index.xml 
Clickable too close elements together fix in

Kuch time baad aapki problem dur ho jayegi aur yadi aap is robots.txt file se santusti nahi hai to aap baad me robots.txt ko change kar sakte hai.

Clickable too close elements together aur Content wider than screen fix by CSS Code

Kabhi Kabhi Google Search Console me Clickbale too close elements together ke sath sath contenet wider than screen error bhi aa jate hai. Ise CSS ke thorugh fix kar sakte hai.

Simply below code ko copy kar le aur in steps ko follow kare.

@media (max-width: 991px){
.main-navigation .menu li {
margin: 10px 0px;
}
} 
  • WordPress ke dashboard ko open kare
  • Appearance par click kare
  • Customize ke option par click kare
  • Bottom par Additional CSS ke option par press kare

Additional CSS par copy kiya hua code paste karke Publish par click kar de.

Google Search Console me Mobile Usability fix karna

Wordpres par kaam khtam ho gaya hai ab Google Search Console me kuch steps karne hai. Simply aapko Google Search Console ke dashboard me mobile usability par click karna hai

Clickable too close together fix in google search console

Screenshot me dhayn se dekhe to Jaha par See Details likha hua hai uski jagah aapme Validate Fix likh ke aa raha hoga aapko Validate Fix par click karke 2 ya 3 din ka wait karna hai kyuki google index karne me time leta hai.

2 ya 3 din baad aapke e-mail me google search console ki taraf se message aayega ya phir aap direct google search console me jakar check kar sakte hai ki aapka Validation pass hua ya nahi.

Upar maine jo screenshot diya hai use maine fix kar diya hai, aap dekh skate hai Validation passed (Green color) me show ho raha hai.

Is tarah aap dono method se Mobile usability error ko fix kar sakte hai. Aapko abhi bhi koi problem aa rahi hai to comment section me puch sakte hai. Yadi aapko hamara article pasand aay ho to ise Social Sites me share karna na bhule.

Ye bhi Padhe

LEAVE A REPLY

Please enter your comment!
Please enter your name here

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