Estás leyendo la publicación: La guía completa para implementar AMP de Google en tu tienda online
Hace apenas dos años, El comercio electrónico móvil representó solo el 15% de los dólares gastados en línea.a pesar de que la gente pasó una cantidad abrumadora de tiempo en sus dispositivos móviles.
Ese número está cambiando rápidamente y es en parte gracias al trabajo realizado en el código abierto de Google. Proyecto de páginas móviles aceleradas (AMP). Incluso si no sabe qué es AMP, obtiene los beneficios todos los días cuando navega por la web en su teléfono, donde las páginas se cargan mucho más rápido que hace unos pocos años.
La memoria de Internet es corta, así que permítanos recordarle que la carga de páginas en dispositivos móviles solía ser extremadamente frustrante. El HTML complicado y los elementos de la página con muchos datos fueron los culpables. AMP fue desarrollado para ayudar a estandarizar cómo se cargan las páginas en la web móvil, simplificando la caja de herramientas del desarrollador para promover la velocidad y la usabilidad sobre el diseño llamativo y otros elementos que requieren un trabajo pesado.
Para tiendas en línea, AMP es una herramienta esencial para capturar ese creciente segmento de compradores móviles. Aunque AMP sirve para brindar a los compradores una experiencia de navegación fluida, suceden muchas cosas entre bastidores para que AMP funcione.
De la misma manera que la pantalla de su teléfono es más pequeña que la de su computadora portátil, AMP reduce la carga de trabajo que los dispositivos móviles tienen que realizar para cargar una página web. Al estandarizar y optimizar elementos que normalmente tardan mucho en cargarse, las páginas AMP se cargan casi instantáneamente.
Aquí hay una buena explicación de cómo funciona AMP. Algunos ejemplos de por qué AMP funciona tan rápido:
- Si bien la mayoría de las páginas web cargan activos y scripts en cadena, AMP los carga en paralelo.
- AMP carga el diseño de la página primero, en lugar de esperar hasta que se cargue todo lo demás, lo que garantiza que la página comience a tomar forma tan pronto como el comprador toque el enlace a su sitio. (Este proceso se denomina “diseño estático”).
- Solo puede tener una hoja de estilo CSS con un tamaño máximo de 50 kb en AMP, lo que reduce en gran medida el trabajo necesario para cargar la página.
Otra parte de lo que hace único a AMP es el hecho de que es un fuente abierta proyecto, lo que significa que cualquiera puede contribuir a mejorar la plataforma haciéndola más rápida. Por lo tanto, la comunidad de desarrolladores que depende en gran medida de AMP también tiene interés en su éxito.
Según sus propias experiencias de navegación móvil, puede parecer un hecho que su tienda en línea funcionará de manera rápida y eficiente en dispositivos móviles. Pero ahora sabe que existe un ingrediente secreto para la navegación móvil sin problemas, y definitivamente debe ser parte de la receta de su tienda en línea.
Mientras que algunos consideran AMP no es bueno para el comercio electrónico, para competir en la web móvil actual, las páginas de su tienda deben cargarse a la velocidad del rayo o corre el riesgo de perder al cliente. La implementación de AMP en su sitio web es una parte esencial del funcionamiento de su tienda en línea.
En muchos casos, unos segundos pueden significar la diferencia para conseguir un nuevo cliente. Los compradores que navegan por un sitio web móvil de AMP obtienen una experiencia perfecta en la que no se desperdician esos valiosos segundos, lo que garantiza que no harán clic en el botón Atrás antes de ingresar a su sitio web. Las tiendas en línea que cargan lentamente, por otro lado, tienen una gran desventaja. Sin AMP, sus clientes simplemente no se quedarán el tiempo suficiente para comprar algo.
AMP también ayuda a mejorar su clasificación de búsqueda móvil, especialmente si lo está utilizando para optimizar su blog. Si bien AMP no se ha confirmado como una señal de clasificación, a Google le gustan las páginas que se cargan rápidamente (al igual que las personas que realizan búsquedas). Ambos factores ayudan a mejorar el SEO. También puede ver las páginas optimizadas para AMP claramente marcadas en los resultados de búsqueda con un pequeño rayo junto a la lista, un buen diferenciador de las páginas que no son AMP en los resultados de búsqueda.
Finalmente, AMP lo obliga a simplificar su experiencia de comercio electrónico móvil para una pantalla más pequeña. Eliminar las distracciones es un gran beneficio cuando intenta que su cliente llegue a la línea de meta de la manera más eficiente posible.
Para muchos plataformas de comercio electrónico, implementar AMP es tan fácil como encender un interruptor. El software de carrito de compras a menudo viene con la funcionalidad AMP incorporada. Todo lo que necesita hacer es asegurarse de que esté habilitado.
Algunos sistemas de administración de contenido (WordPress, por ejemplo) requieren que descargue un complemento AMP. Una vez que tenga el complemento, su CMS debería crear versiones AMP de todas sus páginas automáticamente.
Si su tienda se creó con una gran cantidad de HTML personalizado (en lugar de a través de un CMS listo para usar), necesitará el toque de un codificador. Aquí está un tutorial paso a paso por construir tu primera página AMP.
Si ya es cliente de 3dcart, aquí hay una introducción básica sobre cómo implementar AMP en páginas de productos y publicaciones de blog. Esto, junto con plantillas de diseño receptivas y compatibles con dispositivos móviles, garantiza una experiencia de navegación sólida para los compradores móviles.
Convertir sus páginas a AMP no siempre es un proceso perfecto. Si usan ciertos scripts o HTML hostil a AMP, las descripciones de productos son un área en la que sus páginas de AMP podrían fallar, por ejemplo. Para estar seguro tan pronto como esté en funcionamiento, es una buena idea probar sus páginas para asegurarse de que todo funciona correctamente.
Afortunadamente, las pruebas no tienen que ser minuciosamente manuales. Google ofrece un herramienta gratuita para probar su sitio web. Cuando ingresa su URL, la herramienta identifica problemas de código que no son compatibles con AMP, lo que hace que la fase de prueba e iteración sea pan comido.
Finalmente, es hora de ser analítico.
Con todos los diferentes aspectos de un negocio de comercio electrónico que necesitan seguimiento, el análisis de sitios web a veces puede quedarse en el camino. Si ya se está sumergiendo en el rendimiento de su sitio web, está un paso por delante del juego. Una vez que haya configurado las páginas AMP, también puedes rastrearlos.
Configurar el seguimiento es relativamente fácil. Solo tendrás que agregar el amp-píxel componente (para seguimiento básico) o el amp-análisis componente (para datos más avanzados como el seguimiento de eventos) a sus páginas. Puede utilizar estas soluciones con Google analitico u otras plataformas de medición.
Para obtener más información sobre el seguimiento de AMP, aquí hay una buena correo del blog de Google Analytics.
Los minoristas en línea no pueden darse el lujo de perder las ventas realizadas a través de dispositivos móviles. La optimización de la experiencia de compra móvil debe ser una prioridad para todas las tiendas en línea.
AMP es una opción preconstruida para asegurarse de no perder clientes debido a largos tiempos de espera. Cuenta con el respaldo de un gran núcleo de desarrolladores que están decididos a mantenerlo funcionando súper rápido en dispositivos móviles. Si tiene una tienda en línea, la integración de AMP en su estrategia móvil es crucial para atraer clientes móviles y capturar una parte esencial de su mercado.
