Páginas web «mobile first»

Share on facebook
Facebook
Share on twitter
Twitter
Share on linkedin
LinkedIn

índice

El mismo nombre nos lo dice, mobile first, se trata páginas web pensadas, diseñadas y programadas primero para dispositivos móviles y después en su adaptación a escritorio.

Esta forma de desarrollo web en la actualidad es de vital importancia para que una página web se posiciones bien en los buscadores y es la clave de una buena estrategia SEO (search engine optimization). Los algoritmos actuales de los buscadores priman como primer punto para colocar a una página en los primeros puestos  que esté optimizada para móviles, esto quiere decir básicamente que los contenidos se carguen rápido y con una buena visibilidad y usabilidad.

imagen representativa de un diseño mobile first frente a otro que no lo es

Puntos que debe de cumplir una buena página web mobile first

Cargar rápida de los contenidos

Para conseguir una carga rápida y que google la considere una página rápida, para testear cualquier página  tenemos la herramienta de google Page Speed Insights, principalmente hay que tener en cuenta varias cosas,

  • Cargar  las hojas de estilo necesarias
  • No retrasar el renderiazado de la página debido a las de las fuentes
  • Realizar  de los ficheros javascript de foma asíncrona o diferida
  • Hacer una Política de cache de las páginas y sus elementos.
  • Optimiza las calidad y tamaña de la  imágenes.
  • Utilizar lazy load para las imágenes, es decir, solo descarga las que se estén viendo en la pantalla.

Si conseguimos hacer bien estos 5 puntos, tenemos garantizado una página rápida en la carga y bien considerada por google. Parce fácil, pero si la página no es concebida como «mobile first» va a ser muy complicado.

Usabilidad y visibilidad en dispositivos móviles

Los algoritmos actuales de los buscadores no solo puntúan la carga rápida, también puntúan y mucho la experiencia del usuario.

Puedes testear si tu página esta prepara da para móviles con la herramienta de google. mobile friendly test tool

Los Puntos principales que tienes que chequar son:

Facilidad de navegación en la página

Es necesario que el usuario pueda desplazarse por los contenidos de manera fácil, que pueda encontrar y leer lo que busca de manera sencilla, sin necesidad de desplazamientos laterales ni zoom. Si el usuario necesita esforzarse abandonará la web.

Facilidad para realizar acciones en la web

Esto no es nuevo en para las páginas «mobile first», desde nuestro punto de vista siempre es prioritario en una pagina web bien concebida; el usuario tiene que tener las acciones principales de nuestro sitio, por ejemplo como contacto o compra, bien visibles y que sea muy fácil acceder o realizar la acción que active cada enlace o botón.

Legibilidad  de contenidos

  • El contraste de las fuentes sobre el fondo
  • El tamaño de las fuentes
  • El tamaño y facilidad de click en los enlaces.

Conoce nuestro trabajo de diseño web

¿Quires impulsar tu presencia online?

Te ayudamos a que te encuentren con nuestros servicios de diseño web, SEO, SEM y social ads.