what makes a website user friendly banner

Before you start looking for ways to drive traffic to your website, you should first make sure that it's user friendly.

You may be wondering: what is a user-friendly website? A user-friendly website is one that users can access and navigate with ease, regardless of which web browser they're using and whether they're viewing the site on a PC or a mobile device.

Good usability makes users more likely to do what you want them to (e.g. place an order or join your mailing list). User-friendly sites also tend to rank higher on Google and other search engines.

So, what makes a user-friendly website? There are many different factors that help to make a website user friendly. Here are some of the most important parts of a user-friendly website:

  1. Responsive design
  2. Accessibility
  3. Loading times
  4. Mobile usability

More...

What is Mobile First Indexing?

In March 2018, Google announced that they were starting to migrate their crawling method over to mobile-first indexing. What this means is that Google is beginning to use mobile versions of websites for indexing and ranking, where previously they prioritised the desktop version of a site.

(Note that Google have said that they will continue to have a single index that serves all Google search results; therefore, they won't be implementing a separate 'mobile-first' index.)

The switch to mobile-first indexing represents a reversal in the way Google approaches website content. A majority of web traffic now comes from mobile devices, and it's encouraging to see Google responding to this shift and striving to make everyone's browsing experience as enjoyable as possible.

Mobile First Indexing

How will mobile-first indexing affect my website?

Google's announcement indicated that websites won't be removed from the index just because they are not mobile friendly. However, Google will generally prioritise mobile-friendly websites in their results if the user is searching on a mobile device. We anticipate that desktop-only sites will lose organic search traffic as more and more Internet users shift away from PCs and towards smartphones.

If you have a responsive website, you shouldn't have to take any action - Google will recognise that your site is mobile friendly and continue to show it in search results.

If you do not have a responsive website, we would encourage you to switch to a more mobile-friendly design. At Designer Websites, we specialise in responsive websites that load quickly and function perfectly across all devices, providing an outstanding experience for desktop and mobile users alike.

Get a Web Design Quote >

Mobile User Experience
 
Mobile user experience should be a core consideration for all web designers and online businesses. A huge portion of all online activity now takes place on a smartphone; Google have even created a completely separate index to make sure they're giving mobile searchers the best possible results. Even if your website works like a dream on larger screens, you'll lose a lot of potential customers if it's a nightmare for smartphone users.

So what can I do to make mobile users happy?

If you want to get a good return from your site's mobile visitors, you'll need to think about the user experience you're offering and how this translates to smaller screens. Mobile user experience quality depends on many different factors, but here are a few key areas to focus on:

Use a responsive design.

The first step towards total mobile-friendliness is upgrading to a responsive website design. Browsing a non-responsive website on a smartphone usually means 'pinching' to zoom in and get a proper look at the content; a well-designed responsive website will automatically adapt to fit the screen it's being viewed on, so no matter what device your customer is using, your content should display perfectly with no pinching required.

Don't bury important content.

One mistake that lots of people make these days is assuming that mobile users are happy to scroll indefinitely in order to reach the piece of content they need. It's true that scrolling is a more comfortable and fluid action than clicking/tapping, and because of this, it's safe to assume that most mobile users would rather scroll through a long page than click through several small pages (this is why people don't like those articles that display information in the form of a click-to-proceed slideshow). However, smartphone users don't have an infinite supply of patience, and you won't be doing anybody any favours by putting your important content at the bottom of the page, several screen-lengths down.
 
Wherever possible, the 'meat' of your page should sit above the fold (or, failing that, not too far below the fold). Make your important content - your call to action, your key info - immediately visible rather than assuming that people will be happy to scroll down to find it.

Be fast!

If there's one thing that everyone on the web (but especially the average mobile user) hates, it's a page that takes an eternity to load. Even if you don't care about ticking off smartphone owners, you should be striving to ensure that your website loads quickly for the benefit of your desktop visitors; if you are serious about maximising your mobile conversions, then site speed becomes even more important because lots of mobile users are browsing within a very limited time window. Perhaps they're killing time while they wait for the bus, or perhaps they're already on the bus and they've got one minute to peruse your website before their stop arrives - either way, time is of the essence and long loading times will cause frustration and quite possibly prompt people to try one of your competitors instead.
 
If you're not sure how to boost your website's loading speeds, try typing your URL into Google's PageSpeed Insights tool.

Space out your clickable elements.

Tapping a smartphone screen with your finger is a less refined, less accurate action than a mouse click, so if there's something on your website that you want lots of people to click on (e.g. a 'Contact Us' button, a hyperlink within a paragraph of text), you'd better make it easy for them. In order to meet the basic standard for mobile-friendliness, all clickable elements on your website should be:
  1. A good distance from all other clickable elements
  2. Big enough to tap with ease
Crowding a whole bunch of links into a small space increases the likelihood that users will click the wrong link by accident. Giving your clickable elements a tiny 'click zone' that requires hyper-accurate tapping increases the likelihood that users will need multiple attempts in order to land a successful click. Both of these outcomes are very frustrating for the user and will seriously damage their experience of your site, so make sure your clickable objects are large and reasonably far apart.

Make the user's journey short and simple.

Think of your website as a running track. The end user is a sprinter, and they cross the 'finish line' whenever they complete a conversion on your site ('a conversion' being the thing that you ultimately want users to do on your website - this could mean making a purchase, requesting a quote, subscribing to your newsletter, et cetera). Between the user and the finish line are a series of hurdles: actions that they must complete and hoops they will have to jump through in order to reach the conversion stage.
 
Your mission is to make those hurdles as few and as minuscule as possible. Make that running track as short and as unobstructed as you possibly can!
 
Here are a few example of 'hurdles' and how you can help your mobile users to overcome them with ease:
  • Finding the right page. The first 'hurdle' for most visitors to a website is working out where to find the thing they're looking for. You can minimise this hurdle with a clear site layout and intuitive navigation (i.e. not too many menu options, self-explanatory category names).

  • Entering payment details. This is a huge hurdle on some ecommerce websites - entering your credit card number and billing address and so forth is a tedious, time-consuming task, especially when you're using a touchscreen rather than a computer keyboard. Minimise this hurdle by using an online wallet service like PayPal or allowing users to create accounts and save their payment details for future purchases.

  • Entering contact details. Even if you're not selling anything through your website, the inevitable 'fill out this form' stage can still be a big hurdle for users en route to a conversion. Whether you're encouraging users to send a message, request a quote / call back / free sample, or sign up for something, they will always be forced to painstakingly tap in their details; however, you can minimise this hurdle by only asking for information that is crucially important. For example, why ask for someone's postcode, telephone number and date of birth if all you really need is a name and an email address?
If you need help optimising your website for mobile visitors, Designer Websites can help - get in touch now to request a quotation for your project.
Google's New Mobile Index

We've discussed this rumour before, and now it looks like it's really happening: Google have confirmed that they are creating a completely separate index for mobile searches, meaning you may soon see two completely different sets of results for the same Google search on your smartphone and your desktop PC.

This revelation isn't completely out of the blue, of course. Google's mobile and desktop results have been gradually looking less and less alike for quite some time now - in fact, we're already at the point where many websites rank highly for their keywords on desktop but not on mobile (or vice versa). However, all results are currently still pulled from the same Google index, and the forthcoming split could have a big impact on the SERPs when it happens.

And that's not all. Google's latest statement included the assertion that, to quote Search Engine Watch:

"This mobile index will become the primary Google index. The newly separated desktop index will not be kept as up-to-date as the mobile one."

In other words, the new mobile-specific index will take priority over the current index. This may seem surprising at first, but it actually makes perfect sense; more than half of all Google searches now come from mobile devices, so of course the company would want to ensure the quality of their mobile results above all else. 

With that in mind, the question that SEO-savvy business owners should now be asking is...

How can I rank highly in Google's mobile results when the new index arrives?

Some people will be reading this because they've already got high mobile rankings and they're anxious to keep them. Others may be here because they've never had much luck in Google's mobile SERPs, and they're wondering if this new index could be their big opportunity to change that.

Whichever boat you're in, here are a few tips for making sure you don't get left behind when Google's mobile-only index eventually comes into play:

1. Make sure your website is mobile-friendly.

This is a no-brainer, but since a lot of business websites still aren't optimised for mobile users, it's worth stating anyway. The best way to ensure that your website will work well on smartphones is to plump for a responsive design that automatically adapts to fit the screen it's viewed on - more on that subject here.

Some non-responsive websites have so far managed to slip through Google's net and rank reasonably well in mobile SERPs even though they're not mobile-friendly. However, the forthcoming mobile-specific index will almost certainly put paid to that, so it's a good idea to upgrade now and use Google's own mobile-friendliness testing tool to ensure that you're giving smartphone users the best possible experience.

2. Minimise your page loading times.

If there's one thing that we all hate to see when browsing the Internet on a mobile device, it's a webpage that takes ages to load. Excessive load times discourage mobile users from interacting with your website, and if you don't speed things up, Google will quickly boot you out of their mobile rankings in favour of a site that doesn't force visitors to wait around.

In order to ensure that your website is loading as quickly as possible, test it using Google's PageSpeed Tools. This will inform you of any changes you can make to boost your site's load speed.

Google PageSpeed Insights

You may also wish to consider using AMPs (Accelerated Mobile Pages), a recent Google initiative that aims to make the web instantaneously accessible on mobile devices - learn more here.

3. Optimise for local searches.

If your mobile customers have their location services turned on, Google will serve them local results for certain queries. Here's what that looks like:


If this so-called 'local pack' shows up for your primary keywords, that's a good indicator that you need to be thinking about local SEO. You want your shop (or restaurant, office, clinic, etc.) to show up prominently in Google results when someone in the area searches for your service, and this can be achieved by:
  • Add your business on Google My Business. Add your opening hours and a short written description of your organisation; you may also wish to embellish the listing with images.

  • Ensure that your company name, address, and contact details are consistent throughout the Internet (i.e. on your website, your Google listing, your social media profiles, and any other listings you have online).

  • Encourage people to review your business on Google, as well as on other well-known websites that publish reviews of local businesses (e.g. Yelp, TripAdvisor, Facebook).

  • Ask other local businesses to link to your website (but only if they are reputable, their website is of a high quality, and the link is relevant to your business - e.g. if you own a hair salon, a link from a grocery store may not benefit you, but a link from a wedding dress shop might if they're encouraging people to visit your salon for a haircut before the big day).

4. Use Google Search Console to stay on top of potential issues.

One final piece of advice (and this applies even if you're not interested in the mobile SERPs): add all versions of your website to Google Search Console and check the dashboard frequently to ensure that everything is as it should be and nothing is going wrong on your site. Of particularly relevance to today's topic is the Mobile Usability report, which can be found under Search Traffic on the left-hand side of the console.

Mobile Usability

This blog post highlights a few other reports that it's important to check regularly once you've added your site on Search Console.

* * *

If you want to ensure that your website is mobile-friendly and fully-optimised for this upcoming Google change, Designer Websites can help! Click here to request a quote, or select one of the following services to find out more about what we can do for you:
With 85% of mobile search results now meeting Google's mobile-friendly criteria, the search giant has found a new battle to fight...
 
Intrusive Pop-Ups
 
Don't you hate it when you're reading an article on your smartphone and you're ambushed by an unexpected pop-up that takes up the entire screen? Well, it looks like the people at Google agree with you, because they've pledged to punish sites that use this technique by diminishing their mobile search rankings. This blog post (published last week on the Google Webmaster Central Blog) makes the following promise:
 
"To improve the mobile search experience, after January 10, 2017, pages where content is not easily accessible to a user on the transition from the mobile search results may not rank as highly."
 
The announcement feels like the start of a new chapter in Google's ongoing endeavour to give users the best possible online experience. You may remember 'Mobilegeddon', that day in April 2015 when Google changed its mobile search algorithm to favour pages with a mobile-friendly design; some time before that, in November 2014, they introduced the 'Mobile-friendly' label, which sat alongside mobile-friendly websites in the SERPs and helped users to identify at a glance which results would function well on their smartphones.
 
Interestingly, Google has now retired the 'Mobile-friendly' label, stating that "85% of all pages in the mobile search results now meet this criteria and show the mobile-friendly label". Since the majority of mobile results are now mobile-friendly (probably thanks in part to the 'Mobilegeddon' algorithm change), the 'Mobile-friendly' labels were starting to make things look cluttered, so Google has gotten rid of them. In doing so, the Big G has effectively declared this particular battle won: most of the pages listed in the search engine's mobile results are now mobile-friendly (i.e. you can read and use them on a smartphone without having to zoom in), so it's time to pack up and move on to the next fight.
 
And the next fight for Google is against pop-ups, or "intrusive interstitials" as the new blog post calls them. Pop-up windows tend to be pretty annoying no matter what device you're using, but they're particularly problematic for mobile users, especially when they fill the whole screen and effectively blockade the user from accessing the desired content. Even so, a lot of websites - including some of the largest, most well-respected media outlets around - use irritating interstitials for all kinds of different purposes, including:
  • Encouraging people to sign up to a mailing list
  • Telling users to install an app
  • Advertising
If your website uses pop-ups for any of these purposes, you may want to revise your strategy before the 10th of January, 2017. From that date onwards, Google will be penalising sites that use intrusive interstitials, meaning that your pages may stop showing in Google search results on mobile devices - and with mobile's share of total internet use increasing all the time, that's a loss that you probably don't want to suffer!

What kind of pop-ups will trigger a penalty?

Interstitials are used in many different ways throughout the Internet. Fortunately, Google has given us a pretty solid idea of which ones they're out to get and which ones will be allowed to slip through this new penalty's net. Here are a few examples...

Scenario #1: Sign Up Now!

Let's say you have a website featuring a variety of articles about all the latest movies and TV shows. When somebody reads one of your pieces, they can view everything above the fold without interruption, but as soon as they scroll down, surprise! A pop-up window appears containing a message like this:
 
SIGN UP NOW!
Join our mailing list and you'll never miss the latest news and insights from our team of talented writers.
 
Enter your email here...
 
Don't worry, we'll never send you any spam and you can unsubscribe at any time.
 
The frustrated user now has to tap on the little 'x' in the corner of your sign-up form in order to carry on reading. It's highly likely that sites using this sort of tactic will be penalised under Google's new rules, so if you're currently using pop-up forms like the example above, you should strongly consider changing tack before the 10th of January.
 
(To be honest, this isn't a great way to encourage people to join your mailing list anyway, as it disrupts their experience of your site and possibly sours them on your brand as a whole. You'll make your users happier - and probably get more sign-ups in the long run - if you take a different route, e.g. placing a call to action at the end of each article rather than covering up the article itself.)

Scenario #2: Try the App!

Let's now imagine that your film and TV website has a mobile app that makes it easier for smartphone users to navigate and consume your content. You know that your website, while mobile-friendly, isn't as good as your app when it comes to giving smartphone users a good online experience, and so whenever a mobile user arrives on your main site, you show them this pop-up:
 
BROWSING ON YOUR SMARTPHONE? RIGHT THIS WAY!
Our app makes it easy to keep up with everything we post.
 
Download from the App Store >
Download from Google Play >
 

You might think that you're doing your readers a favour here by directing them to a more user-friendly platform, but in reality, most people will just be annoyed that you've put a great big pop-up in the way of the article they wanted to read. Sites that do this probably will be penalised in Google's mobile rankings unless they cut it out by the 10th of January.

 
Bear in mind that Google's goal is to satisfy each query as quickly and as smoothly as possible. If they send someone to your website, it's because the algorithm thinks you have the information or the content that person wanted; if you put up barriers between the users and that content, there's a good chance that Google - eager to achieve total user satisfaction - will send people somewhere else instead.

Scenario #3: How Old Are You?

Finally, let's look at an example of an interstitial that most likely won't result in a penalty come January 2017.
 
Imagine you own an ecommerce website that sells wines and spirits online. Because alcoholic drinks are an age-restricted product, you are required by law to ask each user to verify their age before admitting them to your website's content. One easy way to do this? A non-dismissable pop-up that appears as soon as someone lands on your site for the first time and prompts them to enter their date of birth.
 
PLEASE ENTER YOUR DATE OF BIRTH
 
DD MM YYYY
Click to select country...
 
To view this website, you must be over the legal drinking age in the country where you live.
 
Since this interstitial is in place to fulfil a legal requirement, your website should be spared when Google cracks down on intrusive interstitials in January. Another example of a legally mandated pop-up would be a notice explaining that your website uses cookies.
 
Google are also saying that they'll let you off if your pop-ups "use a reasonable amount of screen space". This suggests that site owners will still be able to get away with using pop-up banners as long as they don't cover too much of the content being viewed. An example would be a small banner that appears at the top or bottom of the screen prompting users to click a link or download an app.
 
Download the Google app
In fact, Google use this approach themselves!
 
Worried that your rankings will be affected by the forthcoming Google penalty? Anxious to remove the pop-ups from your website before they cause any problems? Get in touch with Designer Websites today - call 01446 339050 or click here to request a quote for a new, Google-friendly website design.