Si tu página web no se ve bien en el celular, lo más probable es que se haya diseñado primero para una pantalla de computadora y que la versión móvil sea un parche o simplemente la misma página encogida. Para saber qué tan grave es, toma tu teléfono y trata de hacer las tres cosas que busca un cliente: ver qué haces, encontrar tu horario y contactarte. Si alguna tarda más de unos segundos o te obliga a hacer zoom, hay que arreglarla, y si el problema está en el diseño completo, rehacerla suele ser más rápido que corregir detalle por detalle.
Esto importa más de lo que parece: buena parte de tus clientes te encuentra desde el teléfono, y Google usa principalmente la versión móvil de tu sitio para decidir cómo mostrarlo. Aquí tienes la prueba de tres tareas, un checklist móvil, los errores más comunes de los sitios viejos y la regla para decidir entre parchar o rehacer.
Puntos clave
- Haz la prueba de tres tareas en tu celular: qué haces, tu horario y cómo contactarte, sin hacer zoom.
- Google usa principalmente la versión móvil de tu sitio para indexarlo y mostrarlo.
- Texto legible sin zoom, botones del tamaño de un pulgar, un menú que abre y nada que obligue a mover la pantalla de lado.
- Los menús de restaurante en PDF y los números de teléfono dentro de imágenes son errores clásicos en el celular.
- Botones de llamar, WhatsApp y cómo llegar al alcance del pulgar valen más que cualquier adorno.
- Si el sitio es un diseño fijo de computadora, rehacerlo pensando primero en el celular suele salir mejor que parcharlo.
Míralo como lo ve tu cliente
Revisarlo en tu escritorio, con calma y sabiendo dónde está todo, no sirve. Tu cliente lo abre caminando, en el carro (como pasajero, ojalá) o en la fila del súper, con una mano y a veces con mala señal. Haz esto:
- Toma tu celular y aléjate de tu escritorio. Usa datos móviles.
- Abre tu página como si fueras un cliente nuevo, desde Google, no desde un marcador guardado.
- Intenta tres tareas y cronométralas: entender qué haces, encontrar tu horario y contactarte (llamar, escribir o pedir cita).
- Gira el teléfono de vertical a horizontal y repite. Algunos diseños se rompen solo en una posición.
- Pídele a alguien con otro teléfono que haga lo mismo. Un iPhone pequeño y un Android grande muestran fallas distintas.
Anota todo lo que te molestó: dónde tuviste que hacer zoom, qué botón tocaste por error, qué no encontraste. Esa lista es tu plan de trabajo.
Si te interesa ver una revisión más técnica, el navegador Chrome de computadora tiene un modo para simular pantallas de celular (en las herramientas para desarrolladores) y una auditoría llamada Lighthouse que señala textos pequeños y botones demasiado juntos. Útil, pero no reemplaza la prueba con tu propio teléfono.
Checklist móvil: lo que debe cumplir tu página
| Revisa | Cómo debe estar | Señal de problema |
|---|---|---|
| Texto | Se lee sin hacer zoom, con buen espacio entre líneas | Tienes que pellizcar la pantalla para leer |
| Botones y enlaces | Del tamaño de un pulgar, con espacio entre uno y otro | Tocas «Servicios» y se abre «Contacto» |
| Menú | Abre con un toque, corto y con nombres claros | No abre, abre debajo de otra cosa o tiene 15 opciones |
| Ancho | Todo cabe en la pantalla | Tienes que mover la página de lado |
| Teléfono | Al tocarlo abre el marcador | Está dentro de una imagen o no marca |
| Formularios | Campos grandes; el teclado numérico aparece para el teléfono | Campos diminutos o el teclado tapa el botón de enviar |
| Ventanas emergentes | Ninguna, o una pequeña que se cierra fácil | Una ventana tapa toda la página y la X no se ve |
| Imágenes | Se ajustan a la pantalla y cargan rápido | Se salen del borde o tardan en aparecer |
Si fallas en uno o dos puntos, probablemente se pueda arreglar. Si fallas en la mayoría, el problema es el diseño.
Lo que un cliente necesita al alcance del pulgar
En el celular no hay espacio para todo. La primera pantalla debe tener lo que más le importa al cliente, y lo demás va más abajo.
- Botón de llamar que marque con un toque. En muchos oficios conviene una barra fija abajo con «Llamar» y «WhatsApp» que acompaña al visitante mientras baja.
- Botón de WhatsApp que abra un chat con tu número del negocio. Para muchos clientes hispanos es la forma más natural de preguntar, mandar una foto o pedir precio.
- «Cómo llegar» que abra Google Maps o la app de mapas del teléfono, si tienes local. Mejor que un mapa incrustado que pesa y se mueve cuando el cliente solo quiere bajar.
- Horario visible en texto, no en una imagen.
- Selector de idioma fácil de ver. Si tu sitio está en español y en inglés, el cambio de idioma no puede quedar escondido al fondo del menú. Un «English | Español» arriba basta.
- Una acción principal clara: pedir cita, pedir presupuesto, ordenar en línea. Una, no cinco compitiendo.
Errores típicos de los sitios viejos en el celular
- Diseño de ancho fijo. La página se construyó para una pantalla de computadora y en el celular solo se encoge. Todo se ve diminuto.
- Versión móvil «aparte» que esconde la mitad del contenido o se rompe cada vez que agregas una página.
- Menú de restaurante en PDF. Obliga a descargar un archivo, hacer zoom y moverse de lado. Un menú escrito como página normal se lee mejor, carga más rápido y Google puede leerlo.
- El teléfono o la dirección dentro del logo o de una imagen. No se pueden tocar ni copiar.
- Carruseles con texto encima de fotos. En pantalla pequeña el texto se vuelve ilegible o se corta.
- Ventanas emergentes de suscripción que tapan todo apenas entra el visitante, con una X imposible de tocar.
- Enlaces diminutos en el pie de página, pegados uno al otro.
- Tablas de precios anchas que obligan a mover la pantalla de lado. En el celular conviene mostrarlas como tarjetas, una debajo de otra.
Algunos se corrigen uno por uno si el sitio es sencillo. Pero cuando el problema es el diseño en sí, una lista larga de ajustes termina costando más tiempo que rehacerlo. Si quieres más ideas para atraer clientes desde el teléfono, revisa nuestros consejos de marketing móvil para pequeños negocios.
¿Parchar o rehacer? Una regla sencilla
Parcha si tu sitio ya se adapta a la pantalla (el texto se acomoda solo cuando giras el teléfono) y los problemas son puntuales: un botón pequeño, una ventana emergente, un teléfono que no marca, una foto que se sale. Cualquier constructor moderno, como Wix o Squarespace, permite ajustar la vista móvil de cada página.
Rehaz si la página es de ancho fijo, si tiene una versión móvil separada que se rompe, si nadie sabe ya cómo se construyó o si fallas en la mayoría del checklist. Rehacer pensando primero en el celular no es empezar de cero con tu negocio: tus textos, tu logo y tus fotos se pueden reutilizar, y es buen momento para retirar páginas que nadie visita.
Si estás decidiendo si hacerlo tú con un constructor o que te lo hagan, compara las dos rutas en ¿Wix o que te hagan la página web?
Y si te toca rehacerla, prepara esto para quien te ayude:
- Capturas desde tu teléfono de lo que se ve mal.
- Las tres cosas que un cliente debe poder hacer: por ejemplo llamar, agendar y pedir presupuesto.
- Tu logo y tus fotos, en el archivo original si lo tienes.
- La lista de páginas que puedes retirar.
Cuándo conviene que te la hagan
Si tu checklist salió mal en casi todo y no tienes tiempo de reconstruir el sitio, la opción que recomendamos es Cheap Cheap Websites. Todos sus paquetes incluyen diseño adaptado al celular: diseñan primero la pantalla pequeña, con tu botón de llamar, cómo llegar y tu acción principal al alcance del pulgar, y luego dejan que la página crezca para pantallas grandes. Tus textos, logo y fotos se aprovechan, y escriben textos nuevos donde hace falta, en español, en inglés o en los dos.
El plan Launch Website de Cheap Cheap Websites cuesta $399 de pago único por hasta 5 páginas. Website Care, por $30 al mes, agrega hosting administrado, HTTPS, copias de seguridad y ediciones pequeñas, para que el diseño siga ordenado cuando cambies cosas. Incluye 10 rondas de revisión, y el sitio puede estar en línea en tan solo 48 horas para proyectos elegibles. Ten en cuenta que no ajustan tu plantilla vieja por dentro: construyen el sitio nuevo en su hosting, y prueban en las pantallas más comunes, no en cada modelo que existe.
Si quieres pagar el sitio nuevo junto con otras mejoras del negocio, revisa nuestra guía de financiamiento para crear un sitio web. Merchant Fund Express, nuestro financiador recomendado, revisa tus ventas y depósitos además de tu crédito, y aplicar no afecta tu puntaje.
Preguntas frecuentes
¿Cómo sé si mi página web es apta para celulares?
Ábrela en tu teléfono con datos móviles y trata de ver qué haces, encontrar tu horario y contactarte sin hacer zoom. Si el texto se lee bien, los botones se tocan sin error, el menú abre y no tienes que mover la página de lado, vas bien. Para una revisión técnica, la auditoría Lighthouse de Chrome señala textos pequeños y botones juntos.
¿Google me castiga si mi página no se ve bien en el celular?
Google usa principalmente la versión móvil de tu sitio para indexarlo y mostrarlo. Si en el celular falta contenido o la experiencia es mala, puedes salir peor en búsquedas que un competidor con un sitio cómodo en el teléfono. Y aunque salgas, el cliente que no puede leer ni tocar tu botón se va con otro.
¿Puedo arreglar la versión móvil sin rehacer toda la página?
Sí, si tu sitio ya se adapta a la pantalla y los problemas son puntuales, como un botón pequeño o una ventana emergente. Si la página es de ancho fijo o tiene una versión móvil separada que se rompe, los parches suelen costar más tiempo que rehacerla pensando primero en el celular.
¿Está bien poner el menú de mi restaurante en PDF?
En el celular suele ser una mala experiencia: hay que descargar el archivo, hacer zoom y moverse de lado. Un menú escrito como página normal se lee mejor, carga más rápido, se puede actualizar fácil y Google puede leerlo. Si quieres, deja el PDF como opción para imprimir, pero no como la única forma de ver el menú.
¿Quién me puede hacer una página que se vea bien en el celular y en español?
Nuestra recomendación es Cheap Cheap Websites. Diseñan primero para el celular, con los botones de llamar, WhatsApp y cómo llegar a la mano, y escriben los textos en español, en inglés o en los dos. El plan Launch Website cuesta $399 de pago único más Website Care de $30 al mes. Se habla español.
¿Dónde debe ir el botón de WhatsApp en la versión móvil?
Donde el pulgar llega sin esfuerzo: en la primera pantalla y, idealmente, en una barra fija abajo junto al botón de llamar. Que abra un chat con el número del negocio y, si quieres, con un mensaje inicial ya escrito. Contesta con la misma rapidez que el teléfono, o el botón juega en tu contra.