Cada día se hace más relevante el tener tu web optimizada para dispositivos móviles. Uno de los grandes motivos, es el creciente número de personas que navegan desde su smartphone. Esto hace que adaptar la web al móvil, sea uno de los grandes retos del diseño web hoy en día.

No sólo tiene que ser una web bonita, sino que se vea de forma correcta y optimizada tanto en escritorio como en el móvil. Si tu web no está lista, puedes estar perdiendo oportunidades.

A continuación te voy a contar:

  • Por qué deben estar una web adaptada al móvil
  • Qué significa que una web sea Responsive
  • Qué puedes hacer para adaptar tu web a dispositivos móviles

Motivos por los que debes adaptar tu web al móvil

1) – Las visitas desde móviles aumentan cada día

¿Has mirado alguna vez cuánto porcentaje de visitas llegan a tu web desde dispositivos móviles? Puede que te sorprendas.

Navegar desde el teléfono móvil cada día está más extendido. A día de hoy, suele rondar entre un 50 y hasta un 90% de visitas desde móviles. Por eso es importante si ya tienes tu web, que sepas cuál es tu caso. Así podrás adaptarte mejor.

¿Cómo verificar desde qué dispositivos visitan mi web?

Si tienes un sistema de estadísticas, seguro tendrá un apartado en que te indicará este dato. En Google Analytics por ejemplo, en la página principal ya te da una estadística general del porcentaje de usuarios que acceden desde cada tipo de dispositivo.

Adaptar tu web al móvil: Cómo saber cuántas visitas vienen desde móviles
Estadísticas reales de mi blog lasaventurasdetaisa.com

¿Y qué pasa con las tablet?

Las tablet sin embargo, aunque no deben dejarse de lado, no han tenido tanto éxito como se esperaba. Como puedes ver en el ejemplo anterior, menos de un 2% de las visitas provienen desde tablets. Y suele ser similar en casi todos los casos, lo que no quita que revises tus estadísticas. Ya que en tu sector podría haber diferencias.

Aunque igualmente, las pantallas de los smartphone cada vez son más grandes y con mayor resolución. Lo que las hace más similares a la resolución de una tablet, y aumenta la variabilidad entre teléfonos inteligentes también.

2) Indexación Mobile First de Google

El segundo motivo por el que debes adaptar tu web al móvil, es porque tener una web bien adaptada a dispositivos móviles, también afecta en tu posicionamiento SEO.

Google está cambiando sus sistemas de indexación, y el tener tu página web preparada para dispositivos móviles cada día cobra más importancia.

Aquí puedes leer más sobre estos cambios.

Esto implica principalmente, que Google, a la hora de indexar tu web, revisa únicamente la versión para el móvil. Si no está bien optimizada, podría incluso penalizarte.

¿Cómo adaptar tu web al móvil?

El concepto de Web Responsive

En la optimización de la web para móviles, el concepto de Responsive es muy importante. Antes, las webs adaptadas a móviles, se hacían creando otra web diferente adaptada sólo al móvil.

Posteriormente se fue evolucionando, hasta inventar métodos que permitían adaptar la interfaz de las páginas web, y a esto se le llamó «Web Responsive«. De este modo, según el tamaño del dispositivo, se verán de una forma u otra.

Ejemplos de adaptación web a dispositivos

  • Es posible cambiar el tamaño de los elementos
  • Cambiar las dimensiones de las imágenes
  • Cambiar el tamaño de fuente del texto
  • Incluso cambiar de orden elementos, o ocultar algunos y mostrar otros.

En general, prácticamente cualquier elemento de diseño (posición, o atributos de un elemento) pueden personalizarse en función del tamaño de la pantalla.

¿Cómo optimizar tu web para móviles?

Siento decirte, que adaptar tu web al móvil puede ser o muy sencillo, o bastante complejo según el caso. Si el tema no está preparado, no podrás hacer mucho, salvo que cambies de tema. Si usas un buen tema, ya estará preparado para ser Responsive. Y no tendrás que hacer prácticamente nada.

Pero a veces quedan «detalles» que se pueden mejorar para que la navegación por la web sea mejor en el móvil.

Hay algunos temas y constructores, que te facilitan la tarea, como son los temas Divi y Extra de Elegantthemes. Y te permiten, sin modificar código, cambiar las propiedades de los elementos para PC, tablet o móvil.

En caso contrario, las modificaciones se hacen directamente en el código css de la página web (aquí te explico lo que es esto y cómo funciona una web).

¿Cómo puedo ver mi web cómo un móvil desde el PC?

Obviamente, estar todo el rato mirando tu web en el teléfono mientras vas corrigiendo es un poco rollo. Por ello, existen métodos para ver una web en el PC como si fuese un móvil.

El más sencillo, es utilizando el navegador Google Chrome: Pulsas botón derecho > Inspeccionar. Y allí encuentras un botón con una imagen de un móvil y una tablet:

Botón para ver tu web como un móvil desde el PC en Chrome

Esta opción te permite convertir la vista a distintos dispositivos.

En el vídeo te muestro lo sencillo que es usarla.

Igualmente, te recomiendo que siempre hagas una revisión al menos de la web desde un teléfono real.

Un ejemplo de blog diseñado para el móvil

Como comentaba antes, ya de antemano se puede preveer en muchos casos según el sector cuánto tráfico vendrá desde el móvil, y esto nos ayudará a priorizar la importancia de adaptar tu web a dispositivos móviles.

En caso de que se estime un alto tráfico desde el móvil, se puede optar por directamente crear un diseño a una sola columna, sin sidebar, pensado exclusivamente en dispositivos móviles.

¿Quieres una web profesional y adaptada a móviles?

Si crees que tu web necesita renovarse, y que no está adaptada a tus visitantes, puedes ponerte en contacto conmigo. Valoraremos la forma de optimizar tu web para cumplir mejor tus objetivos.