← Blog

Aparecer en Google

Si no cabe en la pantalla del móvil, no lo ha visto nadie

Sales sabiendo qué va en la primera pantalla del móvil, cómo se mide el botón de contacto y qué frases o tablas hay que rehacer para que no se corten.

Yodai · · 4 min de lectura

un móvil con dos mensajes en pantalla, lo que cabe en la pantalla del móvil

Abres tu propia web desde el móvil, como la abre casi todo el que te va a comprar. Noventa de cada cien visitas llegan así: un dedo, una pantalla de seis pulgadas, y media casa reducida a esa hoja rectangular. Lo que en el ordenador se ve entero, en el móvil se reparte en tres o cuatro pantallas que hay que bajar a pulgar. La pregunta no es si tu web «se ve bien» en el móvil. Es qué decides que va en esa primera pantalla, la que se ve sin tocar nada, porque eso es lo único que va a leer la mitad de la gente que entra.

Si ahí pones lo que a ti te gusta, tu historia, una frase bonita, el logo enorme, y dejas el precio y el botón de contacto para más abajo, has perdido a media visita antes de que decida nada.

Lo que entra en la primera pantalla, y en qué orden

De qué va tu negocio ya lo hemos tratado a fondo en «Qué tiene que decir tu web el primer día». Aquí nos quedamos solo en dónde se coloca eso en un móvil, porque el sitio cambia la regla: en el ordenador puedes repartir la idea en un titular grande y un subtítulo debajo, con margen de sobra. En el móvil ese mismo titular y subtítulo ya ocupan media pantalla, así que no sobra sitio para nada que no decida.

Qué va arriba, de arriba a abajo
  1. 1Qué haces, en una frase
    no el nombre del negocio solo, sino el oficio dicho con palabras claras: «Fisioterapia a domicilio en Vigo», no solo «Clínica Martínez». Si el nombre no dice a qué te dedicas, la frase de debajo tiene que decirlo por él.
  2. 2Cuánto cuesta, o desde cuánto
    un número, aunque sea «desde 35€». Sin número, el pulgar sigue bajando a buscarlo, y una parte de la gente no llega a encontrarlo y se va.
  3. 3El botón de contacto o reserva
    visible sin bajar nada. Si para verlo hay que deslizar una vez, ya has perdido a quien decide en tres segundos y no vuelve a subir.

El botón no es una casilla más

En el ordenador un botón de contacto puede ser un enlace discreto en la esquina de arriba, porque ahí apunta un cursor con precisión de milímetro. En el móvil, el botón es lo que se pulsa con la yema de un dedo, no con un cursor. Si mide menos de lo que ocupa una moneda de un euro en pantalla, la gente falla, pulsa al lado y no le da una segunda oportunidad.

La medida que usan Apple y Google en sus propias guías de diseño es sencilla: mínimo 44 píxeles de alto. En la práctica eso significa un botón que ocupa casi todo el ancho de la pantalla, con una palabra dentro y espacio libre alrededor, no una palabra suelta metida entre dos párrafos de texto.

¿El botón fijo abajo, o solo en la cabecera?
Fijo abajo, siempre visible
  • El cliente lee todo el texto sin perder de vista el botón
  • Funciona igual si la página es larga o corta
  • Cuesta un poco más de montar: queda pegado a la pantalla, no a la página
Solo arriba, en la cabecera
  • Más sencillo de montar
  • Si el cliente baja a leer, tiene que volver a subir para escribir
  • Basta si la web entera cabe casi sin bajar

Cual elijo: Elige el botón fijo abajo si tu página tiene más de una pantalla de texto o fotos. Elige solo la cabecera si eres una ficha de servicio única, corta, donde apenas hay que deslizar.

El texto que se corta se pierde, no se adivina
Un titular escrito pensando en el ordenador se parte en tres líneas en el móvil, y a veces el diseño recorta la última palabra o la manda debajo de una foto donde nadie llega a verla. Un teléfono escrito como texto normal, sin marcarlo como enlace, no se puede pulsar: el cliente tiene que copiarlo a mano, y una parte no lo hace y se va a otra web. Una tabla de precios pensada para verse en columnas lado a lado se aprieta en el móvil hasta que las cifras no se leen. La regla: escribe cada titular pensando en dos líneas de móvil, no en una de ordenador; el teléfono siempre como enlace que se pulsa con el dedo; y los precios en lista, uno debajo de otro, nunca en tabla ancha.
Cómo se escribe la primera pantalla de un móvil
Fisioterapia a domicilio en Vigo Desde 35€ la sesión, te llevamos la camilla a casa [ Reservar por WhatsApp ] Sin foto de fondo a toda pantalla, sin frase de bienvenida antes del precio, sin lista de servicios antes del botón. Tres líneas y un botón: lo que se lee sin tocar nada.
Lo que te llevas
  • Decidido qué va en la primera pantalla del móvil, y en qué orden: qué haces, cuánto cuesta, el botón.
  • El botón mide como lo pulsa un dedo, no como lo señala un ratón: mínimo 44 píxeles y casi todo el ancho.
  • Elegido si el botón va fijo abajo o solo en la cabecera, según cuánto pese tu página.
  • Revisado que ningún titular se corta, que el teléfono se puede pulsar y que los precios van en lista, no en tabla ancha.

Cuenta a qué te dedicas y esta tarde tienes web

Lo dices en una línea, como se lo dirías a un cliente, y te sale publicada. Gratis y sin tarjeta.

Crear mi web gratis

Te puede interesar