Cómo hacer un sitio web para móviles

Cómo hacer un sitio web para móviles

Tener un sitio web optimizado para móviles solía considerarse una buena ventaja del diseño web, pero ahora es esencial. De hecho, los consumidores están tan acostumbrados a los sitios web para móviles (fáciles de navegar en una pantalla pequeña y con tiempos de carga rápidos) que abandonarán rápidamente un sitio web si no funciona bien en el móvil.

Si tienes un sitio web para tu negocio, habrás oído una y otra vez lo importantes que pueden ser los clientes móviles. En ese momento, probablemente te preguntes: «Bueno, ¿mi sitio web es apto para móviles?»

Si utilizas el constructor de sitios web para móviles de Jimdo, hay buenas noticias. Tu página web será automáticamente mobile responsive, que es el estándar de oro del diseño web mobile friendly. Las plantillas de sitios web móviles de Jimdo se ajustarán a cualquier tamaño de pantalla automáticamente, sin que tengas que hacer nada especial.

Aún así, si te preguntas qué más puedes hacer para crear el mejor sitio web móvil, o si tienes curiosidad por los beneficios del diseño web amigable para móviles en primer lugar, sigue leyendo mientras te guiamos a través de algunos consejos móviles.

¿Por qué es tan importante un sitio web amigable para móviles?

Mucha gente utiliza el móvil: El uso de sitios web móviles (en otras palabras, el uso de un sitio web sobre la marcha desde un teléfono inteligente o una tableta) ha ido en aumento durante años. En 2015, Google anunció que, por primera vez en la historia, había más personas realizando búsquedas desde dispositivos móviles que desde ordenadores de sobremesa o portátiles.

Adaptarse a los dispositivos móviles ayuda a su clasificación en Google: Tener un sitio web optimizado para móviles tiene una clara ventaja para el SEO, ya que Google da prioridad a los sitios web optimizados para móviles en los resultados de búsqueda en los smartphones. Esto significa que si alguien busca «pizza» desde su teléfono móvil, es más probable que Google le muestre en los resultados de búsqueda sitios web optimizados para móviles cercanos.

Los clientes móviles tienden a ser locales y a estar dispuestos a comprar: Las personas que visitan su sitio web a través de un dispositivo móvil suelen ser más locales y tienen más probabilidades de realizar una compra porque están en movimiento. Si busca «pizza» desde su teléfono móvil, probablemente sea porque quiere pizza ahora mismo y quiere una pizza que esté cerca de usted. Aunque sigue siendo habitual que los clientes utilicen un ordenador de sobremesa para investigar, leer opiniones y tomar decisiones sobre compras importantes, los consumidores de móviles están más centrados en establecer contacto y actuar en ese mismo momento, por lo que la optimización de la búsqueda local es tan importante. Un sitio web amigable para móviles puede ayudarles a hacer eso, traduciéndose en más negocios locales para ti.

¿Qué es un sitio web responsivo?

Si alguna vez has visitado un sitio web en tu teléfono móvil y te has encontrado entrecerrando los ojos para leer el texto, o acercando y alejando el zoom constantemente para ver todo, entonces seguro que sabes cómo es visitar un sitio «no amigable» para móviles. Frustrante.

Por eso recomendamos utilizar el diseño responsivo. Un sitio web responsivo se ajusta automáticamente al tipo de dispositivo que usan tus visitantes cambiando la resolución, el tamaño de las imágenes, los menús y demás para que tengan sentido en diferentes tamaños de pantalla.

Con un sitio web con capacidad de respuesta, no es necesario construir un sitio web separado sólo para dispositivos móviles o una página de aterrizaje móvil separada: todos sus usuarios pueden coexistir felizmente utilizando el mismo sitio web con capacidad de respuesta.

Cómo hacer que un sitio web sea amigable con los móviles

Hay algunos otros pasos sencillos que puede tomar para mejorar su sitio web en teléfonos móviles y tabletas.

Consejos para los mejores sitios web para móviles:

1. Asegúrate de que tus páginas se cargan rápidamente: Los usuarios de móviles probablemente utilicen una conexión a Internet más lenta, por lo que es aún más importante que tu sitio se cargue rápidamente y no esté consumiendo su plan de datos. Hay herramientas gratuitas que puedes utilizar para comprobar la velocidad de tus páginas y que te darán recomendaciones sobre lo que puedes hacer para que sean más rápidas. Por ejemplo, puedes reducir el tamaño de las imágenes muy grandes (ver más abajo), eliminar cualquier plugin o ventana emergente innecesaria que esté ralentizando las cosas, y reducir el número de redireccionamientos de URL que estés utilizando.
2. Redimensiona y optimiza tus imágenes y tu logo: ¿Son las imágenes y el logotipo de su sitio web mucho más grandes de lo que realmente necesita? Las fotografías de sitios de fotografía de stock e incluso las tomadas con una buena cámara digital pueden tener un tamaño de archivo enorme (más de 1 MB), por ejemplo, y esto puede ralentizar su sitio web. La buena noticia es que puedes «comprimirlas» sin perder su calidad, utilizando una herramienta gratuita como TinyPNG o TinyJPG. También puedes cambiar las dimensiones de una foto para hacerla más pequeña (por ejemplo, haciéndola de 800 píxeles de ancho en lugar de 2000). Para obtener más consejos y trucos sobre las imágenes, consulte nuestro post Cómo optimizar las imágenes del sitio web para mejorar el diseño y el SEO.
3. Utilice un menú de navegación sencillo y corto: Si su sitio web tiene un menú de navegación complejo con muchas páginas y subpáginas, será más difícil para los visitantes móviles encontrar lo que necesitan rápidamente. En un plano aún más práctico, les resultará difícil apuntar y acertar con el enlace correcto con el dedo. Hacer que su menú de navegación sea más corto y sencillo le ayudará (y, como ventaja adicional, hará que su sitio web sea más fácil para los visitantes de escritorio también).
4. Cree una información de contacto clara: Dado que los clientes móviles probablemente quieran ponerse en contacto, asegúrese de que su página de inicio no requiera mucho desplazamiento para llegar a su información de contacto. Además, asegúrese de poner un número de teléfono y una dirección de correo electrónico en los que alguien pueda hacer clic, porque rellenar un formulario de contacto en un teléfono móvil puede llevar mucho tiempo y ser molesto.
5. Muestre primero el contenido más importante: Los visitantes del sitio web quieren encontrar la información que necesitan rápidamente, y eso es aún más cierto cuando están en movimiento.
6. Utilice texto y botones grandes: Las personas que utilizan dispositivos móviles necesitan textos y botones de llamada a la acción aún más grandes de lo que cabría esperar para poder utilizar un sitio web con comodidad. La mejor manera de comprobar esto es mirar su sitio web en los diferentes modos de vista. Esto le mostrará cómo aparece su sitio en diferentes pantallas, y podrá ver por sí mismo cómo se ve todo. Mejor aún, pídale a un amigo o pariente (o a alguien que use gafas) que pruebe su sitio web por usted y le haga saber lo que piensa.
7. No utilice animaciones Flash: Los efectos o animaciones en Flash no funcionan en iPhones o iPads, por lo que una gran parte de tu público no podrá ver lo que hay en tu página. Si utilizas Jimdo estás de suerte: todas nuestras páginas web utilizan el más moderno HTML5, que es accesible para todo tipo de smartphones y tablets.

Errores comunes de los sitios web para móviles

• Olvidar mirar tu propio sitio web desde un dispositivo móvil: Si normalmente trabajas en tu sitio web desde el ordenador, puede ser difícil recordar revisar la vista móvil de vez en cuando. Pero hacerlo puede ayudarte a detectar cualquier pequeño inconveniente que nunca notarías desde un portátil.

• Desplazamiento interminable: No le hagas daño a los pulgares de la gente. Intente que sus páginas web sean cortas y concisas para que los visitantes móviles no tengan que desplazarse y desplazarse.
• Infografías superdetalladas: Las infografías son geniales para los sitios web, pero cuando la infografía se encoge para adaptarse a la pantalla más pequeña, puede resultar imposible de leer. Asegúrese de probarlo usted mismo. Quizá le convenga dividir una infografía grande en gráficos más pequeños y separados.
• Demasiado texto: Un párrafo de texto que parece normal en una pantalla de ordenador puede parecer Guerra y Paz en una pantalla de móvil. Mantenga los párrafos cortos y separe los grandes bloques de texto con viñetas, títulos e imágenes. Aquí tienes más consejos para que el texto del sitio web sea legible.
• Toca los elementos demasiado juntos: No hay mucho que una persona pueda hacer para encoger sus dedos; facilítales la vida poniendo suficiente espacio entre tus botones y otros enlaces para que la gente no toque accidentalmente lo que no debe.
• Usar Flash: Los efectos o animaciones de Flash no funcionan en iPhones o iPads, así que una gran parte de tu audiencia no podrá ver lo que hay en tu sitio. Si utilizas Jimdo estás de suerte: todas nuestras páginas web utilizan el más moderno HTML5, que es accesible para todo tipo de smartphones y tablets.
• Requerir que la gente rellene formularios: Seamos sinceros; nadie quiere rellenar un formulario web desde un teléfono móvil. Si necesitas un formulario, hazlo lo más corto posible. O mejor aún, deja que la gente te envíe la información de otra manera, como por correo electrónico o simplemente llamando a tu número de teléfono.

Jimdo: El mejor constructor de sitios web para móviles

Jimdo es la forma más fácil de construir un sitio web amigable para móviles o una página de aterrizaje móvil. Con bloques de construcción fáciles, la capacidad de respuesta móvil automática, e incluso la capacidad de editar su sitio sobre la marcha usted mismo, usted puede estar seguro de que su sitio web es amigable para móviles y perfecto para todos sus clientes.