Warning: this content is older than 365 days. It may be out of date and no longer relevant.

Google made very large waves recently by announcing that the mobile-friendliness of your site is going to significantly impact search results. From the Official Google Webmasters Blog:

“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.”

In the rest of the post, Google recommends that you use Webmaster Tools to make your site more mobile-friendly. How do you get started doing this?

First, log into Webmaster Tools and find the Mobile Usability report in your site’s settings:

Webmaster_Tools_-_Mobile_Usability_-_http___www_bostonmartialarts_com_.jpg

What you ideally want to see is this:

Webmaster_Tools_-_Mobile_Usability_-_http___www_christopherspenn_com_.jpg

What you are more likely to see is this:

Webmaster_Tools_-_Mobile_Usability_-_http___www_marketingovercoffee_com_.jpg

Above is the Marketing Over Coffee site. It’s got some problems. Let’s look at them.

The first problem is that it lacks a viewport definition. This is a simple HTML fix that can be done in your website’s theme or code. Google has simple, explicit instructions on how to fix the viewport here, but it’s literally a matter of just adding a line or two of code to your website’s design to start. You can then go and tweak it later; the bare minimum will meet their standards for usability.

The second problem is small font size. Google’s definition of small font size is body text under 16 CSS pixels (roughly 12-point fonts). Anything smaller than that is going to get flagged. Have your website designer or developer adjust your fonts accordingly. Full recommendations on fonts can be found here.

The third problem is touch elements are too close. Google defines this as any significant touchable element (buttons, etc.) on site that are less than 48 CSS pixels wide and there should be a border of at least 32 CSS pixels between touchable elements on page. This is less easy to fix and will, for most people, require your designer’s help to get right. (if you need a great design team, we have one at my employer, SHIFT Communications) If in doubt, make buttons big and leave lots of space around them. Here are the rest of the touch elements guidelines.

The last problem is Flash. Google has said for a while Flash is bad. It looks like, from an SEO perspective, you’ll be penalized for its usage. Remove it and replace it with HTML5 options instead. Got video on site? Switch out your proprietary Flash player with something from Vimeo or YouTube. Got audio on site? Switch out from Flash to Soundcloud’s HTML5 player.

If you want your site to rank well, follow Google’s guidelines. Ignore them at your organic search traffic’s peril. You have until April 21, 2015 to make your decision!


You might also enjoy:


Want to read more like this from Christopher Penn? Get updates here:

subscribe to my newsletter here


AI for Marketers Book
Take my Generative AI for Marketers course!

Analytics for Marketers Discussion Group
Join my Analytics for Marketers Slack Group!