Por que tu sitio web se ve diferente en el movil (y por que es un problema)

Que significa realmente "adaptado al móvil"

Un sitio web adaptado al móvil no es una versión separada de tu sitio para teléfonos. Significa que tu sitio web se ajusta automáticamente para encajar en cualquier pantalla en la que se vea - ya sea un monitor de escritorio, una tablet o un smartphone.

En términos prácticos, significa texto lo suficientemente grande para leer sin hacer Zoom, botones fáciles de pulsar con el pulgar, imágenes que encajan en la pantalla sin obligarte a desplazarte lateralmente, y un diseño que tenga sentido en una pantalla más pequeña. Si tus visitantes tienen que pellizcar, hacer Zoom o desplazarse horizontalmente para usar tu sitio, no está adaptado al móvil.

Esto no es un extra opcional. Más del 60% de todo el tráfico web ahora viene de dispositivos móviles. Para negocios locales - personas buscando un servicio mientras están fuera de casa - ese número suele ser aún mayor.

Por qué tu sitio se ve bien para ti pero no para tus clientes

Esto es algo que explicamos a casi todos los nuevos clientes. Has estado mirando tu sitio web en el ordenador de la oficina, con banda ancha rápida, en una pantalla grande. Todo se ve genial. Pero tus clientes te encuentran en un móvil, a menudo con datos móviles, mientras están en movimiento. El sitio que se ve perfecto en tu escritorio puede ser lento, apretado y frustrante en su teléfono. Hasta que no lo compruebes de la forma en que ellos lo experimentan, realmente no sabes como rinde tu sitio.

Hemos tenido clientes que nos dicen que su sitio se ve bien en móvil porque lo comprobaron hace un año. El problema es que su sitio no ha cambiado, pero las expectativas de sus visitantes sí. Lo que pasaba por adaptado al móvil hace tres o cuatro años - texto ligeramente más pequeño, el mismo diseño simplemente encogido - ya no es suficiente. Los visitantes esperan un sitio que parezca diseñado para su teléfono, no adaptado desde un escritorio como algo secundario.

La diferencia entre lo que tú ves y lo que tus clientes ven es uno de los mayores puntos ciegos en el diseño web para pequeñas empresas. Y le está costando clientes a los negocios cada día sin que se den cuenta.

Lo que Google piensa sobre tu sitio móvil

Google ahora usa lo que se llama indexación mobile-first. En lenguaje sencillo, esto significa que Google mira la versión móvil de tu sitio web primero al decidir donde posicionarte en los resultados de búsqueda - no la versión de escritorio.

Así que aunque tu sitio de escritorio se vea profesional y cargue rápido, si la versión móvil es lenta, difícil de navegar o le falta contenido, tus posiciones en búsquedas sufrirán. No solo en búsquedas móviles - en todas las búsquedas. Esto es así desde 2019, pero muchos propietarios de pequeñas empresas todavía no lo saben.

Si te has estado preguntando por qué tu sitio no aparece en Google tan bien como esperabas, tu experiencia móvil podría ser la razón. Cubrimos más sobre como Google posiciona sitios de pequeñas empresas en nuestro artículo sobre si las pequeñas empresas realmente necesitan SEO.

Como comprobar tu sitio ahora mismo

Usamos una prueba sencilla con cada sitio de cliente: ábrelo en tu móvil e intenta hacer las tres cosas que haría un cliente - averiguar que ofreces, encontrar tu número de teléfono y ponerte en contacto. Si alguna de esas cosas requiere más de un par de toques, o si tienes que pellizcar y hacer Zoom para leer algo, tu experiencia móvil necesita trabajo.

Haz esto con datos móviles, no con Wi-Fi. Tu Wi-Fi de la oficina probablemente es mucho más rápido que la conexión 4G que tus clientes están usando. La diferencia puede ser dramática - un sitio que carga en dos segundos con banda ancha podría tardar seis o siete con una conexión móvil.

Luego pasa tu sitio por la herramienta gratuita PageSpeed Insights de Google. Puntúa tu sitio sobre 100 tanto para móvil como para escritorio. La mayoría de los propietarios de negocios nunca han hecho esto, y la puntuación móvil casi siempre es más baja de lo que esperan. Una puntuación por debajo de 50 en móvil significa que tu sitio está realmente con dificultades - y tus visitantes lo están notando.

Problemas comunes y que buscar

Cuando revisamos sitios de clientes en móvil, los mismos problemas aparecen una y otra vez. Esto es lo que debes comprobar en tu propio sitio:

Texto demasiado pequeño para leer sin hacer Zoom. Botones o enlaces demasiado juntos, haciendo fácil pulsar el equivocado. Imágenes que desbordan la pantalla o fuerzan el desplazamiento lateral. Un número de teléfono mostrado como texto plano en lugar de un enlace clicable. Páginas que tardan más de tres o cuatro segundos en cargar. Menús de navegación que no funcionan correctamente en una pantalla táctil.

Cualquiera de estos puede frustrar a un visitante lo suficiente para irse. Si tu sitio tiene varios de ellos, estás perdiendo clientes potenciales cada día. Nuestra guía sobre como saber si tu sitio web te está haciendo perder clientes cubre más señales de alerta a tener en cuenta.

Que hacer al respecto

Algunos problemas móviles son arreglos rápidos - hacer un número de teléfono clicable, redimensionar imágenes, aumentar tamaños de fuente. Si tu sitio es fundamentalmente responsive pero tiene algunas asperezas, estas son cosas que tú o tu desarrollador podéis resolver en una tarde. Hemos listado algunas de estas en nuestra guia de mejoras de fin de semana.

Pero si tu sitio fue construido sin pensar en el móvil - o fue construido con una plantilla antigua que no se adapta a pantallas modernas - parchear problemas individuales no será suficiente. En ese punto, una reconstrucción suele ser la inversión más inteligente.

Muchas de las peores experiencias móviles que vemos vienen de plantillas antiguas o constructores de páginas que fueron diseñados primero para escritorio y luego "hechos responsive" como algo secundario. El diseño técnicamente cabe en un teléfono, pero la experiencia es pobre - carga lenta, imágenes sobredimensionadas, navegación que no funciona correctamente con el pulgar. Si eso suena como tu sitio, merece la pena entender por qué no usamos plantillas y como es la alternativa.

Tus clientes están en sus móviles

Esta no es una tendencia que vaya a desaparecer. El tráfico móvil ha sido la mayoría durante años y sigue creciendo. Si tu sitio web no funciona correctamente en un teléfono, no solo te estás perdiendo algunos visitantes - te estás perdiendo la mayoría de ellos.

La buena noticia es que puedes comprobarlo ahora mismo. Abre tu sitio en el móvil, pásalo por PageSpeed Insights, e intenta hacer las tres cosas que haría un cliente. Si pasa la prueba, genial. Si no, ya sabes que arreglar - y sabes que merece la pena arreglarlo.