Introducción

¿Cuáles son las tres cosas que deberías saber a la hora de crear un sitio web 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. El vicepresidente del grupo y director tecnológico de comercio electrónico de Walgreens, Abhi Dhar, explica lo siguiente: "Nuestro objetivo con todo lo que hacemos para móviles es facilitar la vida a nuestros clientes".

Diseña tu sitio para que tus clientes puedan realizar más fácilmente sus tareas habituales, desde la concepción de la tarea hasta la visita al sitio y la finalización de la tarea.

Repasa los posibles pasos del cliente durante su recorrido por el sitio para asegurarte de que se puedan seguir fácilmente desde un dispositivo móvil. Intenta dinamizar la experiencia y reducir el número de interacciones del usuario. En este ejemplo: (1) el cliente hace clic en un sitio después de hacer una búsqueda para comprar lámparas; (2) navega por una selección de lámparas; (3) compra la lámpara deseada.

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

Crear un sitio web para móviles requiere establecer 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 llevar a cabo dichas tareas y, por esta razón, lo que realmente cuenta a la hora de valorar un sitio para móviles es si los clientes pueden lograr sus objetivos. Hay maneras de lograr que el diseño del sitio web también sea compatible con la facilidad de uso. Céntrate en conseguir que la interfaz sea coherente y en ofrecer una experiencia unificada en todas las plataformas.

"Los compradores que utilizan los móviles valoran en primer lugar la facilidad de uso de los sitios de compra por Internet. Un 48% de ellos lo considera la cualidad más importante de los sitios para móviles", afirma MediaPost.

3. La plantilla, el tema o el diseño para móviles debe ser el mismo en todos los dispositivos (es decir, uso de diseño web adaptable).

En un diseño web adaptable o RWD, la página utiliza la misma URL y el mismo código tanto si el usuario utiliza un ordenador como si utiliza un tablet o un teléfono móvil; simplemente se ajusta el contenido o "responde" en función del tamaño de la pantalla. Google recomienda utilizar RWD antes que otros patrones de diseño. Una de las ventajas de RWD es que solo tienes que hacer el mantenimiento en una versión del sitio web, y no en dos (es decir, no hace falta que hagas el mantenimiento del sitio para ordenadores en www.example.com y de la versión para móviles en m.example.com. Solo tendrás que hacerlo en un sitio, como www.example.com, para los visitantes de ordenadores y de móviles).

En un sitio adaptable se ajusta el contenido a diferentes tamaños de pantalla, pero se siguen utilizando la misma URL y el mismo código. Los tres dispositivos anteriores utilizan www.example.com (y no m.example.com para la página para móviles, t.example.com para la página para tablets, etc.).

"Utilizar RWD permitió a Baines & Ernst optimizar la experiencia de su sitio en diferentes tamaños de pantalla sin tener que crear varios 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" se producen cuando un cliente realiza una de las acciones deseadas, como comprar productos, llamar al negocio o suscribirse a un boletín de noticias.

Para obtener más información sobre cómo implementar un diseño web adaptable, consulta el contenido para desarrolladores en Aspectos básicos de la Web. Si quieres sopesar los pros y los contras de diferentes implementaciones en sitios web para móviles, tablets y ordenadores, consulta Crear sitios web para consumidores multipantalla.

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

Error 1: Olvidar a los clientes que utilizan dispositivos móviles

Recuerda que los buenos sitios para móviles son útiles: permiten a los visitantes completar sus tareas, tanto si se trata de leer un artículo interesante como de consultar la ubicación de tu tienda. No caigas en la trampa de crear simplemente un sitio con formato para móviles (que se vea bien en los móviles), porque así se pierden todas las funciones útiles. 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 comunes de los usuarios).

Error 2: Implementar el sitio para móviles en un dominio, subdominio o subdirectorio diferente al del sitio para ordenadores

Aunque Google admite varias configuraciones de sitios para móviles, crear URL diferentes para móviles aumenta el trabajo necesario para hacer el mantenimiento del sitio y para actualizarlo, al mismo tiempo que introduce posibles causas de problemas técnicos. A menudo puedes simplificar las cosas utilizando un diseño web adaptable (RWD) y publicar para ordenadores y para móviles desde la misma URL. Google recomienda utilizar la configuración de diseño web adaptable.

Error 3: Trabajar de forma aislada en vez de mirar alrededor en busca de inspiración

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 para móviles, puedes aprovechar para aprender de los que te han precedido. También puedes encontrar muchas ideas en la Guía para móviles y en los Casos de éxito de sitios multipantalla en Google.

¿Qué debo tener en cuenta al trabajar con un desarrollador?

Sigue los pasos siguientes para garantizar buenos resultados al trabajar con un desarrollador en la creación de un sitio optimizado para móviles.

1. Pide referencias al desarrollador y la posibilidad de ver un porfolio de los sitios web para móviles que ha creado.

Pregúntale si tiene experiencia en diseño web adaptable (RWD). Si tienes un sitio orientado solamente a ordenadores, pregúntale si ha hecho transiciones de sitios para ordenadores a sitios adaptables. Echa un vistazo a otros sitios que haya creado. Habla con las personas que han recomendado el desarrollador y con clientes anteriores para pedirles opinión sobre su trabajo. Puedes utilizar herramientas como PageSpeed Insights de Google para ver porfolios de desarrolladores. PageSpeed Insights detecta los factores que interfieren en la velocidad de las páginas o que dificultan su uso.

En Aspectos básicos de la Web se ejecuta PageSpeed Insights para poner a prueba la velocidad y la experiencia del usuario.

2. Asegúrate de que el desarrollador conoce el tipo de cliente que utiliza dispositivos móviles para acceder a tu sitio.

Explícale tu negocio e indícale cuáles son las funciones más utilizadas que quieres optimizar en el sitio para móviles. Asegúrate de que desarrolla un sitio que admita las funciones que los clientes que utilizan dispositivos móviles necesitan.

3. Pide al desarrollador que tenga en cuenta la velocidad.

Evita que los clientes tengan que esperar demasiado tiempo hasta que las páginas se carguen en el navegador. Pregúntale al desarrollador si conoce PageSpeed Insights (la herramienta descrita anteriormente) y si está familiarizado con las técnicas para hacer que las páginas se carguen más rápidamente. En el contrato puedes incluir como requisito la creación de páginas que se "procesen" tan rápidamente como las de la competencia, según WebPagetest. O bien, si eso es demasiado difícil, puedes pedirle al desarrollador que se comprometa a obtener un resultado de PageSpeed Insights con una marca de verificación verde o sin ningún problema tipificado como "Necesita corrección". (Si las páginas no reciben una marca de verificación verde, es recomendable que valores junto con el desarrollador los costes y los beneficios de corregir el problema.) Puedes obtener más información sobre la velocidad de las páginas para móviles en el vídeo Correcciones rápidas para el rendimiento de los sitios web para móviles.

4. Pide al desarrollador que instale alguna herramienta de análisis web.

Instala herramientas de análisis web como Google Analytics para que puedas obtener información agregada sobre el rendimiento del sitio.

5. Asegúrate de que tanto tú como el desarrollador conocéis las directrices para webmasters de Google.

Las directrices contienen información sobre la forma como Google busca, procesa y clasifica el contenido del sitio.

6. Asegúrate de que en el contrato se incluye la mejora del sitio para móviles tras el lanzamiento inicial.

Es probable que obtengas comentarios de los clientes y datos de la herramienta de análisis web que quieras utilizar para mejorar tu sitio aún más.

Te recomendamos que consultes la lista de proveedores multipantalla y para móviles recomendados de Google AdWords. Para obtener más información acerca de la implementación de sitios web para móviles, consulta nuestra documentación en SEO para móviles.