Last year, mobile devices overtook desktop computers as the primary device to access websites. Although desktop searches remained on a very high level on Google, even more people used their mobile phones to search Google.
Having a mobile website is no longer an option. It is a necessity. In this article, we’ll show you how to prepare your website for this.
A mobile website is a must-have in 2017
Even if you have a mobile-ready website, it is important to check the usability on mobile devices. The fact that your website can be displayed on mobile devices doesn’t mean that your site is also easy to use.
You will get more page views with a mobile-friendly website. If your website is not mobile-friendly, people are more likely to leave your site. In addition, people are likely to leave your site if it does not load fast enough.
Google’s mobile-first index
Until now, Google ranked web pages based on the desktop version of the site. This is going to change. Google announced that they are working on a mobile-first index that is going to rank pages based on the mobile versions.
Google has published several resources that help you to make sure that your web pages are mobile-friendly:
Mobile optimization checklist
There are some things that you should check to make sure that your website works fine on mobile devices:
1. Use responsive website design
Google recommends responsive design to make sure that your web pages work with mobile devices. If there isn’t any strong reason not to use responsive design, you should use it for your website.
Responsive website design makes sure that your web pages ‘respond’ to different screen sizes. The content is always the same but the design changes based on the size of the screen. The design of your website will be slightly different on desktop computers, tablets and mobile phones. You can simulate this by changing the width of your web browser window.
If you use WordPress to create your web pages, just download a responsive template and adjust it to your needs. Other content management systems also offer responsive templates. Changing your website to a responsive design is the very first thing that you should do.
2. Improve the speed of your website
The page speed is always important. Even if your website loads fast on a WiFi connection, it might be very slow on a mobile data network. You can test the speed of your website here.
If you use WordPress, you can use plugins (cache, etc.) that will fix these things for you. Google recommends a page loading time of 2-3 seconds.
3. Improve the user experience on mobile
Mobile users are goal-oriented. They want to achieve their goal quickly and easily. There shouldn’t be a need to zoom, there shouldn’t be a confusing navigation and the touch elements should be big enough. Google has published design guidelines that might help you. You can find them here.
Here are some things that you can do to make your mobile site easier to use:
- Make calls to action easy to see.
- Keep your website menu short and sweet.
- Provide an easy way to get back to the home page.
- Don’t distract website visitors from the main goal by adding promotions for other items, etc.
- Provide an easy to use site search feature.
- Make the shopping experience as easy as possible.
- Streamline your forms and use the simplest form item for each task.
- Don’t make your visitors pinch to zoom.
After changing your web pages, let real people test your site. Non-technical people who do not work in your company might find things that you haven’t thought of.