Top Tips For A Mobile Friendly Website

mobile friendly website

A lot of people use mobile devices as their primary way of accessing the internet. They use their devices to get information, search for products, pay their bills and make purchases online. In order words, people are mobile, and if your website is not mobile ready you’re losing out.

It’s time to get a mobile friendly website. These 10 tips will get you started.

Clear Out The Clutter

Your mobile ready website should display only the most crucial information. Mobile browsers typically need things like phone numbers and an address, so make sure that those things are visible on your homepage. Anything else could be provided on other pages, but even the total number of pages should be limited on mobile sites.

The bottom line is to limit the content and pages because failing to do so will limit the mobility of your website.

Check Your Page Load Times

Mobile visitors will not wait forever for your page to load, so you must keep the load time to a minimum of three seconds. This is according to mobile browsers response to a survey on the length of time they’ll wait for a page to load. Some ways you can reduce the page load times are to avoid large images, load minimal JavaScript and CSS files and use HTML5.

Lighten the Load

Do not use Flash based videos files on the mobile version of your site. They only serve to slow down page load time. Moreover, most smartphones do not support Flash so it will be a waste of time.

Images used on the desktop version of your site should be set to resize when viewed on the mobile site. White space will give your site an organized and clean look.

Maintain Your Branding

You should not transfer all the heavy media from your desktop site to the mobile version, but some the design elements that help brand recognition should be included. Doing this would help visitors to make the connection between your mobile and desktop sites.

Touch Is In Click Is Out

Your site must be touch friendly as most smartphones have touch-based interfaces. Checkboxes, big buttons and fields that are pre-populated would make it easy for mobile users to input information from their phones. Text input fields should be used only where absolutely necessary.

Consider Multiple Mobile Devices

There are numerous mobile devices and operating systems. The mobile website should be compatible with Blackberry, iOs, Android and other mobile phones and tablets. Your site should be able to detect the device, and render a compatible version for optimal viewing.

Automatic Redirection

Set up your mobile site on a subdomain of your main site. Once this is done setup a redirect for visitors who arrive on your site from a mobile device. This redirect must be completed without any input from your visitors.

Set Up Analytics

Keep close tabs on the traffic coming to your mobile website. For some industries your mobile traffic might quickly surpass the traffic that you get to the desktop version of your site. Create a separate folder for your mobile website if you already have Google Analytics in place. It is important to monitor your traffic separately so you can see clearly the differences in visitor response and behavior for your mobile versus desktop sites.

Test Your Mobile Site

Test your site once it is completed, to see that if it loads properly on various devices and platforms. Don’t take to for granted that your site renders properly just because it looks good on your phone. Use sites like MobiReady and W3C Mobile OK Checker to see what you site will look like on different platforms.

Avoid Popups

Popups are annoying on desktops, but they are doubly so on mobile devices. Avoid popups on your mobile website because that might be the number one reason for visitors leaving your site. If you have a popup on your desktop version, use tools or whatever means to turn if off for mobile browsers.

Are you convinced that you need a mobile ready version of your site?

Author: Edwin

Share This Post On