Aprueba el diseño de tu sitio primero en el celular

Google empieza por el celular. Usa la versión para celular del contenido de un sitio para indexarlo y posicionarlo.

Por eso la forma en que se suele aprobar un sitio es un poco rara. El diseño se presenta en una pantalla grande, en una sala de juntas. Todos admiran las fotos anchas y las tres columnas bien acomodadas. Alguien dice “se ve increíble, súbanlo” desde su laptop. Mientras tanto, tus clientes están haciendo fila en algún lado con un pulgar libre.

Aprueba el diseño primero en el celular

Pídele a tu agencia que te enseñe cada página en un celular antes de verla en la computadora. Mejor aún, abre el enlace de prueba en tu propio celular, en el transporte, con mala señal. Esa es la prueba de verdad. Lo que se veía elegante en pantalla grande, como un video pesado en la portada o un menú escondido detrás de tres toques, muestra su costo real de inmediato.

Ayuda pensar en dónde está de verdad la gente cuando te encuentra. Un papá en el estacionamiento de la farmacia, buscando si la clínica pediátrica atiende sin cita los sábados. Una voluntaria en su hora de comida, tratando de encontrar el formulario para el acopio de la próxima semana. Alguien en la parada del camión comparando a dos plomeros antes de que llegue. Ninguno está sentado frente a un escritorio con dos monitores.

La presentación en la sala de juntas sigue teniendo su lugar. Que sea la segunda revisión, después de que todas las personas que aprueban hayan pasado diez minutos con el sitio en su propio celular.

Cómo revisar un sitio en tu celular

Una revisión en el celular sale mejor con un plan. Si no, se vuelve subir y bajar la pantalla diciendo “se ve bien”. Esta es una rutina sencilla que toma unos veinte minutos:

• Elige las tres cosas que más viene a hacer la gente, como ver tu horario, agendar una visita o donar, y haz cada una de principio a fin.
• Hazlo una vez con wifi y otra con los datos del celular, de preferencia donde la señal sea mala.
• Inténtalo con una sola mano, sosteniendo el celular como lo harías en el camión.
• Gira el celular una vez, sube una vez el tamaño de letra de tu celular y fíjate qué se rompe.
• Anota cada momento en que tuviste que pellizcar, hacer zoom, buscar o esperar.

Esa lista de momentos es la retroalimentación real para tu agencia. Sirve mucho más que “¿se puede hacer más grande el logo?”, y le da a la agencia cosas concretas que arreglar.

Pídele a por lo menos una persona de fuera del proyecto que haga la misma rutina. Prueba con alguien del consejo que lee con lentes, o con un familiar que nunca ha visto el sitio. Va a encontrar cosas que el equipo dejó de notar hace semanas. Dale el celular, dale una tarea y quédate callado mientras lo intenta. Las ganas de decir “está ahí, hasta abajo” son enormes. Mejor anótalo, porque cada visitante real va a estar solo.

Pon el botón importante donde llegue el pulgar

En el celular, la acción más importante debe ser fácil de encontrar y fácil de tocar: llamar, agendar, donar, pedir. Los enlaces chiquitos metidos entre párrafos no cuentan. Tampoco los formularios de once campos que abren un teclado distinto cada uno.

Aquí el tamaño se puede medir. Las pautas de accesibilidad del W3C fijan un tamaño mínimo para todo lo que se toca, porque algunas personas con movilidad limitada en las manos no le atinan a botones chiquitos y pegados. En la práctica nos ayuda a todos. Cualquiera que haya querido tocar “Llamar” en un camión lleno y terminó en “Cómo llegar” conoce la sensación.

Revisa también dónde queda el botón principal. A veces el teléfono está enterrado al final de una página larga. Una barra fija en la parte de abajo de la pantalla o un botón claro cerca de arriba ahorra mucho scroll.

En el celular, cada campo es una pequeña tarea

Los formularios son donde la gente se rinde en silencio desde el celular. En una laptop, once campos son un minuto de escribir. En el celular son un minuto de tocar, cambiar de teclado, perder el lugar cuando el autocorrector te cambia el apellido y volver a empezar.

Pide lo mínimo que necesitas para contestar. Un nombre, una forma de contactar y un mensaje corto bastan para casi cualquier primer contacto. Asegúrate de que el campo de teléfono abra el teclado de números y el de correo abra el teclado con la @. Son ajustes chiquitos que alguien que desarrolla sitios activa en minutos, y hacen que el formulario se sienta hecho para quien lo llena.

Después prueba el formulario tú, en tu celular, y revisa que el mensaje llegue. Escribimos más sobre esa segunda parte en quién lee los formularios de tu sitio.

Todo lo que hay en la página tiene que viajar

Con el wifi de la oficina, una página pesada carga bien. En un celular con dos rayitas, cada foto grande y cada script de más es algo que el visitante tiene que esperar. Comprime las imágenes, quita lo que nadie usa y prueba también con los datos del celular, además del wifi de la oficina.

Google tiene un conjunto de mediciones para esto que se llama Core Web Vitals. Una de ellas mide cuánto tarda en aparecer el contenido principal, y la recomendación de Google es que aparezca dentro de los primeros 2.5 segundos desde que la página empieza a cargar. Con mala señal, una página pesada puede tardar mucho más.

Los culpables de siempre son fáciles de ver en cuanto los buscas. Un video de fondo a pantalla completa que se reproduce en cada visita. Fotos subidas directo de la cámara, muchas veces más grandes que la pantalla que las muestra. Un chat, dos herramientas de analítica y un feed de redes que cargan cada uno su propio código. No tienes que quitarlo todo. Pregunta qué hace cada cosa por el visitante y quédate con las que tengan buena respuesta.

Las fotos merecen una pregunta específica para tu agencia: ¿las imágenes se ajustan de tamaño para el celular, o cada celular descarga el mismo archivo enorme que una computadora? Un sitio bien hecho manda una versión más chica a las pantallas chicas. Cuando funciona no se nota, y suele ser una de las mejoras de velocidad más sencillas de todo el sitio.

No escondas cosas para que quepa

La costumbre era recortar la versión para celular: menos secciones, un menú más corto, los detalles “disponibles en la versión de escritorio”. Como Google lee la versión del celular, lo que escondas ahí es algo que Google quizá nunca vea.

La recomendación de Google es directa: asegúrate de que tu sitio para celular tenga el mismo contenido que el de escritorio. La misma página pide que coincidan en las dos versiones las descripciones de las imágenes, los datos estructurados y los títulos de las páginas.

Así que reacomoda, acorta las frases y apila las columnas, sin quitar lo importante. Quien entra desde el celular y quiere la lista completa de servicios, los datos del estacionamiento o la tabla de precios debería poder encontrarlos, aunque estén un toque más abajo.

Qué preguntar antes de aprobar

No necesitas saber cómo se construye nada de esto para hacer buenas preguntas. Antes de aprobar un sitio nuevo o un rediseño, hazle estas preguntas a tu agencia:

• ¿Podemos revisar cada página primero en el celular, con un enlace de prueba que abramos nosotros?
• ¿Qué páginas probaron con una conexión lenta de celular y cómo les fue?
• ¿Hay algo de la versión de escritorio que falte o esté escondido en el celular?
• ¿Qué tan grandes son los botones principales en el celular, y el más importante se ve sin bajar?
• ¿Qué se carga en cada página que el visitante nunca ve, como códigos de seguimiento o widgets?

Una buena agencia va a tener las respuestas listas, seguramente con capturas de pantalla. Si a la primera pregunta te contestan “normalmente presentamos en pantalla grande”, pídeles que agreguen una revisión en celular antes de esa.

Si quieres que veamos tu sitio como lo ven tus clientes, en el celular y con prisa, agenda una llamada de 30 minutos y hacemos el recorrido juntos.

Recibe los textos nuevos cuando salgan

Sin calendario fijo y sin plantilla de boletín. Una nota breve cuando haya algo que valga la pena leer, y nada más. No compartimos la lista.

Deja esto vacío Suscribirme