Cómo crear una página web optimizada para móviles

Una mujer navega en una página web optimizada para móviles

Disponer de una página web optimizada para dispositivos móviles siempre ha supuesto una ventaja, pero hoy en día es esencial. De hecho, los usuarios se han acostumbrado tanto a navegar por internet desde pantallas pequeñas y a que las páginas se carguen a la velocidad máxima, que abandonarán tu sitio rápidamente si no está adaptado para móviles.

Si tienes una página web profesional, seguramente ya habrás escuchado hablar acerca de la importancia de los consumidores móviles e, incluso, ya te habrás preguntado “¿está adaptada mi página web a dispositivos móviles?”

En este sentido, tenemos muy buenas noticias si utilizas el creador de páginas web de Jimdo: desde el momento de su creación, tu página web está optimizada para dispositivos móviles de manera automática, la tecnología más moderna en lo que a diseño web para móviles se refiere. Las plantillas para móviles Jimdo se adaptan al tamaño de cualquier pantalla sin que tengas que hacer nada.

No obstante, si aún te sigues preguntando qué más puedes hacer para crear la mejor página web optimizada para móviles, o si te da curiosidad conocer los beneficios del diseño móvil, sigue leyendo los consejos que te brindamos en este artículo.

La importancia de una página web adaptada a dispositivos móviles

La mayoría de las personas usan dispositivos móviles: el uso de páginas web móviles (es decir, el acceso a una web desde un smartphone o una tablet mientras estamos de un lugar a otro) ha ido en aumento en los últimos años. En el 2015, Google anunció que, por primera vez, las personas estaban realizando más búsquedas desde dispositivos móviles que desde ordenadores o portátiles.

Con la optimización móvil puedes mejorar tu posicionamiento en Google. Existe un beneficio muy importante para el SEO de tu web al tenerla optimizada, ya que Google prioriza las páginas web móviles en los resultados de búsquedas que se realizan desde smartphones. Esto implica que si alguien busca “pizza” en un teléfono, Google va a mostrarle a esa persona los sitios web de lugares cercanos que estén optimizados.

Captura de la página de inicio de una web vista en diferentes dispositivos
Disponer de una página web optimizada para dispositivos móviles es muy importante para las pymes y los negocios locales.

Los clientes móviles suelen vivir cerca y consumir más. Las personas que visitan tu web desde un dispositivo móvil por lo general viven cerca y están dispuestas a comprar ya que andan en la calle. Si buscas “pizza” desde tu teléfono, seguramente quieras una pizza en ese preciso momento y quieres alguna que se encuentre cerca.
Si bien es común que los clientes aún utilicen un ordenador para realizar búsquedas, leer opiniones y tomar decisiones sobre compras grandes, los consumidores móviles quieren entrar en contacto en el momento, por eso es tan importante la optimización en búsquedas locales. Una página web móvil puede ayudarles a tus clientes a actuar más rápido, y a ti a conseguir más ventas locales.

Crea la página web para tu negocio con Jimdo

¿Qué es el diseño adaptado para móviles?

Si alguna vez has visitado una página web desde tu teléfono móvil y has tenido que entrecerrar los ojos o agrandar y achicar la pantalla para poder verlo todo, sabes lo que es un sitio que no está adaptado a dispositivos móviles, y lo frustrante que puede ser.

Por eso recomendamos un diseño adaptable. Una página web con diseño responsive se ajusta automáticamente al tipo de dispositivo que usan los visitantes: cambia la resolución, el tamaño de imágen, los menús y otras características para su correcta visualización en los distintos tamaños de pantalla.

Imagen de una página web vista desde un teléfono móvil
Un sitio web con diseño web responsive se adapta a todos los dispositivos móviles.

Con una página web optimizada para móviles, no necesitas crear otra web solo para dispositivos móviles ni una landing page por separado. Todos tus usuarios podrán acceder a la misma página web desde cualquier dispositivo, y su experiencia al navegar por su sitio será inmejorable.

Cómo optimizar tu página web

Hay unos pocos pasos simples que puedes dar para mejorar el diseño de tu página web en móviles y tablets.

La prueba de optimización para móviles de Google: Google ofrece una forma útil, sencilla y gratuita de diagnosticar varios problemas móviles en tu página web. Solo tienes que dirigirte a la Prueba de optimización para móviles de Google e insertar la dirección URL de tu página web. Esta prueba te dirá, por ejemplo, si la letra de tu web es muy pequeña o si los elementos táctiles, como botones o enlaces, están colocados demasiado juntos para que los visitantes los seleccionen con los dedos. Además, es una buena forma de revisar la accesibilidad de tu página web en general.

Consejos para crear la mejor página web adaptada para móviles

Asegúrate de que tus subpáginas se carguen rápido: es más probable que quienes usan dispositivos móviles tengan una conexión a internet más lenta. Por eso, es muy importante que tu sitio web se cargue rápido y no consuma todos los datos de tus visitantes. Puedes utilizar herramientas gratuitas para analizar la velocidad de tu página web y obtener recomendaciones sobre lo que puedes hacer para aumentar la velocidad. Por ejemplo, puedes reducir el tamaño de imágenes grandes (ver a continuación), eliminar extensiones o ventanas emergentes que ralentizan el proceso y reducir la cantidad de hipervínculos que utilizas.

Cambia el tamaño de tus imágenes y optimízalas: ¿crees que las imágenes en tu página web son más grandes de lo que en realidad necesitas? Las fotografías de las plataformas de fotos de archivo e incluso las que tomas con una buena cámara digital pueden llegar a ser archivos de gran tamaño (como de más de 1MB), y esto puede hacer más lenta tu página web. La buena noticia es que puedes “comprimirlas” sin que pierdan la calidad usando una herramienta gratuita, como TinyPNG o TinyJPG. También puedes cambiar las dimensiones de una foto para reducir su tamaño (por ejemplo, haciéndola de 800 píxeles de ancho en lugar de 2000 píxeles).

Utiliza un menú de navegación simple y corto: si el menú de navegación de tu página web es complejo, con muchas páginas y subpáginas, será más difícil para quienes acceden desde un dispositivo móvil encontrar lo que están buscando rápidamente. En términos más prácticos, les resultará más difícil encontrar y tocar el enlace correcto con el dedo. Crear un menú de navegación más corto y simple te ayudará y, además, hará que tu página web sea más fácil de visitar también para quienes lo hacen desde el ordenador.

Incluye información de contacto clara: como es probable que los clientes móviles quieran ponerse en contacto, asegúrate de que en tu página de inicio no sea necesario desplazarse demasiado para llegar a los datos de contacto. Además, procura siempre poner un número de teléfono y una dirección de correo electrónico donde se pueda hacer clic directamente, ya que rellenar un formulario de contacto desde el móvil puede llevar mucho tiempo y resultar tedioso.

Muestra primero el contenido más importante: los visitantes de páginas web quieren encontrar la información que necesitan de forma rápida y, más aún, si lo hacen con el móvil desde cualquier lugar.

Utiliza botones y letra grande: Las personas que usan dispositivos móviles necesitan un tipo de letra y botones call to action (CTA) incluso más grandes de lo que tú piensas para poder navegar sin problemas por una página web.

La mejor forma de comprobarlo es revisar los diferentes modos de vista previa. Así podrás ver cómo aparece tu web en diferentes pantallas y analizarlo con tus propios ojos. O mejor aún, pídele a un amigo o a un familiar (alguien que use gafas) que pruebe entrar a tu página web y te diga qué opina.

No incluyas animaciones con flash: ni los efectos de flash ni las animaciones funcionan en iPhones o iPads. Por lo tanto, una gran parte de tu público no tendrá acceso al contenido de tu página web. Si usas Jimdo, ¡estás de suerte! Todas nuestras páginas usan el HTML5 más actualizado, al que se puede acceder desde cualquier tipo de teléfono inteligente o tabletas.

Crea la página web para tu negocio con Jimdo

Errores que debemos evitar

  • No controlar cómo se ve tu página web desde un dispositivo móvil: si por lo general trabajas en tu página web desde tu ordenador, puede resultar difícil recordar echarle un vistazo a la vista previa móvil de vez en cuando. Sin embargo, si lo haces, te ayudará a identificar cualquier tipo de inconveniente que quizás nunca notarías desde un portátil.
  • Crear una web eterna: apiádate de los visitantes. Intenta que el contenido de tu página sea corto y conciso para que tu público no tenga que bajar y bajar eternamente.
  • Presentar infografías con demasiados detalles: las infografías son un recurso excelente para las páginas web. Sin embargo, cuando la infografía se reduce para adaptarse a pantallas más pequeñas, pueden resultar un dolor de cabeza a la hora de leerlas. Asegúrate de comprobar que eso no suceda. Quizás te des cuenta de que sería mejor recurrir a otras opciones, como dividir una infografía larga en gráficos separados y más pequeños.
  • Incluir demasiado texto: un párrafo de texto que se ve normal en una pantalla de ordenador puede resultar eterno en una pantalla de móvil. Escribe párrafos cortos y separa la información en bloques con viñetas, títulos e imágenes. 
  • Colocar elementos muy juntos: no podemos cambiar el tamaño de los dedos, ¿verdad? No le compliques la vida a tu público y deja el espacio suficiente entre botones y otros enlaces para que los visitantes no toquen otra cosa sin querer.
  • Usar flash: ni los efectos de flash ni las animaciones funcionan en iPhones o iPads. Por lo tanto, una gran parte de tu público no tendrá acceso al contenido de tu página web. Si usas Jimdo, ¡estás de suerte! Todas nuestras páginas usan el HTML5 más actualizado, al que se puede acceder desde cualquier tipo de teléfono inteligente o tabletas.
  • Pedirles a los visitantes que completen formularios: seamos honestos, nadie quiere completar formularios web desde un móvil. Si necesitas incluir un formulario, que sea lo más corto posible. O, mejor aún, permíteles a los visitantes enviarte la información de otra forma, ya sea por email o a través de una llamada telefónica.

Jimdo: el mejor creador de páginas web móviles

Jimdo te brinda la forma más fácil de crear una página web optimizada para móviles: bloques fáciles de armar, optimización móvil automática y posibilidad de editar tu propio sitio. ¡No quedan dudas! Con Jimdo, tu página web está adaptada para móviles y es perfecta para todos tus clientes.

Crea la página web para tu negocio con Jimdo

Maggie Biroscak
Maggie es escritora y editora en Jimdo. En sus trabajos anteriores, ha editado para organizaciones sobre medio ambiente, ciudades y negocios sostenibles. Si no está cerciorándose del uso correcto de la puntuación, la puedes encontrar acampando, cocinando o leyendo revistas científicas.