Tu web en el móvil

1. La letra diminuta

Qué es. La web está hecha para ordenador y le falta una línea en su código, la que le dice al móvil que se adapte a la pantalla. Sin ella, el móvil dibuja la página de ordenador entera y la encoge hasta que cabe. Todo se ve, pero nada se lee.

Lo que vimos. A 16 de las 20 webs les faltaba esa línea. En las 15 que tenían texto, la letra quedaba entre 4 y 6,4 píxeles en la pantalla. Como referencia, Google dice que por debajo de 12 píxeles cuesta leer en un móvil.

Compruébalo en un minuto. Abre tu web en el móvil y no toques nada. ¿Puedes leer el horario y el teléfono así tal cual? Si tienes que ampliar con dos dedos, tu cliente también.

Cómo se arregla.

• Tú: si tu web la hiciste con un creador de webs, mira si tiene vista de móvil y revísala ahí. Si la plantilla no se adapta, ese es el problema.
• No tú solo: poner la línea es lo fácil. Una web pensada para ordenador suele necesitar más: el menú, las tablas y las fotos se tienen que recolocar para una pantalla estrecha. Eso lo hace quien te hizo la web, o se rehace.

2. La web se mueve de lado

Qué es. Algo de la página (una foto, una tabla, un bloque) es más ancho que la pantalla, y la web entera se desplaza a los lados. La gente está acostumbrada a bajar, no a moverse de lado.

Lo que vimos. En 2 de las 20, la página era más ancha que la pantalla. En una, el contenido medía 1.849 píxeles en una pantalla de 390.

Compruébalo en un minuto. Abre tu web y desliza con el dedo hacia la izquierda, en la portada y en cada página. Si la página se mueve de lado o aparece una franja en blanco a la derecha, lo tienes.

Cómo se arregla.

• Tú: muchas veces es una foto o una tabla demasiado grande. Si ves cuál es al deslizar, cámbiala por una más pequeña o quítala.
• No tú solo: si no sabes qué la ensancha, lo encuentra quien te hizo la web.

3. “No es seguro”

Qué es. Tu web no tiene el candado (el https), o tiene un certificado que no es de tu dirección. El navegador se lo dice al cliente junto a la dirección, y en el peor caso le pone una pantalla de aviso antes de dejarle entrar.

Lo que vimos. 4 de las 20 solo funcionaban sin el candado. Al entrar con https, el navegador avisaba de que el certificado no valía para esa dirección.

Compruébalo en un minuto. Escribe tu dirección en el móvil con https:// delante. Mira el icono a la izquierda de la dirección: si pone “No es seguro” o te sale una pantalla de aviso, lo tienes. Pruébalo también con y sin www.

Cómo se arregla.

• Tú: escríbele a la empresa donde tienes alojada la web o el dominio y pídele “el certificado SSL para mi dominio, con y sin www”. Cuando esté, revisa que los enlaces a tu web (Instagram, tu ficha de Google, tus tarjetas) lleven https.
• No tú solo: si después de ponerlo la web sigue diciendo “No es seguro”, hay algo dentro de la página que se carga sin candado. Eso lo mira quien te hizo la web.

4. Tarda en salir

Qué es. La página tarda en enseñar lo principal. Google pone el listón en 2,5 segundos para que lo más grande de la pantalla (la foto de portada, el titular) aparezca.

Compruébalo en un minuto. Desconecta el wifi y abre tu web con los datos del móvil. Cuenta. Si a los tres segundos todavía no ves nada útil, es lenta. Para el detalle, abre pagespeed.web.dev en el móvil, pega tu dirección y mira la pestaña Móvil: te dice si pasa y qué la frena.

Cómo se arregla.

• Tú: lo más habitual son las fotos. Una foto subida tal cual sale de la cámara pesa mucho más de lo que necesita una pantalla de móvil. Antes de subirla, redúcela.
• No tú solo: si las fotos están bien y sigue lenta, el problema es la plantilla, los complementos o el alojamiento. Eso es de quien te hizo la web.

5. Lo importante, dentro de una foto

Qué es. El horario, la carta, los servicios o el teléfono están metidos en una imagen (o en un cartel escaneado) en vez de escritos. En el móvil no se pueden tocar, ni copiar, ni ampliar sin que se pixelen. La norma de accesibilidad de la web pide texto de verdad en lugar de imágenes de texto, para que cada uno lo pueda ajustar.

Lo que vimos. Una de las 20 era entera una sola imagen: ni una letra de texto en toda la página.

Compruébalo en un minuto. Mantén el dedo apretado encima de tu horario y de tu teléfono. Si te deja seleccionar las palabras, es texto. Si te ofrece guardar la imagen, es una foto.

Cómo se arregla.

• Tú: escribe como texto en la página lo que el cliente viene a buscar: horario, teléfono, dirección y, si tienes carta, la carta. La foto bonita se puede quedar, pero al lado del texto, no en su lugar.
• No tú solo: si la web entera es una imagen, no hay arreglo rápido: hay que rehacerla.

6. Botones que no se aciertan

Qué es. Enlaces y botones tan pequeños o tan pegados que con el dedo tocas el de al lado. La referencia de Google es un botón de unos 48 píxeles, con unos 8 de separación con el siguiente.

Compruébalo en un minuto. Toca con el pulgar cada opción del menú y cada botón de tu portada. Si alguna vez se te abre la que no era, o tienes que ampliar para acertar, lo tienes.

Cómo se arregla.

• Tú: en un creador de webs, agranda los botones y separa los enlaces del menú. Mejor pocos y grandes que muchos y pegados.
• No tú solo: si la web no se adapta al móvil (error 1), los botones son pequeños porque toda la página lo es. Se arregla con el error 1.

7. Una ventana que lo tapa todo

Qué es. Nada más entrar, salta una ventana que cubre la página: suscríbete, una oferta, descarga la app. En el móvil ocupa la pantalla entera y la cruz para cerrarla es diminuta. Google avisa de que estas ventanas molestan al que entra y le complican entender la página, y recomienda una banda pequeña en su lugar.

Compruébalo en un minuto. Entra en tu web desde el móvil como si fueras un cliente. ¿Lo primero que ves es tu negocio o una ventana? ¿Encuentras la cruz a la primera?

Cómo se arregla.

• Tú: en un creador de webs, quita esa ventana o pásala a una banda pequeña abajo. Lo que es obligatorio por ley queda fuera de esta regla de Google, pero también se puede poner sin tapar la página entera.
• No tú solo: si no la encuentras en los ajustes, la quita quien te hizo la web.

8. El mapa roto

Qué es. En la página de “dónde estamos”, el mapa sale oscuro con un rótulo en inglés, “For development purposes only”, o un aviso de que la página no puede cargar Google Maps. Según la ayuda de Google Maps, casi siempre es un problema con la clave del mapa o con la cuenta de quien lo puso.

Lo que vimos. Una de las 20 tenía el mapa así, justo en la página de cómo llegar.

Compruébalo en un minuto. Abre en el móvil la página donde está tu mapa. Tiene que verse limpio, y al tocarlo tiene que dejarte abrirlo en Maps.

Cómo se arregla.

• Tú: cambia ese mapa por uno insertado desde Google Maps: en el ordenador, busca tu negocio, abre el menú, “Compartir o insertar el mapa”, “Insertar un mapa” y “Copiar HTML”. O, más simple todavía, pon un botón “Cómo llegar” con el enlace de tu ficha de Google.
• No tú solo: arreglar el mapa que había (su clave y su cuenta) es de quien te hizo la web.

9. El teléfono que no llama

Qué es. El teléfono está escrito, pero al tocarlo no pasa nada. Lo mismo con el WhatsApp o con la dirección. El cliente tiene que copiarlo a mano.

Compruébalo en un minuto. Toca tu teléfono en la web: el móvil tiene que ofrecerte llamar. Toca tu WhatsApp: tiene que abrirse el chat contigo. Toca la dirección: tiene que abrirse el mapa.

Cómo se arregla.

• Tú: en un creador de webs, convierte el teléfono en un enlace de tipo teléfono. Para WhatsApp, el enlace es https://wa.me/ seguido de tu número completo con el prefijo del país, sin el +, sin ceros delante, sin espacios ni guiones. Pruébalo tú antes de dejarlo puesto.
• No tú solo: si la página no te deja poner enlaces, o el teléfono está dentro de una imagen (error 5), lo cambia quien te hizo la web.

10. En el móvil enseña otra cosa

Qué es. Tu web ha sido atacada y, a quien entra desde un móvil, le enseña otra página o le manda a otra web. A veces solo salta según desde dónde se entra o con qué aparato, así que tú, entrando como siempre, puedes no verlo nunca. Google lo llama contenido pirateado.

Lo que vimos. Una de las 20, abierta en el móvil, enseñaba una página de apuestas en otro idioma. Abierta de otra forma, enseñaba otra cosa.

Compruébalo en un minuto. En el móvil, con los datos y no con el wifi, busca el nombre de tu negocio en Google y toca tu web en los resultados. No la abras desde favoritos ni escribiendo la dirección. Tienes que llegar a tu página, la de siempre.

Cómo se arregla.

• Tú: si tienes Search Console, abre el informe “Problemas de seguridad”: ahí Google te dice si ha visto algo. Y cambia las contraseñas de tu web y de tu alojamiento.
• No tú solo: limpiar una web atacada y pedirle a Google que la revise es trabajo de un profesional. Cuanto antes, mejor.