ūüĎČ 15 Mobile Landing Page Mejores pr√°cticas comprobadas para obtener grandes resultados

La guía para principiantes a la generación de plomo

¿Sabía que el 51% de los compradores dicen que usan dispositivos móviles para encontrar nuevas marcas y productos? Desde que aparecieron dispositivos móviles y portátiles "inteligentes", han estado tomando el tráfico de los escritorios de manera constante.

Entonces, ¿por qué las conversiones móviles todavía tienen un rendimiento inferior a las conversiones de escritorio?

Bueno, hay algunas razones. Algunas de esas razones, como la preocupación del comprador sobre la seguridad de su información, tiene poco control sobre ella. Una de las razones por las que las conversiones móviles todavía están por detrás de las conversiones de escritorio sobre las que tiene control completo: sus páginas de destino para dispositivos móviles.

¿Qué es una página de destino?

Una página de destino es una sola página web que aparece al hacer clic en un resultado de búsqueda o anuncio en línea. Estas páginas suelen tener una única llamada a la acción o propósito y un diseño y navegación mínimos.

En este artículo, le guiaremos a través de las 15 mejores prácticas de la página de destino móvil que impulsarán sus conversiones móviles. Concluiremos con algunos ejemplos de páginas de inicio móviles que lo inspirarán a crear el suyo propio.

Mejores prácticas de la página de aterrizaje móvil

Las mejores páginas de destino para dispositivos móviles llaman la atención, exigen una acción y obtienen una conversión. Hecho y hecho.

Cuando te encuentras en una página de aterrizaje móvil bien diseñada, algo dentro de ti probablemente suspira feliz porque simplemente se siente y es muy fácil de usar.

Puede crear sus propias páginas de inicio de esta manera con estos 15 consejos de optimización de la página de destino para dispositivos móviles, así que entremos en ello.

1. Crea una página de aterrizaje móvil separada

No es suficiente ser "móvil primero" o "receptivo" nunca más. Sus páginas de destino para dispositivos móviles deben diseñarse específicamente para su uso móvil o no se van a convertir de la manera que usted desea.

El problema con el diseño receptivo es que todos los elementos todavía estaban diseñados para escritorio, no para dispositivos móviles. Incluso el flujo de la página se creó para el uso de escritorio. Dado que los usuarios de dispositivos móviles buscan y exploran sitios de forma diferente que los usuarios de computadoras de escritorio, sus páginas de aterrizaje deben personalizarse para cada dispositivo que se utilizará durante el viaje del cliente.

Es importante planificar el recorrido del cliente y construir su sitio optimizado para los dispositivos que se utilizarán en el camino.

PayPal hace un gran trabajo al crear una experiencia completamente diferente para los usuarios de dispositivos móviles y de escritorio. Su página de aterrizaje de escritorio, aunque sigue siendo minimalista, es visualmente atractiva y atractiva.

Su página de aterrizaje móvil es muy simple. Hay una opción para iniciar sesión y un menú en caso de que desee ver opciones adicionales, pero el enfoque principal son dos botones que lo llevarán a más información sobre el uso de PayPal para uso personal o comercial. Esto elimina la necesidad de que un visitante móvil se desplace por el sitio para encontrar la información que está buscando.

Como puede ver, ambas páginas de inicio son visualmente atractivas y ambas manejan necesidades de visitantes muy diferentes. La página de destino móvil está diseñada para ayudar a los visitantes a encontrar información o completar tareas rápidamente, mientras que la página de destino del escritorio está más orientada a los visitantes que tienen tiempo para gastar.

2. Use Click-to-Call

Si los datos clave, como el inventario, el horario comercial y los precios, no van a ser fácilmente accesibles en su sitio, debe ser su información de contacto. Para un sitio móvil, esto significa utilizar un botón de hacer clic para llamar que sea fácil de detectar y lo suficientemente grande como para hacer clic.

Los usuarios de dispositivos móviles están interesados ‚Äč‚Äčen obtener los datos que están buscando en este momento. Si no pueden encontrarlo rápidamente en su sitio, buscarán una manera fácil de comunicarse con usted para obtener la información que necesitan.

3. Implementar Click-to-Scroll

La mayoría de las veces una página de aterrizaje más corta es mejor. Sin embargo, hay momentos en que los usuarios querrán examinar su inventario o leer algo en su sitio. En estos casos, puede usar hacer clic para desplazarse.

Hacer clic para desplazarse significa que configura los botones de navegación en los que un usuario puede hacer clic para llevarlos a una página de desplazamiento más larga. En lugar de forzar el desplazamiento sobre los visitantes de su sitio, les permite tomar decisiones.

String Automotive realizó sus propias pruebas A / B para su página de destino móvil y descubrió que la adición de la funcionalidad de hacer clic para desplazarse redujo su tasa de rebote en un 37%.

4. Usa encabezados y pies de página adhesivos

Aunque el espacio de la pantalla es valioso en las páginas de destino para dispositivos móviles, es importante que pueda acceder fácilmente a la llamada a la acción o a la navegación que esté utilizando para su página de destino para dispositivos móviles. La navegación fija le permite a los visitantes encuentre lo que está buscando aproximadamente un 22% más rápido, que es un gran problema para las páginas de destino para dispositivos móviles.

Además, literalmente, todos prefieren sitios con navegación fija, incluso cuando no pueden explicar por qué.

5. Use ventanas emergentes optimizadas para dispositivos móviles

Las ventanas emergentes pueden ser útiles y efectivas para la generación de oportunidades de venta en las páginas de destino móviles si se asegura de que estén optimizadas para dispositivos móviles. Una gran parte de esa optimización significa mantenerlos lo más simple posible, por lo tanto, limite su formulario a solo unos pocos campos o incluso solo a una dirección de correo electrónico. Siempre puede comunicarse con el visitante en la dirección de correo electrónico proporcionada para obtener más información más adelante.

Las ventanas emergentes que se usan para dispositivos móviles deben coincidir con el tamaño de la página de destino de su dispositivo móvil y no ser una carga para que el visitante cierre o decida no participar.

Hay quienes le dirán que los sitios móviles nunca deberían tener ventanas emergentes, pero varios clientes de Jared Ritchey han tenido un gran éxito con los suyos:

  • ChinaImportal aumentó clientes potenciales en un 18%
  • El asesor asesor vio 3X conversiones en todo el sitio
  • Salt Strong convirtió el 3,8% de los visitantes móviles

Cuando se utilizan correctamente, las ventanas emergentes son una adición impresionante a su estrategia de optimización de la tasa de conversión.

6. Craft Shorter Copy

Su página de destino móvil no debe contener toda la copia de su sitio de escritorio. Este es un lugar para usar una copia más corta y abreviada.Puede y debe ser inteligente y colorido, pero querrá ir al grano rápidamente o sus visitantes se frustrarán y se irán.

Estas son algunas formas en que puede reducir el texto en la página de destino de su dispositivo móvil:

Corta todo lo que puedas, sin sacrificar la claridad

El objetivo es ser breve y sucinto, no para recortar los puntos clave que crearán o interrumpirán su mensaje. Si algo agrega valor, déjalo.

Use puntos de viñeta

Los puntos de viñetas son excelentes para obtener puntos clave en trozos más pequeños sin tener que usar una copia de apoyo a su alrededor. También tienen el beneficio adicional de llamar la atención del visitante, haciendo que sea menos probable que se pasen por alto.

Mantenga cortas las oraciones y los párrafos

Las oraciones y los párrafos deberían ser cortos y fáciles de leer. No debe haber paredes de texto en su página. Romper el texto mantiene al visitante interesado y facilita la búsqueda de puntos clave.

No olvide que está trabajando con menos espacio en una página de destino móvil que en un sitio de escritorio. Un título de 10 palabras puede terminar siendo 7 líneas de texto como esta página de aterrizaje móvil mal concebida de HubSpot:

7. Vaya fácil en visuales y videos

Las imágenes y videos toman datos. No todos los usuarios que lleguen a su página de inicio móvil estarán en WiFi; algunos usarán sus datos celulares limitados. Mantenga las imágenes al mínimo y asegúrese de optimizar las imágenes que utiliza para asegurarse de que estén comprimidas.

Si vas a utilizar videos, definitivamente no quieres que se configuren para que se reproduzcan automáticamente. Esto significa que sus visitantes tendrán que hacer clic en ellos para reproducirlos, lo que podría distraerlos de su llamado a la acción principal.

Una página de aterrizaje no tiene que estar empantanada con imágenes y videos para ser visualmente atractiva. Solo mira esta hermosa página de aterrizaje móvil de Evernote:

Es simple, no hay dudas sobre el llamado a la acción, y se carga realmente rápido. También es muy llamativo debido a su falta de imágenes pesadas. Compare eso con esta página de aterrizaje móvil de Amrit Yoga:

Claro, es una página muy bonita, pero está llena de imágenes y requiere una gran cantidad de recursos para cargarla. Amrit Yoga podría haber transmitido la paz y la calma del yoga igual de bien con un diseño minimalista usando imágenes limitadas y terminó con un sitio que se cargó mucho más rápido.

8. Hazlo rápido

Prestar atención a los tiempos de carga es muy importante porque a medida que aumenta el tiempo de carga de la página, las tasas de rebote también aumentan. Y, cuando un visitante deja un sitio debido a tiempos de carga lentos, casi el 50% de ellos nunca regresa.

Aquí hay datos que Google descubrió en su investigación en 2018:

Curiosamente, el tiempo promedio que toma cargar completamente una página de aterrizaje móvil es de 15 segundos. Cuando considera que el 53% de los visitantes del sitio móvil rebotan si un sitio tarda más de 3 segundos en cargarse, el sitio promedio tarda demasiado en cargarse.

Si tomó nota de los consejos en el consejo anterior, entonces su sitio ya debería estar cargando más rápido, ya que las imágenes y videos tienden a ser el problema número uno con sitios lentos. También puede actualizar su plan de alojamiento a uno más rápido, o buscar en una red de distribución de contenido (CDN) como MaxCDN.

9. Atenerse a los diseños de una sola columna

Los dispositivos móviles no necesitan múltiples columnas. No tienen espacio para ellos y nada más que una sola columna hace que la navegación y el desplazamiento se sientan realmente incómodos y torpes.

Por supuesto, las reglas también se hacen para que algunas veces se rompan. Si está tratando de llamar la atención de los visitantes, puede ser beneficioso ocasionalmente desalinear el contenido. En su mayor parte, sin embargo, una sola columna es el camino a seguir.

Echemos un vistazo a la diferencia en acción. En primer lugar, el sitio oficial del gobierno para el estado de Alaska parece no tener una página de inicio móvil y solo está usando su página web regular, pero funciona para nuestro ejemplo:

Las columnas múltiples que funcionan en una página web normal simplemente no funcionan en un sitio móvil. ¿Te imaginas lo difícil que sería navegar por este sitio en un espacio de aproximadamente 3×5 pulgadas?

Ahora veamos la página de destino móvil de California:

No es súper emocionante, pero definitivamente es mucho más fácil de usar.

10. Repensar la navegación

¿Sabía que algunos líderes de opinión de marketing piensan que deberíamos eliminar completamente la navegación en las páginas de destino móviles y centrarnos en impulsar a los visitantes hacia el llamado a la acción principal que queremos que completen en la página?

Muchas páginas de destino móviles usan una "hamburguesa" para la navegación para ahorrar espacio en pantallas más pequeñas. La mayoría de los visitantes se han acostumbrado a ver este símbolo y saben que al hacer clic en él se mostrarán las opciones de navegación.

Algunos sitios usan los encabezados fijos de los que hablamos en el n. ° 4 para incluir un par de enlaces de navegación principales que están relacionados con el objetivo principal que tienen para la página de destino móvil.

11. Optimizar formularios para dispositivos móviles

Es muy importante que optimice sus formularios para visitantes móviles. Llenar formularios en un dispositivo móvil en realidad tiene un valor negativo neto, así que asegúrese de obtener la información mínima que necesita para lograr su objetivo. Siempre puede hacer un seguimiento más tarde para obtener más información.

Consejo rapido: Si tiene un sitio de WordPress, puede usar un complemento como WPForms para ayudarlo a crear de forma rápida y sencilla formularios que funcionen de maravilla para los visitantes de su dispositivo móvil.

Este formulario de Learn Jazz Standards es un excelente ejemplo de lo que debe ser una forma móvil:

Te preparan con lo que están ofreciendo. Es un poco prolijo, pero la forma lo compensa. Tres campos: nombre, dirección de correo electrónico y un menú desplegable para seleccionar el instrumento que toca. Auge. Haga clic en suscribirse y estará en camino a aprender los estándares de jazz.

Likeable Local es otra historia por completo.

Estamos seguros de que son encantadores, pero no estamos seguros de que todavía nos gusten lo suficiente como para pasar el tiempo necesario para completar 6 campos de texto y un menú desplegable en un dispositivo móvil antes de que podamos descargar su imán de plomo.

Si necesita ayuda para crear la opción correcta, consulte esta publicación sobre cómo crear optins móviles que ganen más negocios.

12. Usa alto contraste

Los colores de alto contraste tienen un doble propósito para la optimización de la página de aterrizaje móvil.

En primer lugar, son llamativos e incluso las personas que no tienen el error de diseño a veces pueden encontrar botones bellamente diseñados irresistibles para hacer clic.

En segundo lugar, las personas usan sus dispositivos móviles en todas partes y la luz natural exterior puede dificultar ver qué hay en la pantalla si se trata de un diseño de bajo contraste.

Apple hace un trabajo excelente usando un alto contraste con texto e imágenes más oscuros sobre un fondo blanco brillante.

Lindsey Racing, bueno, no lo hace.

El diseño negro, gris y rojo parece nervioso, que asumimos que es lo que estaban buscando, pero todo se convierte en papilla bajo una luz dura.

Desea asegurarse de que está utilizando colores que se convierten bien y que aparecen bajo cualquier tipo de iluminación que sus visitantes estén utilizando.

13. Usa el espacio en blanco

Como ya hemos visto con Evernote y Apple, el uso del espacio en blanco es una cosa maravillosa. Crea interés y hace que las páginas de destino móviles se vean modernas. También le da a los ojos espacio para leer las palabras que están en la página.

El espacio en blanco también facilita las interacciones con la pantalla táctil para los visitantes y mantiene los clics accidentales al mínimo.

Para una visión creativa del espacio en blanco, echemos un vistazo a SquareSpace.

El espacio en blanco de Squarespace muestra que el espacio en blanco no significa realmente espacio "blanco". Estamos buscando blanco como en "libre de distracción". SquareSpace hace esto maravillosamente.

14. Poner llamadas a la acción en la parte superior de la página

"Arriba del pliegue" todavía se aplica a las páginas de destino para dispositivos móviles. Sí, los usuarios móviles están condicionados para desplazarse, pero el 80% de la atención de un visitante móvil todavía se usa en la parte superior de la página, antes del primer desplazamiento instintivo. Aquí es donde debe ser su principal llamado a la acción.

Drift hace un gran trabajo para mantener su llamado a la acción hacia la parte superior de la página y llama la atención con un poco de acción de cambio de color. Desde entonces han cambiado esta genial función, pero queríamos usarla aquí para mostrarle lo que se puede hacer.

A medida que te desplazas hacia abajo en la página de Drift obtienes la misma llamada a la acción (sin los colores) a mitad de camino para recordarte por qué estás allí.

Si no está seguro de lo que hace una gran llamada a la acción, podemos ayudarlo a crear el llamado a la acción perfecto.

15. Prueba A / B

Guardamos las mejores prácticas de la página de destino móvil para el último: pruebas A / B. Obtendrá tanta información que puede usar para mejorar su sitio, aumentar las conversiones y aumentar sus ingresos simplemente realizando cambios sutiles.

Este es el formato básico para ejecutar una prueba A / B:

  • Decida qué problema desea resolver, como aumentar las tasas de conversión.
  • Determine lo que quiere comparar; por ejemplo, ¿un 10% de descuento se convertiría mejor que el envío gratis?
  • Realice la prueba creando dos versiones de la página de destino, la única diferencia es el artículo que desea comparar.
  • Calcule al ganador analizando sus datos y revisando los resultados de su prueba A / B.
  • Revisa y vuelve a ejecutar tus experimentos.

Hay literalmente miles de maneras de separar su sitio para dividirlo. Para algunas ideas, eche un vistazo a esta publicación de 11 mejores prácticas para las pruebas A / B.

Las mejores páginas de destino móvil que se convierten

Ahora que es un experto en diseño y prueba, veamos algunos ejemplos de página de destino móvil, ¿o sí? Ya has visto algunos de nuestros favoritos en los ejemplos anteriores, pero estos son algunos de los mejores ejemplos que hemos encontrado.

Todoist

Por qué lo amamos:

  • Alto contraste
  • Llamada a la acción hacia la parte superior de la página
  • espacio en blanco
  • gráficos minimalistas

Operador

Por qué lo amamos:

  • Divertido uso de gráficos
  • Forma super simple
  • Alto contraste
  • Sin muro gigante de texto

Zero Financial

Por qué lo amamos:

  • Utiliza video, pero no reproduce automáticamente
  • Llamada a la acción es la parte superior de la página
  • Grandes imágenes
  • Excelente uso del espacio en blanco

Vivint

Por qué lo amamos:

  • Gráficos emocionales tira de las fibras del corazón
  • Gran contraste
  • Botón de hacer clic para llamar
  • Copiar es al punto

¡Ahí tienes! 15 mejores prácticas de página de destino móvil y técnicas de optimización para aumentar sus conversiones y compromisos en dispositivos móviles. Si está buscando más formas de aumentar su tasa de conversión móvil, consulte estos 19 métodos probados.

Jared Ritchey puede ser el socio de generación líder que has estado buscando. Únete a nosotros hoy. ¿Que estas esperando?

Ver el vídeo: PREGUNTAS Y PARTIDAS РEpisodio 13

Like this post? Please share to your friends:
Deja un comentario

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: