Cómo crear una landing page optimizada para smartphones

Más del 80% del tráfico mundial proviene de dispositivos móviles. No disponer de una estructura que se adapte de manera adecuada para mostrar tus landing pages en móviles y tabletas es una de las principales causas del descenso en los ratios de conversiones.

Para empezar, cada landing page debe mostrar una única idea con un sólo objetivo ya que son páginas especialmente enfocadas a cumplir con una acción definida y específica. Por ello es importante que se centren en una CTA. Más en el entorno móvil en el que las pantallas son más pequeñas y el esfuerzo por mantener la atención del usuario es, quizá, superior.

Si una misma landing page tiene que mostrar varias acciones diferenciadas lo mejor es que las dividas en tantas landing pages como sea necesario-

Características de una landing page adaptada al entorno móvil

Las bases de una landing page que se comporte de manera adecuada al ser visualizada en smartphones o tabletas son:

1. El diseño debe ser escalable. Hay varias formas de conseguirlo pero la más utilizada es el diseño adaptativo (responsive) que se basa en el uso de media queries que dan unas normas al dispositivo para que se muestre de distinta manera según su ancho de pantalla.
2. Un diseño fluido en el que el ancho de la landing page reacciona al dispositivo desde el que se abre, ajustándose al espacio disponible de forma fluida. A este respecto, la clave está en definir los anchos en porcentajes en vez de en medidas fijas.
3. Estructura de una columna. Son las ideales para queun diseño sea fluido y escalable.
4. Titulares cortos. El título de una landing page tiene el cometido de hacer que el usuario siga leyendo. En una pantalla pequeña lo debes conseguir de una manera rápida. Si es necesario, apóyate en un subtítulo que acompañe al titular.
5. Reduce el contenido a la mínima expresión posible. Si habitualmente el contenido debe ser breve, cuando se trata de optimizar una landing page para móviles es importante que lo reduzcas a un párrafo y una lista de beneficios.
6. El tamaño de la letra debe ser escalable para una mejor visualización.
7. Deja un espacio mayor entre los diferentes elementos para facilitar que el usuario pulse sobre ellos.
8. La CTA debe ir en un botón destacado, con espacios suficientes y de un tamaño mayor que el resto de elementos.

Crea en pocos minutos landing pages optimizadas para desktop y mobile de forma sencilla y sin necesidad de conocimientos técnicos con MDirector Landing Optimizer.