The importance of having a mobile-friendly website
In today’s mobile-driven world, people want information to be accessible right here right now, on their palms, at the touch of their fingers. Whether it’s shopping-on-the-go, social media, reading or posting a blog or just staying in touch with current affairs, the mobile has become the face of any online business and platform. Therefore, if you run an online store or have a business website, it is crucial that your product is mobile-friendly.
Online businesses are increasingly taking the “mobile-first” approach. This means that they are creating websites or e-commerce portals with mobile users in mind. It is important to have two versions of your site – the desktop version, for those who access it on their computers and laptops, and the mobile version for easy access on the mobile. This is because the desktop version of a site has different software capabilities, which render it difficult to be viewed and used on a mobile device. The User Experience (UX) design of a site plays an important role in making it easy-to-use and attract traffic.
If your site is not mobile-friendly, then the user will have to pinch or zoom the pages just to read the content. Users find this to be a very frustrating experience and are likely to abandon the site, and hop on to more mobile-friendly competitor sites. To improve user experience, Google recently launched a new algorithm for mobile device searches, which ensures that if a website is not mobile-friendly then that website would not be included in its search results.
So, how does one know if their website is mobile friendly or not? Well, here are a few criteria that makes a site mobile-friendly:
- It avoids software that is not common on mobile devices, for example Flash
- Uses text that is readable on a mobile without zooming
- Automatically sizes the content to the screen so users don't have to scroll horizontally or zoom
- Places links far enough apart so that the correct one can be easily tapped by the reader
You can test if your site is mobile friendly or not by using Google’s mobile-friendly test.
Once you run the test, you can see the Mobile Usability report in Google Webmaster Tools, which highlights the major mobile usability issues across your entire site, and not just one page. This test is very useful to find out if your site is mobile-compatible; and if it’s not, you can take steps to correct it.
With regards to nopCommerce, you will be happy to know that it has several design options and themes, which can be used to make your sites responsive and mobile-friendly. Now we shall specifically look at the options available in nopCommerce and how you can test your nopCommerce site for being mobile-friendly.
Ensuring Your nopCommerce Website is Mobile-Friendly
nopCommerce has a range of mobile themes, that offer clear, responsive design. These themes enable the content to get automatically adjusted to the user’s device like phone, tablet or desktop, to provide the best user experience and easy navigations. There are several themes available on the platform, which you can choose from.
If you are searching for a new theme for your nopCommerce website, don’t forget to confirm if that theme is mobile friendly. To confirm if the theme you’ve chosen is mobile friendly or not, follow these general guidelines:
- From the theme features documentation look for terms like “mobile friendly” or “responsive design”
- If there is a demo template available, copy and paste the URL of the template into the Mobile-Friendly Test to make sure it is mobile-friendly.
- Make sure that template is fast by checking the Speed section of PageSpeed Insights and making sure that the Speed section has no issues marked as “Should Fix.”
For more details on the points to consider while selecting a nopCommerce theme, please read this blog.
Please contact us if you need any assistance in selecting the best theme suitable for your business.
Shwetha Bhat | Blogger
Manjunath Govindappa | ASP.NET Technical Lead