Google made a public announcement in April their new update will affect the ranking of the website on the mobile search engine depending on whether the website is mobile responsive or not. They’ve done it to keep the user experience in mind, that the user should get the best and mobile friendly websites ahead of the competitors. If your website is responsive or adaptive i.e. it provides the optimal display for any mobile device or tablet or redirects to the mobile version of the website to mobile.yoursite.com or m.mobile.com, you have nothing to worry about.
As you can see in the new search layout for Google’s search engine, first it displays what you searched and the first website is mobile responsive and the next two redirects to the mobile version of the two websites.
So, if your website isn’t responsive, not only it’s going to drop down on rankings on the mobile search engine but also lose the perks that come with higher rankings. I’ve mentioned more than once that the website will lose ranking on the mobile search engine only, and there will no effects on desktop rankings whatsoever, but since more than 50% of traffic comes from the mobile search engine, it’s important to keep the mobile users in mind. You can check whether your website is mobile friendly or not using Google’ Mobile-Friendly Test.
Starting April 21, we will be expanding our use of mobile-friendliness as a ranking signal. This change will affect mobile searches in all languages worldwide and will have a significant impact in our search results. Consequently, users will find it easier to get relevant, high quality search results that are optimized for their devices.
How to Make your Website Mobile Friendly
Well, there are two ways to go about making your desktop website into a mobile-friendly website. One is to use CMS platform like: WordPress, Joomla, Magento, more and choose a mobile responsive theme or use plugins to make the website mobile friendly.
But if your website is build on other platform let’s say PHP, you’ll have to use coding to get the job done. One way to go about is to use responsive web design to create mobile friendly website, in this approach only the design is changed, i.e. CSS files. The screen sizes are targeted using media CSS queries, which are available in CSS3. The standard device widths for phones and tablets are the following:
The site being reformatted for any screen width, it targets specific “break points” — widths — at which the site will reformat for mobile.
Still Confused? Do the basics right with these 4 steps
Create a Mobile Sub-Domain
It’s best to separate the mobile and desktop website. So, choose a different sub-domain for the mobile website like m.cricbuzz.com and install a detection and redirection script on your desktop version which ensures that mobile visitors are redirected to your mobile site.
Create Smart User Interface
There are many key areas you’ll be working on when designing interface, and one of them would be to design smarter navigation and keeping the necessary content visible and hide what’s not important. Basically, you need to offer visitors simple and easy access to your most essential content.
Finally, check if your website passes the Google’s Mobile-Friendly Test, and use W3C validator to make find flaws on your website which you correct to make it better and more SEO friendly.
Wrapping it up
Mobile websites have become essential part of businesses, ecommerce, news industry and having higher ranking on the search engine can boost your sales and traffic to the website. So, keeping both SEO and user experience in mind, it’s only for the best to have a mobile-friendly website.