Mobile devices already generate half of the traffic on most websites. Are you going to allow yourself the luxury of not optimizing your mobile presence?
The use of mobile devices in electronic commerce is unleashed. We have been saying it for many months, so today we are going to give you 3 simple steps to optimize your mobile presence.
Why should I optimize my mobile web
There are many reasons and all are of weight. The first thing you have to keep in mind is that users use their mobile to browse and buy. This is so, you can not expect it to change just because it does not come right for you.
The webs optimized for mobile are more usable, they have a greater findability, they arouse greater confidence, technically they do not give problems… All these things make the shopping experience more fluid for the user and eliminates friction points that compromise the conversion.
And then there is the issue of recruitment. Google increasingly gives importance to the pages work properly on mobile devices. So much so that it is expected to start using its specific bot to build its indexes next year (what has been called Mobile First Index).
The recruitment is not only SEO, of course. But, in the case of the PPC, it is just as critical to optimize your mobile presence on the landing pages that your creatives point to. It is imperative that each visit can convert because each click costs money.
How to optimize your mobile presence in 3 steps
There are 3 tips that can be solved in a more or less simple way and to which it is worth dedicating to them the effort that can be assumed.
# 1 – Mobile First Design
Note well that we no longer talk about “mobile friendly”, we are going to a higher echelon.
During the design phase, you should first think about the need and interaction of your users from the phone rather than from the desktop. That’s the main difference between Mobile First and Mobile Friendly, which may seem the same but is conceptually very different.
The challenge is to keep all the essential content in the Desktop and Mobile versions, but starting from the latter to design both the graphic aspect and the navigation and usability of the site.
I would recommend that you part from a prototyping tool and that you define in detail how your website should look on mobile. Then make tests, as many as you can, and through direct observation check the operation.
Keep this in mind when choosing the platform on which you will develop your eCommerce, not all of them make it as easy. At Oleoshop we know that it is one of the strongest trends for the coming years and, precisely for this reason, all the stores created with our software are raised from the perspective of the mobile user.
# 2 – WPO and mobile performance
As with desktop versions, the loading speed of the page is a critical factor. In fact, it is even more relevant in the case of mobile devices, since the user seeks greater immediacy.
To make matters worse, it is subject to a connection that is not as fast as a fiber optic connection, and which is more unstable depending on the coverage you have, your data plan and other factors that you can not foresee.
We talk about simple optimizations for Mobile and in the matter of performance we get into complex issues (compressions, caches, reduction of requests…). However, there is a fairly easy to apply and in which most of the websites usually fail: unoptimized images.
You can gain a lot of performance if you are able to reduce your photos without loss of quality. There are tools for it like Resmushit or Jpegmini. Another good trick is to use Gtmetrix, which not only tells you how much you can save, but also allows you to download the optimized images.
# 3 – Monitor usability
Not everything is speed, it is also important that you control the user’s experience when interacting with your eCommerce.
There are some simple issues that are important to consider. For example:
- The proximity of the elements: in mobile navigation we use our fingers, and that means we do not have the precision of a pointer. Make sure that the size of the buttons is sufficient and that the links have enough separation between them to be pressed without touching the ones next to them or having to zoom at the same time.
- The readability: sometimes we use typographical fonts that are too small and, at other times, they are typographies of good size but difficult to read.
- Insufficient chromatic contrast: if you use a light gray letter on a white background, it will be difficult to be read on a small screen. Do not generate unnecessary visual stress.
- It has previous experience: users surf the mobile all day, with what they hope to zoom or scroll with a gesture to which they are accustomed: pinching or dragging the screen.
Here are some tips, but you can get more directly from your project if you use this Google tool with a verified property in Google Search Console.