Introducción

¿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. Abhi Dhar, vicepresidente del grupo y director tecnológico de comercio electrónico de Walgreens, explica lo siguiente: "Nuestra meta con todo lo que hacemos para dispositivos móviles es facilitarles la vida a nuestros clientes".

Diseña el sitio para que tus clientes puedan realizar sus tareas comunes con más facilidad, desde la concepción de la tarea hasta la visita al sitio y la finalización de la tarea.

Esquematiza los posibles pasos del recorrido de tus clientes para asegurarte de que sean fáciles de completar en un dispositivo móvil. Intenta dinamizar la experiencia y reducir el número de interacciones del usuario. En este ejemplo, el cliente (1) 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 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

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 también sea compatible con la facilidad de uso. Concéntrate en lograr que la interfaz sea coherente y en ofrecer una experiencia unificada en todas las plataformas.

Según MediaPost, "Los compradores que utilizan dispositivos móviles valoran en primer lugar la facilidad de uso de los sitios de compra en línea. Un 48% de ellos lo considera la cualidad más importante de los sitios móviles que visitan".

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 el "diseño web responsivo", o RWD, la página utiliza la misma URL y el mismo código más allá de si el usuario usa una computadora de escritorio, una tablet o un teléfono celular; el contenido simplemente se ajusta o "responde" en función del tamaño de la pantalla. Google recomienda usar RWD antes que otros patrones de diseño. Una de las ventajas de RWD es que solo tienes que hacer el mantenimiento de una versión del sitio en lugar de dos. Eso significa que no hace falta que hagas el mantenimiento del sitio de escritorio en www.example.com y de la versión para dispositivos móviles en m.example.com (solo tendrás que hacerlo en un sitio, como www.example.com, para los visitantes de escritorio y de dispositivos móviles).

Un sitio responsivo ajusta 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 (y no m.example.com para la página para dispositivos móviles, t.example.com para la página para tablets, etc.).

"Usar 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 registrarse para recibir un boletín informativo.

Si deseas obtener más información sobre cómo implementar un diseño web responsivo, consulta el contenido para desarrolladores en Fundamentos de la Web. Si quieres comparar los pros y los contras de diferentes implementaciones en sitios web para dispositivos móviles, tablets y 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?

Error 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 simplemente un sitio con formato para dispositivos móviles (que se vea bien en estos dispositivos), ya que así se pierden todas las funciones útiles. 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).

Error 2: Implementar el sitio móvil en un dominio, subdominio o subdirectorio diferente del sitio de escritorio

Si bien Google admite configuraciones variadas de sitios móviles, crear URL diferentes para dispositivos móviles aumenta el trabajo necesario para hacer el mantenimiento del sitio y para actualizarlo, además de que introduce posibles causas de problemas técnicos. A menudo, tienes la opción de simplificar el proceso si usas diseño web responsivo (RWD) y publicas para computadoras y dispositivos móviles desde la misma URL. El diseño web responsivo es la configuración recomendada de Google.

Error 3: Trabajar de forma aislada en lugar de buscar otras fuentes de inspiración

Echa un vistazo a otros sitios de tu sector o de la competencia para buscar inspiración y recomendaciones. 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. También encontrarás muchas ideas en la guía The Mobile Playbook y en los casos de éxito de sitios multipantalla en Google.

¿Qué debería tener en cuenta al trabajar con un desarrollador?

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

1. Pídele al desarrollador referencias y su porfolio para ver los sitios web móviles que creó

Pregúntale si tiene experiencia en diseño web responsivo (RWD). Si la versión de tu sitio es únicamente de escritorio, pregúntale si realizó transiciones de sitios de escritorio a sitios responsivos. Echa un vistazo a otros sitios que haya creado. Habla con las referencias que mencionó el desarrollador y con clientes anteriores para saber qué opinan sobre su trabajo. Puedes utilizar herramientas como PageSpeed Insights de Google para revisar el porfolio de un desarrollador. PageSpeed Insights resalta aquellos factores que interfieren en la velocidad de una página o afectan su usabilidad.

En Fundamentos 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 entienda cómo son los clientes que visitan tu sitio con dispositivos móviles

Cuéntale cómo es tu negocio y explícale cuáles son las tareas más comunes que quieres optimizar en el sitio para dispositivos móviles. Asegúrate de que desarrolle un sitio que admita las funciones que necesitan los clientes que usan dispositivos móviles.

3. Pídele al desarrollador que tenga muy 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 que mencionamos arriba) 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 que las páginas creadas se "procesen" tan rápido como las de la competencia, según WebPagetest. 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 problemas marcados como elementos que se deben corregir. (Si las páginas no reciben una marca de verificación verde, queda a criterio tuyo y del desarrollador analizar los costos y las ventajas de corregir el problema). Puedes obtener más información sobre la velocidad de las páginas móviles en el video "Correcciones rápidas para el rendimiento de los sitios web móviles".

4. Pídele al desarrollador que instale estadísticas web

Instala estadísticas web, como Google Analytics, para poder recopilar información adicional sobre el rendimiento de tu sitio.

5. Asegúrate de que tanto tú como el desarrollador conozcan los lineamientos para webmasters de Google

En los lineamientos, se brinda información sobre el modo en que Google encuentra, procesa y clasifica el contenido de tu sitio.

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

Lo más probable es que recibas comentarios de los clientes y datos de las estadísticas web que querrás utilizar para mejorar aún más tu sitio.

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

Enviar comentarios sobre…