Por qué tu página web debe verse bien en el celular (consecuencias reales)

Si tienes un negocio y ya pagaste por una página web, lo que más duele es enterarte de que la mitad de las personas que la visitan se van sin hacer nada, y la razón no fue el precio ni el producto: fue que el sitio se veía mal en el celular.

Más de seis de cada diez personas que buscan algo en Google lo hacen desde el celular. Si tu página les aparece con letras diminutas, botones que no responden y un menú que tapa todo, esa persona cierra y busca a otro. Y tú ni te enteras.

Botones diminutos, textos que no se leen, menú que tapa todo

La pantalla de un celular mide entre 5 y 6 pulgadas. Si tu página web fue diseñada pensando en un computador de escritorio, todo en el celular se ve encogido.

El texto queda tan pequeño que el visitante tiene que pellizcar la pantalla para agrandar. El botón de "Cotizar" o "Contactar" queda tan apretado contra otro botón que al tocarlo se activa el equivocado. Y el menú, en lugar de abrirse limpio, se despliega y tapa el contenido que estaban leyendo.

Una clínica veterinaria en Medellín puede tener 400 personas al mes llegando a su sitio desde el celular. Si el formulario de citas queda escondido detrás de un menú que no cierra bien, y el botón de WhatsApp es un punto de 8 píxeles que nadie puede tocar con el dedo, esas 400 visitas se van sin reservar nada. A 80.000 pesos por cita, el cálculo es sencillo.

El problema de fondo es que muchas páginas se revisan en computador durante el diseño y se aprueban así. Nadie las abre en un Samsung de gama media, que es el celular que usa la mayoría de colombianos, antes de publicarlas.

Vale la pena también notar que un sitio que carga lento agrava todo lo anterior. Si los botones ya son difíciles de tocar y encima la página tarda en mostrarlos, la persona se va antes de intentarlo. Puedes leer más sobre eso en por qué una página web lenta cuesta ventas.

Formularios imposibles de llenar en pantalla chica

Los formularios son el momento más crítico de tu página. Ahí el visitante está dispuesto a darte su nombre, su correo o su número de teléfono. Si ese formulario funciona mal en el celular, pierdes exactamente al que ya estaba convencido.

¿Qué pasa con un formulario mal adaptado al celular? Los campos quedan tan juntos que al tocar uno se activa el de abajo. El teclado del celular aparece y tapa la mitad del formulario, y el visitante no sabe si ya llenó todos los campos. El botón de enviar queda fuera de la pantalla y hay que hacer scroll para encontrarlo, pero en ese scroll accidental se borra lo que ya habían escrito.

Una empresa de servicios de limpieza en Bogotá puede poner un formulario de cotización en su página y recibir visitas, pero si ese formulario pide seis campos en pantalla chica sin separación suficiente entre ellos, la tasa de abandono en celular puede ser tres veces más alta que en computador. Eso no se ve en las estadísticas de visitas; solo se nota en que las cotizaciones nunca llegan.

La regla práctica: un formulario bien adaptado al celular tiene campos grandes, espaciados, con el teclado correcto para cada tipo de dato (el celular abre el teclado numérico cuando toca llenar un teléfono, no el teclado de letras). Y el botón de enviar es visible sin necesidad de hacer scroll.

Cómo probarlo tú en dos minutos con tu propio celular

No necesitas a nadie para saber si tu página tiene este problema. Abre el celular, entra a tu propio sitio web y haz esto:

Primero, navégala como si fueras un cliente nuevo. Toca el menú. ¿Se abre bien? ¿Puedes cerrarlo? Toca el botón principal (el de cotizar, el de llamar, el de comprar). ¿Funciona al primer toque o toca intentarlo dos veces?

Segundo, abre el formulario de contacto o cotización. Llénalo completo. ¿Los campos son fáciles de tocar? ¿El teclado tapa algo importante? ¿El botón de enviar está visible?

Tercero, fíjate si tienes que pellizcar la pantalla en algún momento para leer algo. Si lo haces, eso es un problema.

Hazlo con tu propio celular y con el de alguien más si puedes. Lo que se ve perfecto en un iPhone nuevo puede verse diferente en un Android de 500.000 pesos. Y ese Android de gama media es el que usa una parte importante de tus clientes potenciales en Colombia.

Si en esa prueba de dos minutos encuentras que el menú tapa el contenido, que los botones no responden bien o que el formulario es difícil de llenar, ese es el problema que le estás regalando a tu competencia.

Qué exigir para que se vea bien en celular y computador

Cuando contratas una agencia para que te diseñe la página, esto no es un extra ni una función avanzada. Es una condición básica que debes dejar por escrito desde el inicio.

Exige que te entreguen el sitio probado en celular y en computador antes de publicarlo. No solo en el computador del diseñador. Pide que te muestren cómo se ve en pantallas pequeñas, en pantallas grandes y en tabletas.

Exige que los botones sean grandes suficiente para tocarse con el dedo sin necesidad de hacer zoom. Una buena referencia práctica: si el botón es más pequeño que la yema del pulgar, está mal.

Exige que los formularios funcionen bien en celular: campos separados, teclado adecuado para cada campo y el botón de enviar visible.

Exige que el menú se abra y se cierre bien. En celular, el menú suele ser un ícono de tres líneas que despliega las opciones. Ese menú debe poder cerrarse con facilidad, y cuando esté abierto no debe tapar el logo ni el contenido principal.

Una joyería en Cali, por ejemplo, puede tener fotos hermosas de sus productos en el computador, pero si esas fotos se ven cortadas o deformadas en el celular porque nadie ajustó el tamaño para pantalla pequeña, la imagen de marca que quería proyectar se cae. El cliente no piensa "qué lástima, el diseño no cargó bien"; piensa "esta empresa no es seria".

Pedir una prueba final en celular antes de aprobar el sitio es tan básico como revisar que el aviso del local quede derecho antes de inaugurar.

Si quieres entender qué más hace que una página web te traiga clientes de verdad (no solo visitas que se van sin hacer nada), en qué hace que una página web te traiga clientes encuentras el panorama completo.

En SEOLab diseñamos páginas en WordPress a tu nombre, probadas en celular y computador antes de publicarlas. El modelo es sencillo: no pagas por la construcción, pagas el mantenimiento mientras nosotros mantenemos el sitio seguro, rápido y funcionando. Soporte por WhatsApp en menos de 24 horas hábiles. Sin amarres.