SEO POSITIONING IN THE MOBILE FIRST PHILOSOPHY

The first thing to keep in mind when designing a web page is that it must look good on any device, be it a mobile, a tablet, a desktop computer, or any device that may arise in the future. SEO POSITIONING IN THE MOBILE FIRST PHILOSOPHY

This is where the strategy or philosophy of Mobile First was born , which what it proposes is that it be the mobile, the first device to take into account when designing a website, from that design the one with higher resolutions will be made. Some of you may wonder why? And here comes the answer.

The Internet queries from mobiles have increased greatly in recent years, while late last year won those made from the desktop, so the change in consumer trends is a fact. If we add to the latter that Spain is one of the countries in which there are more mobile phones per head, we realize that we must adapt to the new trend of Mobile First. So we are going to give some brushstrokes, on how to implement this strategy or philosophy that puts mobile ahead of all things.

The first thing to do is simplify the ideas. In this new Mobile First trend, you have to bet on simple, clean and minimalist creations .

Is a responsive web application the same as a web application designed from Mobile First?

It is not exactly the same, in the responsive web application the usual thing is to have started to think about the design on PC and then adapt it to all types of screen, for which almost certainly, different designs will have to be made, the example more typical are hamburger menus in web versions for tablets and mobiles.

In a website conceived from Mobile First, first we think from the limitations of small screens, and then expand the design and functions to larger screens.

Logically, a “Mobiles First Design” does not mean that the web is not responsive, it will be, because it will be displayed correctly on all screen sizes.

With Mobile First, forget about modifying menus, changing columns, or deleting images to make it look better on the screen of any Smartphone, this strategy gives total priority to the mobile. Once the mobile version is ready, it is when the website adapts to higher screen formats.

To achieve a good result, it is essential to take into account what Internet users want to have on their Smartphones. Adapt your lens to a layout optimized for small screens.

In order to know what the user really needs or wants, you have to put yourself in their shoes, that is why it is very important to test how it works. Even if you have a very clear idea of ​​what you want, it may not be the most appropriate when executing it, so think about the experience that the mobile user will have with your design. The best thing is to test, add, remove, optimize, and most importantly, test the different versions of the web application.

One of the things that loses all sense when designing mobile web is to incorporate elements that are activated with the mouse step. Even less put endless forms, this means with more than 10 fields. Large texts are not a good option either.

It is best to pay maximum attention to the browsing experience , as it is one of the most delicate points of a web design project. To make a correct decision, it is best to analyze the results, so you will know if the mobile end users are doing what you wanted them to do on the web.

One of the most important aspects to take into account when designing a mobile web application is to optimize its content and resources as much as possible. You have to think that the images have to be loaded on a screen of around 300 pixels; and that some users can only connect over 3G, so the content cannot weigh much, since otherwise they will consume all their data rate, although surely this will not happen because they will simply go to competing websites that load more Quick.

It is best to opt for optimized thumbnails, fonts with very high readability and clear line spacing. You have to think that the most important thing is that it charges fast , so the less it weighs the better for everyone. Now you will unleash your imagination on the desktop version of the web!

Another vital point is knowing how to adapt to all audiences, since not everyone has the same Smartphone, nor do all have the latest generation. We must try to satisfy all end users , and the best thing for this is to know how to take advantage of the capabilities of the different devices and their screens, that is why at Rana Negra, in addition to doing responsive web design and believing in the Mobile First philosophy , our web design is cross browser

Once the mobile part is ready, it is necessary to attack the desktop part , and it must be taken into account that when carrying it out, accessibility should not be impaired. You have to make a very visual page , using images or videos, with new interactions for keyboard and mouse, and with more content .

These are just some clues to implement this new strategy or philosophy of Mobile First , now it’s time to get down to work, and commit to it, because this is not just a passing fad, it is a reality, people visit more web pages every day from their mobiles. SEO POSITIONING IN THE MOBILE FIRST PHILOSOPHY