How to Ensure Your Business Website Is Mobile Friendly

Did you receive a message from Google saying that your pages have mobile usability issues?

I hope not, however if you’re one of the millions of website owners that did, then you better do something about it, and quick! You don’t want your site to get de-ranked for smartphone users.

Luckily Google is just sending out warnings so far, however pretty soon they will probably start to penalised sites that are not mobile friendly. Refresh your knowledge of what makes for a mobile-friendly website and get your mobile site up and running before Google gets serious.

The very first thing you need to do is check if your website is truly mobile friendly!

Using Google’s Mobile-Friendly Test tool only takes a few seconds.

If your website fails the test you will receive a message on the screen. The most common errors are:

  • The text is too small
  • Links are too close together
  • Mobile viewport is not set

By default, smartphone browsers lay out a page as if you were viewing it on a desktop monitor. For your site users, this means that font sizes may appear inconsistently and they have to double-tap or pinch-to-zoom in order to be able to see and interact with the content. You can learn more about setting a sites viewport here.

Online marketers and web professionals have been predicting the increase of mobile web traffic for the past several years now (the image above clearly proves this). Having a mobile friendly website isn’t just important to Google, however should be important to you as well.

Google says they are ready to downgrade sites mis-configured for smartphones. If you want to sell or promote online you need a mobile friendly web presence.

Three different ways to create a mobile friendly site:

Responsive Web Design

The best and Google recommended way to ensure a mobile friendly web presence is to create and implement a responsive web design. The same website is served on all devices, however the page adapts its layout to each device. A responsive website is easy to implement and maintain. Pages optimised for a variety of devices must include a meta viewport element in the head of the document.

If you have a WordPress website like mine, this can be accomplished pretty easily by installing a responsive theme. Implementing responsive web design means a major re-design of a site’s layout and structure though, which may not be an option for some website owners especially if it is an older site.

A Mobile Website

With this approach you will be creating a separate version of your site to show to your mobile visitors. A mobile website has generally less content than the original site and offers navigation that is better suited for mobile browsing and smart phone users, i.e. large buttons, no header, clickable phone number, etc.

A mobile version of your website will redirect your visitors to a mobile-specific URL (m.domainnamedotcom) while tablet users are shown the desktop site. This is a great solution if you want your webpages designed specifically for mobile users.

You can fill the pages with substantially different information than one would expect to see on a non-mobile site. The downside is you will have to maintain and update two different sites.

A Mobile App

A well developed mobile app can take mobile user engagement to a whole new level. Jakob Nielsen from the Nielsen Norman Group states, “A dedicated mobile site is a must, and apps get even higher usability scores.” The trick is to create an app your visitors want to download to their phones and then use again and again.

An app can be a great branding tool however unless you know how to create a mobile app this option can be quite costly. Plus getting your visitors to install and then use said app on a regular basis is easier said than done.

Best Practices For Mobile Sites

  • Back up your site before making any changes or updates
  • Place your links far enough apart to aid tapping (fat fingers)
  • Use large text that is readable without having to zoom
  • Create content that flows so your visitors don’t have to scroll horizontally
  • Check for irrelevant cross-links
  • Make sure your pages don’t load too slow

For websites that run on WordPress, Blogger, Tumblr and Google Sites check out these mobile optimisation recommendations from Google.

Is your website mobile friendly?

More Articles for You

Importance of Security Guard Company: Hire the Best Security for Your House

A security guard company is the organisation of potential and intellectual group of people who are involved in the security …

6 Strategies That Small Businesses Should Try This 2021

The global pandemic has affected small businesses across Australia with some closing their doors permanently. However, as lockdown restrictions finally …

Why It Feels So Different to Work With the Best Panel Beater

Road fatalities have been increasing every year as one can see the data provided by the road traffic authorities. However, …

Design Student’s Guide to Charging Per Hour vs. Per Project

When venturing into the world of freelance, one of the first problems you try to figure out is deciding on …

How Can an Expert Amazon Virtual Assistant Help You Succeed?

If you have ever tried doing Amazon business yourself, you already know the amount of extra and repetitive tasks you …

How to Choose the Best Company to Install a New Guttering System

Roofs are perhaps the most important part of the entire house. Not only it protects you from the weather but …