<img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1500086133623123&amp;ev=PageView&amp;noscript=1">
logo de inboundcycle

Agencia de Inbound Marketing

Blog de Inbound Marketing

Técnicas y recursos para ayudarte a generar oportunidades comerciales y branding basados en las experiencias de todo un equipo de profesionales del marketing digital.


Mobile marketing: ¿cómo adaptar tu contenido a los distintos dispositivos móviles? [+Vídeo]

por Elena Camara  |  03/08/2017

Atracción de Tráfico

Los dispositivos móviles han trastocado nuestras estrategias de marketing, y con razón, ya que son muchas empresas las que aún debaten cómo llevar a cabo su estrategia de mobile marketing. Sobre todo, quieren evitar ponerse a la cola de las penalizaciones de Google o, simplemente, temen perder a usuarios por una mala visualización del contenido o que este no sea el adecuado y los disuada de la compra.

¡Veamos cómo evitarlo adaptando tu contenido! ¿Te vienes?

mobile-marketing-adaptar-contenido.png

✏️   ÍNDICE DE CONTENIDOS:

- "Sin un diseño responsive, desapareces"
¿Por qué utilizar una estrategia mobile marketing más allá de la adaptación al formato?
Consejos de mobile marketing para un diseño responsive

El motivo de esta preocupación es simple; mientras esperamos nuestra próxima parada en el autobús, estamos con nuestros dispositivos móviles revisando las actualizaciones de Facebook o el tiempo que va a hacer. Queremos ir a cenar y, antes de la salida, o durante ella, estamos consultando la localización de los restaurantes más cercanos.

Después, también queremos compartir nuestra experiencia en redes sociales. Con todo esto, ¿cómo debe adaptarse a la situación actual el mobile marketing? ¿Cómo debe ser el contenido de mi web para los dispositivos móviles?

Aunque somos conscientes de todo ello, aún no tenemos claro cómo abordar el constante uso de los diferentes dispositivos móviles que existen con conexión infinita a la red. No solo es el caso de los smartphones que usamos como una parte extensible de nuestro cuerpo, de manera personal e interactiva. También afecta a todo el universo mobile media: tablets, ebooks, relojes o agendas inteligentes, o, como dice Wikipedia, “cualquier palmtop o handheld” que haya en el mercado. Dispositivos a los que debemos adaptar el contenido en función del momento y el lugar en el que van a ser consumidos.

Se trata de ponérselo fácil al lector, que sea contenido útil y, además, hay que hacerlo atractivo, de manera que consigamos engagement: una metodología en la que se basa el mobile marketing con la finalidad de proporcionar al usuario una buena experiencia de navegación y que se debe elaborar en función de nuestro usuario móvil potencial.

“Sin un diseño responsive, desapareces”

Por otra parte, ya desde febrero de 2015 Google estaba avisando de la situación a todas las versiones web de las empresas: “Sin un diseño web responsive, desapareces”. No es que desindexe automáticamente las páginas no adaptadas a estos dispositivos, pero aquellas que sí lo están tendrán más posibilidades de salir al principio de los resultados de búsqueda.

Una penalización que no deja otra elección cuando, a su vez, según el informe Mobile en España y el Mundo de Ditendria, España es el país con mayor cuota de penetración de smartphones del mundo. Es decir, utilizamos más los móviles que los ordenadores: un 80% de los españoles tiene un smartphone, mientras que sólo un 73% posee un ordenador. Además, ¡7 de cada 10 personas se conecta al móvil durante más de 30 minutos al día!

No obstante, hay que diferenciar entre adaptar el site a móviles (lo que llamamos 'resposiveness') y hacer una estrategia de contenido mobile, que va más allá del responsiveness, puesto que, en ese caso, hay que desarrollar una estrategia con KPI específicos para estos dispositivos.

¿Te gusta lo que estás leyendo? Suscríbete


¿Por qué utilizar una estrategia mobile marketing más allá de la adaptación al formato?

Una web responsive es aquella que se adapta para tener una buena visualización en los diferentes dispositivos móviles, pero manteniendo la misma URL. De este modo logramos ganar en usabilidad y en posicionamiento SEO, de manera que nos facilita la indexación.

Por otro lado, las desventajas del diseño adaptativo residen en el tiempo de carga, que a veces puede ser mayor. Para minimizarlo debemos simplificar y jerarquizar el contenido, es decir, un diseño específico para la lectura de la web en los dispositivos móviles, para lo cual es necesaria una estrategia mobile marketing.

Hacer una estrategia de contenido con marketing mobile implica ampliar las opciones de crear estrategias personalizadas que lleguen a tu cliente, inciten a la compra y fidelicen. Las características intrínsecas del dispositivo móvil permitirán una interacción más directa e inmediata del cliente con la marca.

Antes de diseñar la estrategia, deberás tener en cuenta las siguientes cuestiones, que nos responderán por qué emplear mobile marketing:

  • ¿Merece la pena invertir en una adaptación móvil para los clientes potenciales de mi empresa? Dependiendo del tipo de contenido, productos y servicios que tenemos, así como el tipo de público al que nos dirigimos, tendremos que tomar una decisión. Recuerda que lo más importante es nuestro ROI.
  • Definir los buyer personas: investiga el perfil de tus clientes y/o consumidores para entender el uso que hacen de estos dispositivos y así saber en qué debemos centrar nuestra estrategia mobile marketing. Debes analizar sus intereses y necesidades, de manera que podamos resolverlos de una manera factible y cómoda. ¿Tiene sentido crear una estrategia especial de mobile marketing?
  • ¿Una web resposive o una app? Aunque hace unos años la app ofrecía notables ventajas para la navegación del usuario sin wifi, lo cierto es que solo se recomienda para aquellas empresas que puedan ofrecer en su app un servicio único y diferente al de la web.

Consejos de mobile marketing para un diseño responsive

Una vez tenemos claras las premisas mencionadas, presta atención a estos consejos para una buena optimización del diseño responsive:

  • Conoce las herramientas que te pueden ayudar con la adaptación responsive: en WordPress puedes contar con plugins como Wptouch o WordPress Mobile Pack. Pero si no tienes la versión premium, otras herramientas son MoFuse, Mippin Mobilizer, Winksite, GoMobi o MobiTen.
  • Comprobar las compatibilidades de la adaptación para los diferentes sistemas operativos. Deberemos comprobar que funciona correctamente tanto en un Android como en un iOS. Te recomendamos la herramienta de Google Mobile Friendly Websites para testearlo.
  • Evitar software que no sea común en dispositivos móviles: por ejemplo, si en tu contenido insertas vídeos, comprueba que no sean Flash, ya que esta tecnología no es compatible con todos los sistemas operativos.
  • Asegúrate de que la página carga rápido: el tiempo de carga óptimo para un dispositivo móvil es de 3 segundos. Está demostrado que, por nuestra impaciencia innata, si se tarda más las probabilidades de abandono son exponenciales. Para analizar la velocidad de carga de nuestro sitio web y saber si está funcionando como debe, te aconsejamos la herramienta de Google PageSpeed Insights o la de Pingdom.

En este sentido, para el diseño responsive te recomiendo las páginas AMP o Accelerated Mobile Page. Son páginas que cargan hasta 4 veces más rápido y usan menos datos móviles. Se trata de una forma de HTML muy simplificada. Pero tienen ciertas limitaciones: por ejemplo, no dejan poner formularios o vídeos y, en general, tienen un diseño más simple.

Para el texto y los detalles del contenido

  • Usar texto que sea legible: aconsejan un tamaño de entre 12 y 15 px para configurar las fuentes. Así nos aseguramos de que el usuario pueda leer el texto sin utilizar el zoom.
  • Menos zoom y más scroll vertical: el texto y las imágenes se deben adaptar a la pantalla, lo que se debe evitar es el scroll horizontal. El scroll vertical, en cambio, sí es amigable para reorganizar nuestra web.
  • Cuidado con el tamaño de los botones: tienen que ser suficientemente grandes para que sean fáciles de tocar, pero sin pasarse. Debes espaciarlos entre ellos para que no se haga clic en el botón equivocado. Las directrices de interfaz de usuario de Android recomiendan utilizar elementos de aproximadamente 7 mm (48 px de alto y ancho). Los enlaces que se utilicen pueden ser más pequeños, pero, aun así, deberían estar lo suficientemente separados entre sí. No obstante, PageSpeed Insights nos advierte sobre este tipo de errores.
  • No pongas muchos CTA con enlaces en el texto, utiliza mejor un botón que sea visible y fácil de hacer clic.

Para la estructura de la página

  • Adaptar el menú desplegable con el icono de la hamburguesa (tres rayas horizontales) para trabajar la arquitectura de la información. De esta forma indicas que, tras ese botón, hay un menú con opciones. Es una solución muy reconocible por los usuarios que, sin embargo, no es recomendable si tu menú consta de entre 3 y 5 opciones. En ese caso, hazlas visibles.
  • Formularios mobile friendly y smarts: nunca pidas mucha información de golpe, ¡y en el móvil, menos! Si son smart, mucho mejor, pues podrás ir captando más información a medida que vayan entrando para obtener leads más cualificados y después segmentar. Una forma simple de capturar emails en móviles es utilizando plugins como Sumo Me u Optinmonster, que hacen que tus formularios se vean bien en todos los dispositivos.

Cuidando todos estos detalles de mobile marketing, aumentaremos las probabilidades de que cada usuario pueda acceder cómodamente a tu contenido, lo cual mejorará definitivamente el SEO.

Lo más importante es que, cuando empieces a llevar a cabo una estrategia de mobile marketing, y cada vez que implantes alguna mejora o hagas algún cambio, analices los resultados y sigas optimizando tu site. Así conocerás mejor a tu audiencia y crearás engagement con ellos.

¿Seguimos hablando de ello en la zona de comentarios?

ebook-contenidos-inbound-marketing

Atracción de Tráfico

¿Y tú qué opinas? ¡Déjanos aquí tus comentarios!