7 cosas que todo sitio web de negocio debe tener en su versión móvil

La mayoría de las personas que busquen tu negocio llegarán desde el celular: entre reuniones, en la fila de la caja o en el sillón por la noche. Si tu sitio se ve excelente en la computadora pero en el celular tienen que hacer zoom, desplazarse hacia los lados y buscar cómo llamarte, simplemente volverán a los resultados de búsqueda y tocarán el siguiente sitio.

La buena noticia es que la mayoría de los problemas de la versión móvil son conocidos y relativamente fáciles de corregir. Aquí reunimos siete cosas que todo sitio web de negocio debe tener en el celular y, al final, una forma sencilla de revisar tu propio sitio.

Por qué el celular es lo que manda

Google clasifica e indexa los sitios web principalmente según su versión móvil, no según lo que se ve en la computadora. Es decir, si falta contenido importante en el celular o es difícil de usar ahí, eso afecta no solo a los visitantes, sino también a la manera en que Google entiende tu sitio.

Pero incluso sin pensar en Google, la lógica es sencilla: en los primeros segundos el cliente se hace una sola pregunta — "¿Entiendo qué hace este negocio y cómo me comunico con él?" En el celular hay poco espacio en la pantalla y poca paciencia, así que cada pequeño detalle se nota.

1. Botones de llamada y WhatsApp siempre a la mano

En el celular, la forma más natural de contactar es una llamada o un mensaje. Por eso:

• El número de teléfono debe ser clicable, para que un toque inicie la llamada.
• Un botón de WhatsApp que abra un chat directo con el negocio, idealmente con un mensaje inicial ya escrito.
• Conviene que uno de ellos aparezca tanto arriba como más abajo en la página, o como un botón fijo en la parte inferior de la pantalla, para que el visitante no tenga que buscarlo.

Asegúrate de que el botón fijo no tape contenido importante ni otros botones.

2. Texto que se lee sin hacer zoom

Si el visitante tiene que hacer zoom con dos dedos para leer, algo no funciona. Un buen sitio para celular es responsivo: se adapta al ancho de la pantalla, sin desplazamiento lateral.

• Un tamaño de letra cómodo de leer, con un interlineado razonable.
• Párrafos cortos. Lo que en la computadora parece un párrafo razonable se convierte en un muro de texto en el celular.
• Buen contraste entre el texto y el fondo, para que se pueda leer incluso bajo el sol.

3. Carga rápida

En el celular no siempre se navega con una conexión rápida, y un sitio que carga lento pierde gente antes de que vea algo. Las causas más comunes de lentitud en los sitios de negocios suelen ser:

• Imágenes pesadas subidas en el tamaño original de la cámara, en lugar del tamaño y formato adecuados para la web.
• Videos de fondo que se cargan automáticamente.
• Demasiados plugins, scripts y herramientas externas que ya nadie usa.

La herramienta gratuita PageSpeed Insights de Google te permite ingresar la dirección de tu sitio y obtener una evaluación de la velocidad de carga en el celular, junto con una lista de recomendaciones para mejorar.

4. Un menú corto y claro

En el celular, el menú normalmente se contrae en un solo botón y, al abrirse, ocupa toda la pantalla. Un menú con quince elementos y submenús ahí se convierte en un laberinto.

• Deja en el menú principal solo las páginas realmente importantes: servicios, acerca de, proyectos o testimonios, y contacto.
• Usa nombres sencillos y conocidos, no frases creativas que el visitante tenga que descifrar.
• Asegúrate de que el logo lleve de vuelta a la página de inicio.

5. Un formulario de contacto corto y fácil de llenar

Llenar un formulario en el celular cansa más que en la computadora, así que cada campo innecesario reduce la probabilidad de que el visitante termine.

1. Pide solo lo mínimo: nombre, teléfono y quizás un campo para explicar de qué se trata.
2. Configura bien el tipo de cada campo, para que el campo de teléfono abra un teclado numérico y el de correo abra un teclado con @.
3. Escribe en el botón lo que va a pasar, por ejemplo "Envía y te contacto" en lugar de "Enviar".
4. Muestra un mensaje de confirmación claro después del envío, para que el visitante sepa que su consulta se recibió.

También conviene planear de antemano a dónde llegan las consultas — al correo, a WhatsApp o a una hoja de cálculo — para que ninguna se pierda.

6. Botones del tamaño de un dedo

En el celular se toca con el pulgar, no con un mouse. Los enlaces pequeños y amontonados provocan toques equivocados y frustración.

• Botones lo bastante grandes para tocarlos con comodidad, con espacio entre ellos.
• Los botones importantes, en un lugar fácil de alcanzar con una mano.
• Evita enlaces escondidos dentro de una frase larga cuando se trata de la acción principal de la página.

Esto también es parte de la accesibilidad del sitio: un sitio fácil de tocar y de leer es más cómodo para todos los visitantes, incluidas las personas con discapacidad.

7. Sin ventanas emergentes que tapen el contenido

Una ventana emergente que cubre toda la pantalla apenas entra el visitante, con un botoncito para cerrar en la esquina, es una de las experiencias más molestas en el celular. Google mismo recomienda evitar las ventanas emergentes intrusivas que dificultan el acceso al contenido.

Si para ti es importante mostrar una oferta o la suscripción a un boletín, es mejor un banner pequeño que no tape la página, o una oferta que aparezca dentro del mismo contenido.

Cómo revisar tu sitio web en cinco minutos

No necesitas conocimientos técnicos para tener un primer panorama:

1. Abre tu sitio en tu celular y pídele también a otra persona que lo abra en un dispositivo diferente.
2. Intenta realizar la acción que más te importa: llamar, enviar un mensaje o llenar un formulario. Fíjate cuánto tiempo te toma y dónde te atoraste.
3. Revisa si hay desplazamiento lateral, texto demasiado pequeño o botones difíciles de tocar.
4. Pasa la dirección de tu sitio por PageSpeed Insights y mira qué resultados obtienes.

Si tú mismo abandonarías el contacto a mitad de camino, lo más probable es que tus clientes también lo estén abandonando.

En resumen

La versión móvil no es un complemento del sitio: en la práctica, es el sitio que ve la mayoría de tus clientes. Botones de llamada y WhatsApp accesibles, texto legible, carga rápida, un menú sencillo, un formulario corto, botones cómodos y sin ventanas emergentes molestas — esa es la base. Si también tienes dudas sobre el tipo de sitio, vale la pena leer la guía ¿Landing page o sitio web de marca?.

Y si estás planeando un sitio nuevo o quieres mejorar el actual para que funcione bien en el celular, puedes empezar con el Cuestionario de brief para tu sitio web — unos minutos para llenarlo, y juntos podremos entender qué necesita tu sitio.