How to adapt your website to mobile: Three tips for 2018

Traditionally, Internet browsing has been closely linked to the computer. However, in the Payday Long Form Database last decade mobile navigation has been gaining more and more ground, to the point of surpassing the desktop. Google increasingly gives greater importance to the optimization of mobile websites and in 2018 will give an even greater. That’s why I want to give you some tips to adapt your website to mobile in 2018.

Although the adaptation to mobile already has a lot of weight in how Google values ​​the webs and positions them in its search engine, in 2018 it not only foresees that increasing its importance, but it gives priority over the desktop: mobile first. This was announced as early as November 2016 and a year later it is expected to be implemented soon, in early 2018.

Payday Long Form Database

Currently Google indexes the pages according to the content they have in their desktop version and displays them even if the search is done from mobile. Having a good version of mobile already helps, but the criteria are still based mainly on the desktop. What problem does this have for Google? That many pages show less content in mobile than in desktop, so it may be the case that precisely what the user seeks is what is left out.

For many pages it will not be a big change if the resposive version is well done. However, those who have taken the path of using a mobile version (type and reduced the content to make it lighter, make sure that this deleted content does not have great relevance for SEO.

To have a good version in the mobile you must take into account three aspects:

Speed: the key to adapt your website to mobile in 2018

If your website is slow to load the user will quickly find another. Google knows this perfectly and that’s why it tries to show pages with a good loading speed first. There are several ways to make your web load fast, I explain some:

  • Approve the  assessment : (Google PageSpeed ​​Insights), a free tool that analyzes and rates the loading speed of your web page with values ​​between 0 to 100%. After the analysis, it offers you indications of how to improve the speed so that imlementes.
  • Adapt to  format : it is a format created by Google and acronym for Accelerated Mobile Pages. Based on HTML5, it has the advantage that, in addition, Google will save your web in its cache with what will load faster still.
  • Adapt your website to   (Progressive Web Apps): another format supported by Google and that has the advantage of allowing Chrome for mobile send push notifications as well as easily create shortcuts from the desktop of the phone.
  • PWAMP (!)  ( Progressive Web Apps with Accelerated Mobile Pages ): it is a format that mixes AMP and PWA, with the benefits of both. It is also sponsored by Google, so it is well worth looking at the future

It is also possible that your website is already perfectly adapted to mobile. Then do not do anything: you will have little benefit of resorting to these formats.

Here is an example of PageSpeed ​​rating on the day of the publication of this post.

I see it opportune to clarify, since the webs are constantly updated, although today we can have a 91% rating, tomorrow may be different depending on the amount and conditions under which new content is published. 

How to show content on mobile

Depending on the type of web you have, reordering it so that it fits on a mobile screen can be somewhat complicated. Tools like can help you find important elements for SEO that have been left out of your mobile version.

Google has already confirmed that it will not penalize websites for hiding information in drop-down menus, so you do not get cut off when using them. Use the pop-ups with measurement, and check that the text and clickable areas are easy to use with your fingers. Do not even think about using flash! Muuu bad !!

ocus on the mobile user experience

Although we have repeated ad nauseam that mobile websites are becoming more and more important, old habits are difficult to change and we continue designing the desktop page first and then you go to adapt your website to mobile. It’s about time we started doing it the other way around. Look at your mobile version and ask yourself the following questions that will help you analyze your situation:

  • Is it easy to find the information you are looking for?
  • Is it simple navigation?
  • If it is a store, is the check-out process easy?
  • Is it easy to go back?
  • Is it easy to close the pop-ups?
  • How is the header on mobile?
  • Is it easy to find the contact information?

Leave a comment

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