Cómo comenzar a optimizar los dispositivos móviles

Los dispositivos móviles están cambiando el mundo. Hoy en día, todos tenemos smartphones con los que nos comunicamos y buscamos información constantemente. En muchos países, la cantidad de smartphones superó la de computadoras personales, por lo que contar con un sitio web optimizado para dispositivos móviles se convirtió en un requisito esencial de la presencia en línea.

  1. Si no sabes si tu sitio web está optimizado para esta clase de dispositivos, haz la prueba de optimización para dispositivos móviles.
  2. Si usaste software de administración de contenido (CMS) como WordPress a fin de desarrollar tu sitio web, consulta nuestra guía para personalizar el software de tu sitio web.
  3. Si tienes los conocimientos técnicos para hacerlo tú mismo, comienza por elegir una configuración para dispositivos móviles.

¿Por qué deberías optimizar un sitio web para dispositivos móviles?

Un sitio que es difícil de visualizar y usar en un dispositivo móvil en comparación con una versión optimizada para este tipo de dispositivos

Si no está optimizado para dispositivos móviles, es posible que un sitio sea difícil de visualizar y usar desde un dispositivo móvil. En un sitio no optimizado, los usuarios deben agrandar o achicar la pantalla para leer el contenido. Esta experiencia resulta frustrante para los usuarios, y es probable que abandonen el sitio. En cambio, las versiones optimizadas para dispositivos móviles se pueden leer bien y son fáciles de utilizar.

En EE.UU., el 94% de las personas con smartphones busca información local en sus teléfonos. Curiosamente, el 77% de las búsquedas en dispositivos móviles se hacen desde casa o desde el trabajo, donde normalmente hay computadoras de escritorio.

Los dispositivos móviles son fundamentales para tu negocio, ya sea que tengas un blog sobre tu equipo deportivo favorito o estés desarrollando el sitio web de tu grupo de teatro o vendiendo productos a clientes potenciales. Asegúrate de que los visitantes puedan tener una buena experiencia en tu sitio cuando lo visitan desde sus dispositivos móviles.

¿Cómo puedo empezar?

El esfuerzo necesario para crear un sitio optimizado para dispositivos móviles depende de los recursos de tu desarrollador, el modelo de negocios y la experiencia. En el siguiente diagrama, puedes ver un ejemplo sobre el posible rediseño de un sitio para computadoras de escritorio a fin de que funcione en dispositivos móviles:

Cómo podría rediseñarse un sitio para computadoras de escritorio a fin de que funcione en dispositivos móviles

En un nivel de implementación muy básico, hacer la transición de un sitio de escritorio a uno para dispositivos móviles implica partir de las secciones de contenido actuales del sitio para computadoras de escritorio y organizarlas en un patrón de diseño optimizado para dispositivos móviles. Si deseas obtener más información sobre la implementación técnica de un sitio móvil, consulta las opciones de configuración de SEO para dispositivos móviles.

¿Cuáles son los tres puntos más importantes que debo saber al crear un sitio para dispositivos móviles?

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

Ayuda a los visitantes del sitio a cumplir sus objetivos. Quizás quieran entretenerse con las entradas de tu blog, obtener la dirección de tu restaurante o consultar las reseñas de tus productos. Diseña tu sitio para que a los clientes les resulte sencillo visitarlo y completar una tarea.

Descripción de los posibles pasos del recorrido que realiza un cliente

Detalla los posibles pasos del recorrido del cliente para asegurarte de que sean fáciles de realizar en un dispositivo móvil. Intenta optimizar la experiencia y reducir la cantidad de interacciones del usuario. En este ejemplo, el cliente (1) hace clic en un sitio después de realizar una búsqueda para comprar lámparas, (2) navega por una selección de lámparas y (3) compra la lámpara deseada.

2. Mide la efectividad de tu sitio web en función de la facilidad con la que los clientes de dispositivos móviles completan tareas comunes.

Un usuario mira un dispositivo móvil

Para crear un sitio móvil, es necesario establecer prioridades. Puedes empezar por averiguar cuáles son las tareas más comunes y relevantes para los clientes que utilizan dispositivos móviles. Es fundamental que puedan llevar a cabo dichas tareas. Por tal motivo, lo que realmente cuenta a la hora de valorar un sitio móvil es si los clientes pueden lograr sus objetivos. Hay maneras de lograr que el diseño del sitio facilite su uso. Concéntrate en lograr que la interfaz sea coherente y en ofrecer una experiencia unificada en todas las plataformas.

"Aquellas personas que realizan compras en dispositivos móviles priorizan la facilidad de uso en los sitios, y el 48% de los encuestados dijo que era la característica más importante de un sitio móvil", detalla MediaPost.

3. Selecciona una plantilla, un tema o un diseño para dispositivos móviles que sea coherente en todos los dispositivos (por ejemplo, usa diseño web responsivo).

En un diseño web responsivo, la página usa la misma URL y el mismo código más allá de que el usuario esté en una computadora de escritorio, una tablet o un teléfono celular. Solo se modifica la visualización o el sitio responde de acuerdo al tamaño de la pantalla. Google recomienda que uses un diseño web responsivo sobre otros patrones de diseño. Uno de los beneficios del diseño web responsivo es que solo necesitas mantener una versión del sitio en lugar de dos. No tienes que mantener un sitio para computadoras de escritorio en www.example.com y la versión móvil en m.example.com, como www.example.com, para visitantes de computadoras de escritorio y dispositivos móviles.

Un sitio web que funciona para los visitantes que usan computadoras de escritorio y dispositivos móviles

Un sitio responsivo adapta el contenido a diferentes tamaños de pantalla, pero sigue usando la misma URL y el mismo código. Los tres dispositivos anteriores usan www.example.com (en lugar de que la página para dispositivos móviles use m.example.com y la página para tablets use t.example.com).

"Gracias al uso de diseño web responsivo, Baines & Ernst pudo optimizar la experiencia de su sitio en diferentes tamaños de pantalla sin crear múltiples sitios web. Detectaron que los visitantes accedieron a un 11% más de páginas en su sitio por visita y que las conversiones móviles aumentaron un 51%".

Las conversiones ocurren cuando un cliente realiza una acción deseada, como comprar productos, llamar a la empresa o registrarse para recibir un boletín informativo.

Si deseas obtener más información para implementar un diseño web responsivo, consulta los Fundamentos de la Web. Si quieres comparar los pros y contras de diferentes implementaciones en sitios web para dispositivos móviles, tablets y computadoras de escritorio, lee el artículo sobre cómo crear sitios web para los consumidores multipantalla.

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

  1. Olvidar a los clientes que utilizan dispositivos móviles. Recuerda que los buenos sitios móviles son útiles: ayudan a los visitantes a completar sus tareas, ya sea que consistan en 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 dispositivos móviles que no ofrece una funcionalidad completa. En lugar de eso, recuerda crear un sitio optimizado para dispositivos móviles (que sea realmente útil para los clientes de dispositivos móviles y que esté optimizado para las tareas más comunes de los usuarios).
  2. Implementar el sitio móvil en un dominio, subdominio o subdirectorio diferente del sitio para computadoras de escritorio. Si bien Google admite configuraciones variadas de sitios móviles, crear URL diferentes para dispositivos móviles aumenta el trabajo necesario para actualizar el sitio y hacer el mantenimiento, además de que introduce posibles causas de problemas técnicos. A menudo, para simplificar mucho el trabajo, puedes usar un diseño web responsivo y publicar la versión del sitio para computadoras de escritorio y dispositivos móviles en la misma URL. El diseño web responsivo es la configuración recomendada de Google.
  3. Trabajar de forma aislada en lugar de buscar otras fuentes de inspiración. Consulta otros sitios de tu sector o de la competencia para buscar inspiración y prácticas recomendadas. Dado que seguramente no eres el primero de tu sector en crear un sitio móvil, puedes aprovechar para aprender de quienes ya lo hicieron.