¬ŅSabes qu√© son las PWA? 6 motivos por los que van a revolucionar la navegaci√≥n en m√≥viles

Ahora mismo puede que no tengas muy claro qué son las PWA exactamente.

Pero es una palabra que vas a o√≠r mucho en los pr√≥ximos a√Īos. ūüėČ

Las PWA son una nueva tecnología relacionada con las apps de los smartphones, que pueden suponer un antes y un después en las estrategias de marketing en móviles.

Y eso también incluye a las tiendas online.

Si quieres saber cómo lee con mucha atención este post, porque aquí te vamos a contar:

  • Qu√© son exactamente las PWA.
  • Por qu√© son tan interesantes para un e-commerce (y algunas tiendas online que ya las est√°n usando).
  • Ventajas y puntos d√©biles de esta nueva tecnolog√≠a.

¬ŅPreparado? Pues vamos all√°.

ūüĎȬ† Qu√© son las PWA y por qu√© ya deber√≠an empezar a sonarte

PWA son las siglas de Progressive Web App o ‚ÄúAplicaci√≥n Web Progresiva‚ÄĚ.

Y salvo que tengas algunas nociones de programaci√≥n y de dise√Īo de apps, es muy probable que te hayas quedado igual. ūüėČ

Tranquilo, porque para cuando llegues al final de este post ya vas a ser un experto en este tema.

Pero para que entiendas qué son las PWA (y por qué son el futuro de las tiendas online), primero tenemos que empezar por lo básico.

✅  1. Apps web y apps nativas

Cuando hablamos de aplicaciones, lo que te vendr√° a la cabeza son esos programas que instalas en tu m√≥vil y que a√Īaden diversas funcionalidades (como WhatsApp, por ejemplo).

Estas son las llamadas aplicaciones nativas‚ÄĚ, que se dise√Īan¬†espec√≠ficamente para funcionar en dispositivos m√≥viles.

Pero luego hay otro tipo de app, las aplicaciones web, que quiz√° no te suenen tanto. ūüėČ

Es normal, porque muchas de ellas están hechas de manera que no notes que las estás usando. Son apps que no se instalan sino que las ejecuta el navegador de tu smartphone.

¬ŅUn ejemplo? Pues tanto Twitter como Facebook las usan.

Lo que significa que cuando te metes en una de estas dos redes desde el navegador del móvil, en realidad lo que estás viendo es una app, no una página web.

Hasta hace poco estos eran los dos tipos de apps principales que exist√≠an… pero luego llegaron las PWA.

‚úÖ¬† 2. Entonces, ¬Ņen qu√© se diferencian las PWA de las apps normales?

Más que de diferencias, deberíamos hablar de qué comparten.

Las Aplicaciones Web Progresivas son un tipo de app que¬†funcionan en todos los dispositivos y que re√ļnen lo mejor de las¬†apps¬†nativas y las¬†apps¬†web.

Te lo explicamos con un ejemplo.

Imagina que un día decides cambiar tu web normal, hecha en WordPress, Prestashop o cualquier otro CMS, por una PWA.

En este caso tu tienda online tendría el aspecto de una web normal y corriente, con su URL para acceder… pero por dentro la tecnología que usaría sería la de una app de móviles.

¬ŅY por qu√© ibas a querer hacer esto? Pues aqu√≠ tienes un ejemplo pr√°ctico:

La empresa Alibabá cambió su página web por una PWA y consiguió aumentar las conversiones en móviles un 76%. 

Y eso es solo uno de los muchos beneficios que traen estas nuevas aplicaciones. ūüėČ

ūüĎȬ† Ventajas e inconvenientes de las PWA para las tiendas online

Se acab√≥ la parte t√©cnica del art√≠culo. Ahora vamos a lo que te interesa de verdad:¬†¬ŅPor qu√© deber√≠as tener muy presentes las PWA dentro de tu estrategia?

Como toda tecnología, estas aplicaciones tienen muchos puntos fuertes pero también algunos negativos.

Te contamos ambos y luego t√ļ decides si las usas o no. ūüėČ

✅  1. Ventajas

Para empezar vamos a ver las partes buenas de las aplicaciones progresivas.

‚ě°ÔłŹ¬† A. Velocidad de carga (ultra) r√°pida

Ya sabrás lo importante que es que la web de tu e-commerce cargue rápido (y cómo una velocidad de carga baja puede matar las ventas).

Pero también sabrás que eso es más difícil de conseguir en móviles.

En parte es inevitable, porque cualquier smartphone va a ser menos potente que un ordenador, y por lo tanto la velocidad de carga de cualquier web será más lenta.

Pero eso es lo interesante de las PWA.

Como están construidas como una aplicación para móviles, el rendimiento que tienen es altísimo.

La forma en la que est√°n dise√Īadas hacen que pesen muy, muy poco. Eso significa que el m√≥vil del usuario tiene que cargar muchos menos recursos que con una web hecha totalmente con c√≥digo HTML.

Y de ahí viene el siguiente punto.

‚ě°ÔłŹ¬† B. Dise√Īo¬†responsive,¬†pero de verdad

El concepto de una web que se adapte a todas las pantallas no es nuevo. De hecho, hace a√Īos que Google ya penaliza a todas las webs que no tienen un dise√Īo¬†responsive.

El problema es que esta tecnología todavía no es perfecta.

A veces, incluso si utilizas una plantilla bien dise√Īada, hay determinados dispositivos (m√°s antiguos, con una pantalla de dimensiones poco habituales‚Ķ) en los que algo falla.

Quizá el texto desborda la pantalla y es incómodo de leer, o hay una llamada a la acción que no se puede pulsar porque está descolocada.

Aunque son fallos simples, cualquier error de este tipo puede tener un impacto negativo en la experiencia de usuario.

Eso también va a cambiar con las PWA.

Para ponerte en contacto, lo que hace el dise√Īo¬†responsive¬†es adaptar el c√≥digo HTML de una web, que es una tecnolog√≠a creada para ordenadores, a las pantallas de los nuevos¬†smartphones.

En cambio, una PWA utiliza la propia tecnología de los móviles.

Por eso la adaptación a cualquier dispositivo (tanto ordenadores como smartphones y tablets) es mucho más precisa.

Y si a eso le unes que carga como un rayo, pues el resultado es…

‚ě°ÔłŹ¬† C. Mejor experiencia de usuario = m√°s ventas

El ejemplo de Alibab√° no es casualidad.

Porque ya sabes que a la hora de conseguir que un usuario se convierta en cliente, la experiencia de usuario de tu web cuenta.

Y mucho.

A eso adem√°s tienes que sumarle que la mayor√≠a de los usuarios utiliza el m√≥vil para hacer compras online. As√≠ que un sistema que mejore la experiencia en m√≥viles es una apuesta ganadora lo mires por donde lo mires. ūüėČ

‚ě°ÔłŹ¬† D. Mejora el posicionamiento SEO

Después de todo lo que has leído es probable que te haya pasado por la cabeza algo como:

‚ÄúPero si es una app, ¬Ņcon el posicionamiento en Google qu√© pasa?‚ÄĚ.

Pues que mejora much√≠simo. ūüėČ

A fin de cuentas las PWA siguen siendo básicamente páginas webs. El robot de Google es perfectamente capaz de leer su código fuente y de indexarla como cualquier web.

A eso s√ļmale una velocidad de carga alta, dise√Īo s√ļper adaptable y mejor experiencia de usuario, que tambi√©n son factores que afectan al posicionamiento SEO.

De hecho es probable que los e-commerce hechos como PWA jueguen con ventaja en las SERPs.

‚ě°ÔłŹ¬† E. Tu tienda funciona las 24 horas (hasta sin conexi√≥n a Internet)

Esta es la principal diferencia entre tener una web y una PWA.

Si la persona que está en tu tienda se queda sin Internet le aparecerá un error 404. En cambio, con una PWA podrá seguir navegando por ella y utilizar la mayoría de sus funciones como si fuera una app nativa.

De manera que seguiría teniendo acceso a tu catálogo e incluso podría recibir notificaciones con normalidad.

La √ļnica diferencia es que no dispondr√° de opciones online ni podr√° finalizar su compra, pero mientras vuelve la conexi√≥n¬†s√≠ podr√≠a seguir a√Īadiendo productos al carrito, por ejemplo.

‚ě°ÔłŹ¬† F. Notificaciones¬†push¬†nativas

A diferencia de una web, que te obliga a instalar un plugin, las PWA traen su propio sistema para generar notificaciones push.

Y esto significa que:

  • Funcionan en cualquier dispositivo:¬†ya sea en una web, en un m√≥vil o incluso en un¬†wereable¬†(como los¬†smartwatch), sin tener que instalar nada ni pedirle a un desarrollador que lo haga.
  • Se pueden geolocalizar:¬†las PWA pueden conectarse con el resto de aplicaciones del m√≥vil, incluyendo el GPS. Una forma de aprovechar esta funci√≥n ser√≠a enviarle a un cliente una notificaci√≥n cuando pase cerca de tu tienda f√≠sica, para avisarle de una oferta que tienes en activo. O si vendes a nivel internacional, puedes segmentar tus notificaciones por pa√≠ses aunque haya usuarios sin una cuenta de cliente creada.

Como te imaginarás, bien usadas pueden ser una herramienta potentísima.

✅  2. Desventajas

Ahora vamos con la parte negativa, los inconvenientes.

Aunque m√°s que ‚Äúinconvenientes‚ÄĚ en realidad son carencias l√≥gicas en una tecnolog√≠a con escaso tiempo de vida.

Vamos a verlos.

‚ě°ÔłŹ¬† A. Tienen funcionalidades limitadas

La tecnología de las PWA todavía esta muy poco explorada.

Eso significa que todav√≠a tienen algunas limitaciones de uso. Por ejemplo, a diferencia de con una app nativa, con una PWA a√ļn no puedes acceder a la c√°mara del m√≥vil.

Pero eso es algo que ir√° avanzando con el tiempo.

‚ě°ÔłŹ¬†¬†B. No puedes crear la tienda tu mismo

Esta quiz√° es su mayor pega.

De momento, y hasta que la tecnología evolucione más, no existe el equivalente a un CMS en las PWA.

Es decir, no puedes descargar una plataforma como WordPress, Prestashop o Magento y crearte una tienda online por tu cuenta, sino que necesitas que lo haga un desarrollador.

Lo más probable es que esto también acabe cambiando.

ūüĎȬ† Ya has visto todo el potencial que tienen las PWA para los e-commerce

Ahora, ¬Ņsignifica esto que deber√≠as ir ahora mismo a buscar un programador que convierta tu tienda online en una app progresiva?

Es muy posible que no.

Se trata de una tecnología a la que todavía le queda camino por delante, pero es importante que la tengas bien a la vista.

Mientras tanto lo que puedes hacer es seguir trabajando todos esos aspectos que sabes que afectan a la experiencia de usuario, como:

No ser√° por falta de deberes. ūüėČ