▷ Optimizar web para moviles | Actualizado octubre 2024

Herramientas de google pagespeed

Durante mucho tiempo, el diseño responsivo dominó la web como el formato preferido para los sitios empresariales y personales. Ahora, sin embargo, la optimización para móviles ha empezado a ganar credibilidad como estrategia potencialmente preferible.
Si alguna vez has accedido a un sitio web en un dispositivo móvil, sabes que puede ser frustrante. Los botones y enlaces diminutos, el desplazamiento interminable y los campos de los formularios poco claros crean molestias que a menudo provocan el abandono.
La fricción se produce cuando hay una barrera para la conversión. Si un cliente tiene que esforzarse más de lo necesario para lograr un objetivo, siente fricción. Esto hace que ese cliente quiera evitar la experiencia por completo.
Cuando finalmente encuentra una lista de auriculares a la venta, tiene que tocar cada uno de ellos para ver las especificaciones. A continuación, es posible que tenga que pellizcar, desplazarse y manipular de otro modo la pantalla para encontrar la información que necesita.
Hay que tener en cuenta que el uso de dispositivos móviles ha aumentado en los últimos años. No sólo el acceso a Internet desde el móvil supera al de los ordenadores de sobremesa, sino que los usuarios de móviles pasan el doble de minutos en sus dispositivos que los usuarios de ordenadores de sobremesa y portátiles.

La rana gritona

Es importante que su sitio web funcione bien en los dispositivos móviles, así que si todavía no ha invertido en hacer que su sitio web sea apto para móviles, es hora de hacerlo. He aquí algunas razones por las que su presencia móvil es fundamental para su negocio:
Cuando alguien visita su sitio web en el móvil, espera respuestas de inmediato. Querrán conocer rápidamente su negocio y decidir si les interesa. Su experiencia en su sitio web influirá en gran medida en la impresión que se lleven de su empresa y en la probabilidad de que se conviertan en clientes.
¿Su sitio se carga rápidamente? Casi la mitad de los visitantes abandonan un sitio web para móviles si las páginas no se cargan en 3 segundos. Minimice el tiempo de carga (el tiempo que tarda una página web en aparecer en su pantalla) para que los visitantes puedan navegar rápida y fácilmente por su sitio web.
¿Es fácil navegar? En una pantalla pequeña, puede ser difícil para la gente encontrar lo que quiere. Cuanto más tengan que buscar o ampliar la información, más probable será que se frustren y se vayan. Puedes ayudar a los visitantes a encontrar lo que buscan simplificando el menú de tu sitio y tratando de mantener todo visible sin tener que hacer zoom para leer.

Por qué es importante la optimización para móviles

Un elemento que hay que recordar es que su sitio debe tener botones grandes y fáciles de pulsar. No puede ser simplemente una versión reducida del sitio de escritorio. La gente solía hacer primero un sitio de escritorio y basar la experiencia móvil en él, pero ahora tiene que ser al revés. – Harrison Baum, Daily High Club
El tamaño de los textos y las imágenes es muy importante para la UX general del cliente. Tener todas las imágenes y los textos alineados y con el formato correcto para todos los dispositivos garantiza que todos los clientes vean un diseño profesional y fluido. – Yohanes Sucipto, Grupo Amithya
MÁS PARA TI’Podemos controlar nuestro propio destino’: John Zimmer comparte la visión de Lyft sobre el futuro de la empresa y la oportunidad de mercado de 1 billón de dólaresCuatro nuevos ordenadores Microsoft Surface y un teléfono plegable, y otras noticias tecnológicas para pequeñas empresasLos ex alumnos de la LSE están convirtiendo su universidad en una potencia de las startups
Le prometo que si su comprador o su próximo posible cliente está en su sitio web durante un tiempo significativo, va a buscar su botón de búsqueda. El consumidor espera resultados inmediatos y personalizados al alcance de su mano. Si no se optimiza la función de búsqueda y su experiencia en el móvil, sólo se está dejando dinero sobre la mesa. – Sabrina Shafer, Transformation Continuum

Cómo optimizar el html para móviles

En enero de 2007, Steve Jobs subió al escenario de la Macworld Expo. Con su estilo característico, el cofundador, director general y showman residente de Apple prometió al mundo tres cosas: un iPod actualizado, un teléfono y un miniordenador.
Pero cuando llegó el momento de la gran revelación, no desveló tres productos por separado. Extendió un solo aparato en señal de triunfo: el iPhone. “¿Lo vais a comprar?” preguntó Jobs al público. “No son tres dispositivos separados. Se trata de un solo dispositivo. Y lo llamamos iPhone”.
Con una interfaz totalmente táctil y una estética elegante, el iPhone se diferenciaba del resto de los smartphones del mercado. Once años después, se han vendido más de mil millones. Los expertos lo aclaman como uno de los dispositivos más importantes lanzados este siglo.
El iPhone lideró la revolución de los teléfonos inteligentes y transformó la forma de construir y utilizar los sitios web, inaugurando el diseño móvil y responsivo. Hoy en día, casi todo lo que hacemos -desde pedir comida a domicilio hasta llamar a un Lyft, pasando por compartir una foto en las redes sociales o publicar en nuestro blog- puede hacerse a través de un smartphone. Y el iPhone fue la clave de este cambio.