Introducción a la optimización para móviles

Los móviles están cambiando el mundo. Hoy en día, todos llevamos encima un smartphone que usamos constantemente para comunicarnos y buscar información. En muchos países, ya hay más smartphones que ordenadores, por lo que tener un sitio web optimizado para móviles se ha convertido en un requisito esencial de la presencia online.

  1. Si no sabes si tu sitio web está optimizado para móviles, haz la prueba de optimización para móviles ahora mismo.
  2. Si has diseñado tu sitio web con un software de gestión de contenido (CMS), como WordPress, consulta nuestra guía para personalizar este software.
  3. Si tienes los conocimientos técnicos suficientes para hacerlo por tu cuenta, empieza por seleccionar una configuración para móviles.

¿Por qué optimizar un sitio web para móviles?

Comparación entre un sitio difícil de ver y de usar en un dispositivo móvil, y otro optimizado para móviles

Los sitios que no están optimizados para móviles son difíciles de ver y de utilizar desde un dispositivo móvil. Por ejemplo, es posible que los usuarios tengan que pellizcar o ampliar el contenido para poder leerlo. Esto les resulta incómodo a los usuarios, que es probable que decidan abandonar el sitio. En cambio, las versiones optimizadas para móviles se pueden leer bien y son fáciles de utilizar.

En EE. UU., el 94 % de las personas con smartphones buscan información local desde los teléfonos. Curiosamente, el 77 % de las búsquedas móviles de los usuarios se hacen desde su casa o desde su trabajo, donde normalmente hay ordenadores.

Los dispositivos móviles son fundamentales para tu negocio, tanto si escribes un blog sobre tu equipo deportivo favorito, como si trabajas en el sitio web del teatro de tu comunidad o vendes productos a posibles clientes. Por tanto, debes ofrecer una buena experiencia a los usuarios cuando visiten tu sitio desde sus dispositivos móviles.

¿Por dónde empiezo?

El trabajo que hay que dedicar a optimizar un sitio para móviles depende de los desarrolladores, del modelo de negocio y de la experiencia. En el diagrama siguiente puedes ver un ejemplo de cómo rediseñar un sitio para ordenadores para que funcione en móviles:

Cómo rediseñar un sitio para ordenadores para que sirva también para dispositivos móviles

En una implementación muy básica, para hacer la transición de un sitio para ordenadores a un sitio móvil, se pueden tomar las secciones de contenido del sitio para ordenadores y organizarlas en un patrón de diseño optimizado para móviles. Para obtener más información sobre la implementación técnica de un sitio web móvil, puedes consultar las opciones de configuración de SEO para móviles.

¿Cuáles son las tres cosas principales que debería saber a la hora de crear un sitio web móvil?

1. El sitio debe ser fácil de usar para los clientes.

Ayuda a los visitantes de tu sitio a cumplir sus objetivos. Quizás quieran entretenerse con las entradas de tu blog, consultar la dirección de tu restaurante o leer las reseñas de tus productos. Diseña tu sitio de forma que a los clientes les resulte más fácil visitarlo y llevar a cabo cualquier tarea en él.

Descripción de los pasos que puede seguir el cliente

Repasa los pasos que puede que sigan los clientes durante su recorrido por tu sitio para asegurarte de que puedan completarse fácilmente desde un dispositivo móvil. Intenta simplificar la experiencia y reducir el número de interacciones de los usuarios. En este ejemplo: (1) el cliente hace clic en un sitio después de hacer una búsqueda para comprar lámparas; (2) se desplaza por una selección de lámparas; (3) compra la lámpara que quiere.

2. La eficacia del sitio web se mide según la facilidad con la que los clientes que acceden a través de dispositivos móviles pueden realizar tareas habituales.

Usuario mirando un dispositivo móvil

Crear un sitio web móvil requiere fijar prioridades. Puedes empezar por averiguar cuáles son las tareas más comunes e importantes para los clientes que utilizan dispositivos móviles. Es fundamental que puedan llevarlas a cabo y, por esta razón, lo que realmente cuenta a la hora de valorar un sitio web móvil es si los clientes pueden usarlo para hacer lo que quieren. Hay maneras de lograr que el diseño del sitio también sea compatible con la facilidad de uso. Céntrate en conseguir que la interfaz sea coherente y en ofrecer una experiencia similar en todas las plataformas.

"Lo que más valoran los compradores que utilizan móviles es que los sitios donde compran sean fáciles de usar. Un 48 % de ellos considera que esa cualidad es la más importante en los sitios web móviles que usan", afirma MediaPost.

3. La plantilla, el tema o el diseño del sitio web móvil debe ser el mismo en todos los dispositivos (por ejemplo, recomendamos usar el diseño web adaptable).

Las páginas con diseño web adaptable utilizan la misma URL y el mismo código tanto si se visitan desde ordenadores como desde tablets o teléfonos móviles; sencillamente, su contenido se ajusta o se adapta en función del tamaño de la pantalla. Google recomienda usar el diseño web adaptable antes que otros patrones de diseño. Una de las ventajas que ofrece este sistema es que solo hay que mantener una versión del sitio en lugar de dos. Es decir, no hace falta mantener un sitio para ordenadores en www.example.com y una versión para móviles en m.example.com, sino que basta con mantener un solo sitio (por ejemplo, www.example.com, al que podrán acceder todos los visitantes, ya sea desde ordenadores o desde móviles).

Sitio web que funciona con usuarios que acceden desde ordenadores y dispositivos móviles

En los sitios web adaptables, el contenido se ajusta a los diferentes tamaños de pantalla, pero se siguen utilizando las mismas URLs y los mismos códigos. Los tres dispositivos de la imagen utilizan la página www.example.com, en vez de usar m.example.com para móviles y t.example.com para tablets.

"Gracias al diseño web adaptable, Baines & Ernst ha podido optimizar la experiencia de su sitio en diferentes tamaños de pantalla sin tener que crear varios sitios web. Después del cambio, detectaron que los usuarios accedieron a un 11 % más de páginas de su sitio por visita y que las conversiones móviles aumentaron en un 51 %".

Se considera que se ha producido una conversión cuando un cliente lleva a cabo una de las acciones deseadas, como comprar productos, llamar a la empresa o suscribirse a una newsletter.

Para obtener más información sobre cómo implementar un diseño web adaptable, consulta el sitio Aspectos básicos de la Web. Si quieres valorar los aspectos positivos y los negativos de diferentes implementaciones de sitios web para móviles, tablets y ordenadores, consulta cómo crear sitios web para consumidores multipantalla.

¿Cuáles son los tres principales errores que deben evitar los principiantes?

  1. Olvidar a los clientes que usan dispositivos móviles. Recuerda que los buenos sitios web móviles son útiles: permiten que los visitantes consigan lo que quieren, ya sea leer un artículo interesante o consultar la ubicación de tu tienda. No caigas en la trampa de crear solo un sitio con formato para móviles que no incluya todas las funciones de la versión para ordenadores. En cambio, crea un sitio optimizado para móviles (que sea realmente útil para los clientes de móviles y que esté optimizado para las tareas más habituales de los usuarios).
  2. Implementar el sitio web móvil en un dominio, subdominio o subdirectorio diferente al de la versión para ordenadores. Aunque Google permite utilizar varias configuraciones para implementar sitios web móviles, si se generan URLs diferentes para la versión móvil, habrá que dedicar más trabajo a mantener y actualizar el sitio y, además, será más probable que se produzca algún problema técnico. A menudo puedes simplificar las cosas utilizando un diseño web adaptable y publicar para ordenadores y para móviles desde la misma URL. Google recomienda utilizar la configuración de diseño web adaptable.
  3. Trabajar de forma aislada y no buscar inspiración en otros sitios. Echa un vistazo a otros sitios de tu sector o de la competencia para buscar inspiración y prácticas recomendadas. Como probablemente no eres el primero de tu sector en crear un sitio web móvil, puedes aprovechar para aprender de quienes ya lo hayan hecho.