Estadísticas recientes han confirmado que hay 4.68 mil millones de usuarios móviles navegar y explorar activamente la web. Y en 2016, El tráfico móvil superó al tráfico de escritorio al afirmar que el 51.3% de los usuarios de Internet son usuarios de dispositivos móviles. Por mucho que este término haya estado flotando desde la última década, es verdaderamente ahora que la era "Mobile-First" ha comenzado.
En consecuencia, no será sorprendente ver organizaciones trabajando primero para brindar mejores servicios y experiencia a los usuarios móviles. Sin embargo, Google se subió al tren móvil hace un par de años cuando PWA y AMP Fueron introducidos.
¿Quieres saber más sobre los anuncios AMP? Haga clic aquí
Tanto PWA como AMP fueron diseñados para mejorar la experiencia web del usuario mientras utiliza una plataforma compatible con dispositivos móviles. Pero los usuarios suelen confundirse entre PWA y AMP. Le ahorraremos algo de tiempo y le ayudaremos a comprender la diferencia entre PWA y AMP.
¿Qué es PWA?
PWA significa Aplicación web progresiva. Está diseñado para brindar a los usuarios la apariencia y la experiencia de una aplicación móvil al acceder a sus páginas web en un navegador. En pocas palabras, PWA es una página web optimizada para proporcionar una funcionalidad similar a la de una aplicación. PWA funciona cuando se accede a una plataforma o sus servicios desde la web móvil, pero sin instalar su aplicación móvil.
Como se mencionó, PWA se centra en proporcionar funciones similares a las de una aplicación. Esto incluye:
- Transición más rápida entre páginas
- Una interfaz completa similar a una aplicación
- Capacidad para enviar notificaciones automáticas (requiriendo el permiso de los usuarios)
- Accesibilidad al contenido sin conexión y más.
Ya tenemos una aplicación móvil, entonces ¿por qué necesitábamos aplicaciones web progresivas?
Los dispositivos móviles permiten a los usuarios descargar aplicaciones nativas (aplicaciones que se descargan desde App Store o Google Play), pero PWA es mejor. ¿Porque y como?
andres gazdecki contestado la pregunta de un artículo de Forbes: “Las PWA son más eficientes que las aplicaciones nativas. Funcionan bajo demanda y siempre están accesibles, sin ocupar la valiosa memoria o datos de un teléfono inteligente. Al optar por utilizar una PWA en lugar de una versión nativa de la misma aplicación, los usuarios consumen menos datos. Sin embargo, esto no significa que los usuarios deban sacrificar la comodidad de una aplicación nativa. Aún pueden guardar la PWA en su pantalla de inicio; se puede instalar sin la molestia de una descarga real”.
Últimamente, lo más popular móvil nativo Las aplicaciones que usamos son hacer que su plataforma sea más accesible utilizando PWA, especialmente, portales de comercio electrónico y redes sociales.
A continuación, ¿qué es AMP?
amplificador o Página móvil acelerada Fue introducido por Google en 2015 para crear páginas web de carga más rápida para dispositivos móviles. Google abrió el 'Proyecto AMP' para ayudar a los desarrolladores a crear estas páginas web.
Para crear sitios web optimizados para dispositivos móviles, se elimina el JavaScript innecesario (en línea). Además, el CSS está limitado a 50 KB para uso en línea y Google almacena en caché el contenido del sitio web para proporcionar una funcionalidad similar a la de CDN. El componente web AMP, entre otras características, también proporciona inserción (limitada) de JavaScript como parte de la biblioteca AMP, mediante la cual puede agregar animación a sus páginas web móviles sin riesgo de latencia.
En el escenario actual, AMP ya no se limita a sitios web. Hay anuncios AMP, correos electrónicos de AMP e incluso historias de AMP. La versión AMP de todos estos está diseñada para renderizarse rápidamente en dispositivos móviles.
Créditos de imagen: Bannersnack
“Hoy en día, si no es instantáneo, no es lo suficientemente rápido. Incluso la creatividad más memorable no cumplirá su propósito si el anuncio es lento y altera la experiencia de usuario”. explica el sitio AMP.
Como se esperaba de los anuncios, los anuncios AMP maximizan el ROI al obtener un mejor CTR. Se ha demostrado que ofrecen lo mismo. Triplelift, una empresa de tecnología publicitaria nativa, ha visto un Aumento del 13% en sus ingresos se atribuye a una carga de anuncios 6 veces más rápida utilizando anuncios AMP.
PWA vs AMP: ¿Qué debería elegir?
| Parámetro | PWA | AMP |
|---|---|---|
| Definición | Una página web que proporciona la apariencia de una aplicación móvil. | Diseñado para ofrecer páginas web rápidas y optimizadas para dispositivos móviles. |
| Cómo está hecho | Codificado principalmente usando Javascript. Sin embargo, está diseñado como una aplicación web e incluye funciones como notificaciones automáticas. | El sitio web carece de CSS y Javascript no necesarios para ofrecer páginas web de carga rápida y al mismo tiempo mantener la experiencia del usuario. |
| Recomendado para | Las aplicaciones web progresivas son ampliamente adoptadas por las empresas de comercio electrónico y redes sociales. | Se recomiendan páginas móviles aceleradas para todos los editores que se dirigen a la audiencia móvil. |
| Beneficios | - Funciones similares a las de una aplicación. - Rápido, confiable y atractivo. - Elimina el requisito de diseñar aplicaciones para diferentes sistemas operativos (Android/iOS) utilizando diferentes idiomas. - Accesibilidad del sitio sin conexión. - Los usuarios no necesitan descargar la aplicación ni sus actualizaciones. | - Carga de páginas web más rápida. - Bueno para SEO móvil. - Mejores posibilidades de aumentar el tráfico. - Vistas de anuncios mejoradas. - Aparecer en el carrusel de noticias destacadas de la búsqueda de Google genera una tasa de clics (CTR) más alta. |
| Resultado | Una página web que busca y ofrece funciones y experiencia similares a las de una aplicación móvil. | Una página web de carga más rápida y con mejor experiencia de usuario |
¿Se pueden utilizar AMP y PWA juntos?
Sí, AMP y PWA se pueden utilizar juntos para ofrecer experiencias de usuario elegantes. Así es como se verá:
El usuario busca un servicio y aparece un resultado habilitado para AMP en su pantalla. Esto significa que un sitio web liviano y previamente almacenado en caché está esperando que el usuario haga clic en él. Una vez que el usuario hace clic en el sitio web, los editores pueden interactuar con el usuario con una página web similar a una aplicación que solicita enviar notificaciones automáticas. Esta página web habilita al usuario con características como:
- Navegación sin conexión de contenidos y servicios.
- Transición fluida incluso durante una conexión a Internet lenta
- Una experiencia similar a una aplicación
¿Qué nos impide adoptar esta idea?
El principal desafío es el desarrollo. Si bien AMP funciona según la regla de usar solo HTML y CSS, y evitar JavaScript por completo (en su mayor parte), las páginas PWA se diseñan principalmente utilizando trabajadores de servicios habilitados para JavaScript.
Sin embargo, esto se puede contrarrestar creando páginas AMP separadas utilizadas para SERP, donde el tráfico se transfiere a la página PWA. Lo que esto significa es que la página AMP se puede utilizar para obtener una buena clasificación en los motores de búsqueda y, una vez que el usuario hace clic para abrir la página AMP, el navegador inicia la página PWA para la participación y retención del usuario.
Lea también: La forma correcta de monetizar el inventario de AMP
Última Palabra
PWA y AMP son tecnologías diferentes para teléfonos móviles. AMP se utiliza para cargar páginas web más rápido y PWA se utiliza para proporcionar la apariencia de las aplicaciones nativas.
As analizado por Adobe, el 40% de sus ingresos provinieron de dispositivos móviles del 1 de noviembre al 31 de diciembre de 2018. Con un 10.5% de tráfico móvil que generó conversiones, a diferencia del tráfico de escritorio donde la tasa de conversión fue del 7.4%, está claro que las empresas, tanto grandes como pequeñas, deberían tomar en serio a sus audiencias móviles y comenzar a invertir en AMP, PWA y/o ambos, según sus necesidades.
A finales de enero de 2019, 12% anuncios publicados por Google fueron anuncios AMP. También se dice que es adoptado por la mayoría de los editores, especialmente aquellos preocupados por la entrega de anuncios y la velocidad de carga.
Ambas son herramientas poderosas para mejorar el rendimiento del sitio y la experiencia del usuario. Puede elegir cualquiera de las dos tecnologías o simplemente implementar ambas para experimentar lo mejor de ambas. La decisión es tuya.
Shubham es un especialista en marketing digital con amplia experiencia trabajando en la industria de la tecnología publicitaria. Tiene una amplia experiencia en la industria programática, impulsando la estrategia comercial y escalando funciones que incluyen, entre otras, crecimiento y marketing, operaciones, optimización de procesos y ventas.
2 Comentarios
Confundido también elige cuál elegir. Pero creo que para mí es más adecuado para AMP, porque el blog que tengo es sólo un blog simple y los visitantes sólo provienen de motores de búsqueda. Si quieres dibujar ambos, ¿es difícil? Sha
Hola Shan,
No, no es difícil. Sin embargo, creo que tomaste la decisión correcta al elegir solo AMP para tu blog. Lo probamos una vez antes y realmente marcó una diferencia en nuestra clasificación general; sin embargo, tuvimos un problema con el seguimiento de las URL de las páginas.
Gracias,