How to check your website is mobile compatible or not?
I have written a post “Go with Google, Go Mobile!” in which I have wrote up overall details of timeline of mobile compatibility, it’s importance and solutions based on Google’s official guidelines to make a valid mobile-friendly website.
I hope you have completed design and development part to make your website mobile-friendly. Now the most important is Google must tag your website as mobile-friendly. It doesn’t matter how your website looks on mobile during testing face. How Google Mobile bot sees your website is important. So Here I am putting the steps to find out your website is mobile-friendly or not and ready to survive after 21st April’s update.
The first step,
Prepare mobile compatible layout. As I described in my previous blog post, you can have two options. With responsive design you will have same html for both mobile and desktop. With other two options, dynamic serving and separate URL, you will have different html for mobile and desktop.
How you can test that your responsive layout or separate mobile layout is perfect? You should use Google’s mobile-friendly testing tool. This tool is even more helpful because you need to just input URL. So just make a test domain and upload pages there and check by using those test URLs. You can make sure the rendering of content is perfect in mobile before you make it live. So you must use this testing tool before you goes live.
If you don’t get this approval stamp then the tool suggest some errors and reasons why this page hasn’t passed the test. Some suggestions include: text too small to read, link too close together, mobile viewport not set, content wider than screen etc. So this is the first you need to pass.
The second step,
Now you have all the mobile compatible web pages on test domain. It is time for configuration. You have three option. If you have made responsive design then just upload the new code in live website and use the mobile-friendly test tool to check once again. In other two options you are serving the content based on user-agent. The mobile-friendly test tool is very handy in these cases also. The tool send request as mobile bot so if you are using dynamic serving, your server should feed mobile page and the tool will render it correctly and will give green stamp. If that doesn’t happen then you should check the configuration and make sure the device served right content. In the third option separate URL, you will redirect mobile user to mobile website URL. So in this case, you will input normal URL, www.example.com and see it gives green signal. If it is then your configuration is correct and URL redirecting to m.example.com perfectly. Here input the normal URL is important.
The third step,
Now you have configured mobile-friendly website live on server. It’s time to check whether Google’s bot and algorithm thinks the same or not. Assuming you have configured your website in Google webmaster tools. Go to Search Traffic > Mobile Usability tab. Currently it may be showing errors like this,
The data updated there after 2-3 days. So wait for few days and error will be cleared if all things goes right.
This status means you have passed Google mobile bot test. Now what Google algorithm thinks? Well, let pass few days and search for your website. If there is “mobile-friendly” icon before the URL then phew, you are done.
You are ready to survive, in-fact ready to get more visitor after 21st April. If you are facing any problem during the process, you can contact us. We will help you in smooth transaction.