Web responsive: por qué el móvil manda en tu negocio

Haz la prueba: busca tu negocio en el móvil y entra en tu web como lo haría un cliente. ¿Se lee sin hacer zoom? ¿Encuentras el teléfono en dos segundos? ¿Los botones se pulsan con el dedo sin acertar al de al lado? Si dudas en alguna, tu web no es una web responsive pensada para el móvil, y el móvil es donde está casi todo el mundo.

Qué significa «responsive»

Una web responsive se adapta al tamaño de la pantalla: en el ordenador puede tener tres columnas y en el móvil apilarlas en una, con textos y botones a un tamaño cómodo. Es la misma web, con el mismo contenido, que se reorganiza sola.

Hoy casi todas las páginas dicen estar adaptadas al móvil. La diferencia está entre las que «se ven» en el móvil y las que están pensadas para el móvil.

Lo que falla en muchas webs que dicen ser responsive

• Texto diminuto o líneas tan largas que cuesta seguirlas.
• Botones pequeños o demasiado juntos.
• Menús que tapan media pantalla o que no se cierran bien.
• Ventanas emergentes que en el móvil no hay forma de cerrar.
• Fotos gigantes que tardan una eternidad en 4G.
• El teléfono escrito como texto, sin poder pulsarlo para llamar.
• Formularios incómodos, con campos que abren el teclado equivocado.

Pensar primero en el móvil

La forma más fiable de hacerlo bien es diseñar primero para la pantalla pequeña y después ampliar al ordenador. Obliga a decidir qué es lo importante:

1. ¿Qué tiene que entender alguien en los primeros cinco segundos?
2. ¿Cuál es la acción principal: llamar, escribir por WhatsApp, reservar, pedir presupuesto?
3. ¿Qué información necesita antes de dar ese paso: precio, ubicación, horarios, opiniones?

Lo que no responde a esas preguntas probablemente sobra, también en el ordenador.

Cómo revisar si tu web es responsive en cinco minutos

• Ábrela en tu móvil, sin wifi, y cuenta cuánto tarda en verse algo útil.
• Intenta llamarte, escribirte por WhatsApp y encontrar tu dirección sin hacer zoom.
• Rellena tu propio formulario de contacto desde el teléfono.
• Gira el móvil en horizontal y comprueba que nada se rompe.
• Pídele a alguien de más de sesenta años que encuentre tu horario. Si lo consigue sin ayuda, vas bien.

Detalles que marcan la diferencia en una web responsive

• El teléfono y el WhatsApp siempre a mano, por ejemplo con un botón fijo.
• Campos de formulario que abren el teclado correcto (numérico para el teléfono, con @ para el email).
• Imágenes en varios tamaños, para que el móvil descargue solo la pequeña.
• Textos de al menos 16 píxeles y suficiente contraste.

Todas las webs de Nueva Página se diseñan así, desde el móvil hacia arriba. Si quieres ver cómo quedan, pasa por trabajos desde tu teléfono.

Web responsive y Google: la versión que cuenta

Google mira sobre todo la versión móvil de tu web para decidir cómo posicionarla. Si algo solo aparece en el ordenador, para Google casi no existe. Lo explica en su guía sobre la indexación centrada en dispositivos móviles. Por eso, tu web debe tener en el móvil el mismo contenido que en el ordenador, no una versión recortada.

Además, la mayoría de las visitas ya llegan desde el teléfono; puedes consultar los datos actualizados en StatCounter. Así que, cuando revises tu web, empieza siempre por el móvil y después mira el ordenador. Si además carga lento, te lo explico en velocidad web. Una buena web responsive no se nota: simplemente funciona.

Preguntas frecuentes

¿Es lo mismo responsive que tener una app?

No. Una web adaptada se abre en el navegador sin instalar nada; una app hay que descargarla. Para casi todos los negocios, una buena web responsive es suficiente.

¿Google tiene en cuenta la versión móvil?

Sí. Google indexa principalmente la versión móvil de las webs, así que lo que no está bien en el móvil cuenta en tu contra.

¿Se puede adaptar al móvil mi web antigua?

A veces se puede adaptar, pero si es muy antigua suele salir mejor rehacerla pensando en el móvil desde el principio.

¿Las webs de Nueva Página son responsive?

Sí, todas se diseñan desde el móvil hacia arriba. Puedes comprobarlo abriendo los trabajos desde tu teléfono.