Blog - WebSelf

How to Refine the Mobile Version of Your Website

Image blog WebSelfThe most crucial error companies can make is not to have a website. The second is not to optimize their website for search engines. The third error would then not have refined the mobile version of their website. More and more people visit sites on their smartphones; did you take the time to check your website’s mobile version? Here are a few tips that you should keep in mind to make sure your site looks great, whatever the medium.

WebSelf’s Mobile Editor

First and foremost, did you know that WebSelf has a special editor that can help you refine the mobile version of your website? When you create a site with us, our editor automatically creates  a responsive version of it so it can be viewed everywhere. 

However, before you publish your site, we recommend that you verify the mobile version of it to make sure everything is perfect. You might decide to have a different version for your mobile website since you can remove elements if needed. To refine your site’s mobile version, go on the WebSelf editor and click on the smartphone icon located top right. Ensure that the MOBILE VIEW option is activated if you want the optimized mobile version to be used on smartphones.

A Few Tips for the Creation of the Mobile Version of your Website

There are a few differences between a desktop site and a mobile site, like the elements’ size. On a mobile, the display is limited. It would help if you must keep this in mind when you will use the mobile editor. Here are a few tips to help you refine the mobile version of your website.

  • Browsing should be easy

People that visit your website on their smartphones can be looking for precise information. It is then essential that the mobile version of your site is simple and easy to browse. Test the different pages and make sure it is easy to find the relevant information and browse all the sections. From a structure point of view, all important information should be located at the top of your pages.

  • Remove unnecessary sections or texts

You might have a lot of content on your site. Here is our tip about that: it is unnecessary to keep all your pages’ texts and elements on the mobile version. Indeed, it would be better to go straight to the point; do a summary. Make sure your visitors do not need to scroll a lot to find what they are looking for.

It is also possible to have fewer pages on the mobile version of your site. To do it, go on the WebSelf editor and then on the PAGES tab located left. Click on the pages you would like to hide on the mobile version and on Page Settings. It is there that you will find the option of hiding the page from the mobile navigation menu.

  • Check the readability of your texts
     

Whether it is on your standard website or the mobile version, you must ensure that it is easy to read the texts. You must make sure that there is an adequate contrast between the letters and the background and that the texts' size is sufficient. Do not hesitate to increase your texts’ size on your site's mobile version if you feel it could improve the user experience. To do it, you only need to click on the text or the title in the mobile editor: a small square will appear to let you modify the size.

In order to keep a fine harmony throughout the site, make sure all titles are the same size. All texts should be the same size too. This will help you structure the information on your website better.

  • Keep sufficient space between your site sections

Since space can be limited on a mobile site, it would be wise to keep sufficient space between the sections to delimitate the different topics. It will allow you to avoid your website looking heavy. You can automatically increase the space between the sections on the mobile editor by clicking on the spacing bar located left.

  • Use bigger call-to-action buttons and badges

A mouse is often more precise than a finger. Unfortunately, it is with our fingers that we can browse a mobile website. How many times did we have to click repeatedly on our smartphone to access another page? Ease your visitors' lives by adding big call-to-action buttons and badges on the mobile version of your site. It will then be easier to browse it.

  •   Try Google’s tool

Finally, when you are satisfied with the final result, why not check your mobile site on Google’s tool? Indeed, this web giant has its own mobile-friendly test. It will allow you to see if your pages are optimized for smartphones and have access to reports on the whole site's mobile ergonomy. We strongly recommend you check it since the mobile version of your website directly impacts your SEO.

In conclusion, it will take only a few minutes to check and refine your site's mobile version; however, it can make a huge difference for its users. Mobile-friendly websites are here to stay!

Now that your site is optimized for smartphones, is it optimized for search engines? Start by finding the right keywords for your website!