Call 03332 207 677

Luke Monaghan

6 Mobile Website Wins

29th Sep 2015 SEO, Mobile Search 4 minutes to read


6 Mobile Website Wins

Let’s be honest, 2015 has been massive for mobile online. Google rolled out ‘Mobilegeddon’, mobile surpassed desktop searches on Google and it is now the preferred device to access the internet (in the U.S.).

Although most of this has been expected – with every recent year being hailed as ‘the year of the mobile’ – businesses were still rushed into getting a mobile website in place. In this rush, it is likely website owners have overlooked some easy wins on their mobile website.

Don’t worry; I’ve got this covered for you with 6 mobile website wins that will help to not only improve a user’s experience on your website but may also get you ahead of your competition.

Tap Targets

If we had to highlight one issue that’s seen across most mobile sites, it would be on-page links being too close together. We’ve all been there, trying to tap one link on our mobile and accidently tapping another. As a user it can be very frustrating.

Insufficient spacing around links on your website can not only hinder a user’s ability to navigate your site, it can also result in your website not being considered mobile-friendly which affects your website’s search visibility.

Although it may be seen more as ‘essential’ as opposed to a ‘win’, by ensuring links and buttons are sufficiently spaced across your website, what may be a competitor’s downfall can easily be your strength.

Google recommend that each tap target be at least 48 CSS pixels tall/wide with sufficient room between each target without overlays. View Google’s resource on correctly sizing tap targets for more information.

To identify whether your website uses correctly sized tap targets, use Google’s PageSpeed Insights tool, which will show results on a page-by-page basis.

Click to Call

The number on a website is usually the first point of contact for a user when they want to get in touch with a business, regardless of the device they’re using. On a mobile device this becomes even more important.

You should ensure that when the number on your website appears on a mobile device, it can be interacted with, rather than it being static. By allowing mobile users to click to call, you’re making it a lot easier for them to interact with your business and convert.

Mobile Click To Call

Enabling this action involves adding the simple ‘tel:’ scheme around your contact number, marking the number as a link:

Click to call code

For information on implementing this code, have a look at this resource by Google.

Click to Email

Along with click to call, you also need to ensure a click to email feature is in place on your website. Although this is now common practice across most websites, from time to time it can be missed.

As mentioned above, you want to make it as easy as possible for your user to interact with your business and convert should they wish to. This action allows users to click an email link to be taken directly to an email window where they can compose a message, as is done on the Koozai website:

Mobile Click to Email

Enabling the click to email action involves adding the ‘mailto:’ scheme around the relevant email address:

Click to email code

Clear Menus

Ensure you understand your user when designing your website. This is especially important when formulating the menu of your mobile website. A typical way in which web designers adapt the navigation bar is to put it behind a hamburger icon, as is used on the Koozai website:

Mobile Hamburger Icon

You need to identify which is the best approach for you; one solution doesn’t work for all sites. A/B test your menu and see what works best for you and your user. Are users interacting with your menu more when navigation items are visible, or is there no difference when menu items are hidden behind the hamburger item?

Mobile Website Menu

By conducting split tests, the data you gather will allow you to effectively channel your audience through your mobile website.

Desktop to Mobile Consistency

Design and structure consistency can often be overlooked when creating a mobile-optimised website. This shouldn’t be the case. When you serve a mobile version of a website, ensuring consistency with the design and structure of the desktop equivalent is important.

If a regular desktop user visits your mobile website, they should be able to interact with it in a similar fashion to the way they would on your desktop version.

Forms

When using forms on your mobile website, make sure you’re using the correct mobile input type per field.

A number of mobile input types are available, and each input type results in a different keyboard being shown when users click in the relevant field. Below is a selection of the most commonly used input types used in contact forms:

mobile input types

You should provide your user with the right keyboard. By using the correct input type, you’re making it a lot easier for your user to convert and improving their experience of your mobile website. For more information on mobile input types and how to implement them, click here.

That’s That!

Do you have any mobile wins not mentioned in this post that you’ve implemented on your website? I’d love to hear about them. Feel free to share them in the comments below or reach me directly via Twitter – @LukeTheMono.

Alternatively, contact us today for advice and support in building a strong mobile website.

Share this post

Luke Monaghan
About the author

Luke Monaghan

Luke’s a pretty chilled guy with a dry sense of humour. He loves his music and is your go-to guy for all things Adele. If he could have a song to describe his life, it would be Queen, Don’t Stop Me Now, so he’s pretty ambitious and up for a good time. His party trick is making the sound of dripping water with his mouth – see… that’s a good time!

results-bg

Mobile SEO Guide

Your Free Whitepaper

42 pages of goodness

Mobile SEO Whitepaper Cover

6 Comments

What do you think?

  • aspect-ratio UK Search Awards Sam Noble Winner
    Cat Birch

    Samantha Noble Wins UK Search Personality 2016 at UK Search Awards

    The UK Search Awards is an exciting night for all; brimming with excitement, anticipation and pride, these awards showcase the very best in Digital Marketing. Our pride was overflowing as we watched our very own Sam Noble be honoured with the top prize of the night: UK Search Personality 2016.

    (more…)

    Cat Birch
    @MissCatBirch
    2nd Dec 2016
    News
  • aspect-ratio UK Search Awards Sam Noble Winner
    Cat Birch

    Koozai Shortlisted for Three Awards at the UK Search Awards 2016

    The UK Search Awards are here and we’re pleased to announce that we’ve been shortlisted for three awards at this prestigious ceremony.

    What an incredible year 2016 has been for us so far. We’ve celebrated turning 10 as a company, and in the last few months alone we’ve been nominated for a range of campaigns, won a bunch of awards and now we’ve been shortlisted for even more success.

    (more…)

    Cat Birch
    @MissCatBirch
    30th Nov 2016
    News

Digital Ideas Monthly

Sign up now and get our free monthly email. It’s filled with our favourite pieces of the news from the industry, SEO, PPC, Social Media and more. And, don’t forget - it’s free, so why haven’t you signed up already?