514-651-1418 info@yapseo.com

Mobile Friendly Websites – Top 3 Best Responsive Design Practices

Mobile Friendly Websites – Top 3 Best Responsive Design Practices

Mobilegeddon is among us and Google is just getting started. It is estimated that 77% of top-ranked websites on the first page have a mobile friendly website. There are likely many more to follow-suit since more and more businesses depend on their search engine ranking to generate sales revenue.

In this post, I will show you what a mobile friendly website looks like. I will also provide a link to a 30 second test that will determine if your website is mobile friendly.So what does it mean to have a mobile friendly website? Well just ask google. They have provided a mobile friendly testing tool that will tell you if your website is mobile friendly in just seconds. Google told us that on April 21st, there could be consequences on websites that are not mobile responsive and they have even provided us with tools to test it out. Now you can’t say they didn’t warn you and although they may not have penalized you yet, it’s really only a matter of time. So whenever you are ready to take the plunge into creating a mobile responsive website, here are some best practices to live by.

1. Focus on User Experience

Don’t integrate too many bells and whistles if you don’t have to. Keep your mobile site simple and easy to navigate with eye-catching tag lines and an obvious call to action. For example, If it’s phone calls you are looking to generate, make sure your business phone number  is in your header with big bright letters. This will entice people to call your business and get more information. Also, I am not a big fan of the side tabs that slide a contact us form in and out. Although it looks practical on a the desktop, I’ve seen many instances where the developers failed to test it on mobile and it ended up taking over the entire screen. Users end up getting stuck and having to refresh the page just to continue navigating the website. The tabs also tend to get in the way of the website’s content, which will in turn frustrate the reader. Instead, stick to a call to action button that directs users to a form located on another page. But if you insist on having a pop up form, please make sure it is optimized for mobile users. Below are two examples of what you should do vs what to steer clear of.

2. Take it easy with the images

First things first, you don’t need images in the header of a mobile site. Just have the most relevant information and get to the point. Page load times are crucial in the mobile world as people are often browsing on their wireless network, which isn’t always optimal for speed. We want to give our users exactly what they are looking for and fast. No special effects are needed at this stage, just focus on the essentials first.

3. Take advantage of features only available on Mobile

This includes GPS that can track where your users are, use that to your advantage if you can. Also, use the click to call feature, which isn’t available on desktops. Finally, easy to touch social media buttons make it easier for users to share. This increases your chances of reaching a wider audience through social referrals.

Remember, over 50% of internet users are on mobile now. It is time bite the bullet and get yourself a mobile friendly website. Your users will love you for it and Google might even reward you.

For more information or to create a mobile friendly website, feel free to get in touch with YaP.

 

Submit a Comment

Your email address will not be published. Required fields are marked *