Sometime last year, Google announced that they are adding a “mobile-friendly” label to search results. They are also going to prioritize websites that get flying colors in their mobile-friendly test. If you feel that you’ve made what seemed to be necessary adjustments to your site but still failed to get a passing grade, there may be other things that you need to look at. There are some simple mobile-friendly factors that you might have overlooked in your efforts to pass the test. Here are a few of them:
You have been blocking JS Resources or CSS
Your site’s font size is practically microscopic
There’s nothing more irritating than having to squint at an already small screen to be able to read something in a ridiculously small font size. Fortunately, a remedy is quite simple in the form of following a base font size of 16 CSS pixels, which is then resized according to the font’s specific properties.
Your buttons are too close to each other
Google scrutinizes everything, including how close links are to each other. Because fingers are clumsier compared to mouse pointers, size, and proximity of your links are measures used by Google to determine your site’s mobile-friendly factor. Important buttons need to be 7 x 7 mm in dimensions (exactly 48 CSS pixels). Less important links can be much smaller, but space it with 5mm in between.
Check whether every page on your site passes the responsive mobile test
Did you know that Google’s badge on mobile-friendliness is done on a page to page basis? Even if your homepage looks like it is optimized to the hilt, you won’t get that much-coveted badge if every other page that follows is not equally optimized. The next time you work on giving your mobile page a makeover, make sure every single page on your site is given the royal treatment. Even those seldom-visited links or pages just might be the reason why you are not getting the check marks you’ve been expecting.
Your site content is a lot wider than the device screen
This is usually common in websites that do not exactly prioritize mobile viewing (as they are best viewed in desktops), but it sure is a consideration worth looking into. The simple test is that you do not have to make sideways scrolls in order to view the page. It might seem simple, but you’d be surprised to find out that so many websites failed because they were not able to make proper use of viewport meta tags.
If you’ve been having issues with the Google mobile test, then follow these five steps and you’ll have the green tick in no time. If it’s still not working, you might want to check out our guide to web speed optimization. If you’re really serious about having only the best in terms of web speed, you want to consider writing AMP pages for your sites.
Stay in tune and never miss a post when you subscribe.