CodeClouds Color Logo CodeClouds White Logo

Passing the mobile-friendly test established by search engines might seem like an easy thing to do, but you’d be surprised to find out that there are many that fail this for so many common and simple reasons. Check out what you might have overlooked in your quest to be back on top of the search engine results to know what your next step in revamping your website really ought to be.

Sometime last year, Google announced that they are adding a “mobile-friendly” label to search results. They are also going to prioritize a rank boost for 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, 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 some of them:

mobile friendliness test factors

1. You have been blocking JS Resources or CSS. This is a pretty common mistake, but one that really makes you feel the burn once you realize it. Despite spending so much time creating a beautiful and responsive site, you wonder why nothing happens after Google crawls it. This is because it is probably seeing those ugly black squares that indicate CSS or JavaScript Resources blocking. In fact, Google itself announced that blocking it from their bots already counts as a strike in their webmaster guidelines – hence the negative effect on both your ranking and indexation.

2. 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. Search engines make piecemeal of these websites. 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.

3. 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.

4. Check whether all the pages of your site pass 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.

5. 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 this because they were not able to make proper use of viewport meta tags.

Following through on these five things will surely help your website pass the test!