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.
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.
