In this blog, we will cover how to resolve issues regarding mobile Friendly like Clickable elements too close together, Text too small to read, Viewport not set.
There is no need to download 'Plug-in etc. there is no relation between Plug-in and mobile friendly, you just have to follow some steps, your problem will be solved
Lets dive deep in to blog
From 21 April 2015 , Google had declared that, some policies to the site owners. Google made official declaration that the Google search console would consider the versatility of a site as a fundamental viewpoint in deciding the position of the site.
What is Google Search Console
Google Search Console is a device that assist you with estimating your site's traffic as well as execution, fix issues(If any) and cause your site to fill in Google List items.
You can check whether your site is "mobile friendly" or not by bellow steps
Steps
1. Login to Google Search Console
2. Go to URL Inspection.
3. Pest your Channel/Blog link.
4. Press Enter - you will get result whether your site is ‘mobile friendly’ or not.
Most of the times user getting error as
1. Clickable elements too close together.
2. Text too small to read.
3. Viewport not set.
See the screenshot bellow, for better understanding
You can fix above issue by some simple step as given bellow
What is Viewport not set
Viewport means how your website is showing in mobile/Desktop/Tablet , when you open your website/blog on Desktop desktop its open in Desktop view , but same Website/Blog when you open in mobile it should open in mobile view , but if its open in desktop view it means your blog is not 'Mobile-Friendly'. This issue comes due to some error in code, you can fix it by some simple code change.
What is Mobile-Friendly websites
It means, your website/Blog opens in mobile in correct way, all the content visible properly, all the navigations buttons spaced correctly etc. If your site is not mobile friendly it will affect your site SEO & SEO Will decrease drastically & your site may not rank in Google Search as well as other search engines.
To check whether your site is mobile friendly or not follow bellow steps,
- Go to google and search for Page Speed Insights
- Open 1st link from search.
- In search box pest your channel or page link whose speed you have to check.
- Click on search
- You can see your page speed as well as some important parameters of your website like Performance, Accessibility , Best Practices, SEO etc.
How to remove the viewport issue/Clickable elements too close together/Text too small to read
For all the above questions only one answer is there, you just need to copy and pest any one of bellow 3 code which is given bellow , in your Blogger HTML Code.
Steps
1. Go to Blogger >> Theme >> Customize >> Edit HTML
2. Pest code (Given bellow) bellow the <head> section. (See screenshot bellow for better understanding)
3. Save the code.
All done...
After completing above steps go to Google Search Console & Click on URL Inspection & Pest your channel/blog link there , your issue gets resolved
- Codes
Use any one code given bellow and pest it bellow <head> section.
Code 1 :
<meta content='width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1' name='viewport'/>
Code 2 :
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
Code 3 :
<meta name="viewport" content="width=device-width, initial-scale=1.0"></meta>
Conclusion
In above blog you will get to know about how to resolve Google Search Console issues about your site for 'Mobile-Friendliness' . I hope all the issues like Clickable elements too close together, Text too small to read, Viewport not set are gets resolved .
If your issue gets resolved due to this blog, please follow & comment in comment box , it will boost me for creating more informative content like this.