fbpx

AMP: ventajas y desventajas

Si tienes un sitio web que se descarga rápidamente, es decir en menos de 2.5 segundos, cumples los criterios de Google y será un punto a tu favor para el posicionamiento de tu página. El lenguaje AMP (Accelerated Mobile Pages) te ayuda para lograrlo cuando hablamos de visualización en teléfonos móviles.

El sueño de todos: tener un sitio web que baje rápidamente en móviles para no perder visitantes. 40% de los usuarios de móvil huyen de tu página si no aparece en menos de 2.5 segundos.

¿Cuánto pesa tu página web?

La velocidad de carga de una página web es un factor importante para que Google te indexe en su buscador, y en muchos casos los sitios son muy pesados. Prueba la velocidad de tus páginas con Speed Insight Google.

Google te da dos calificaciones: la velocidad en computadora y en móvil. Si tu sitio está en rojo es decir menos de 30%, tienes que tomar medidas para mejorar la velocidad. Importa cuántos Java scripts y hojas de estilo CSS tienes, el peso de las imágenes y otros factores que tendrás que ver con tu diseñador web sin no eres un pro en SEO. Echa un ojo a la velocidad en móvil. Si estas en rojo, la solución puede ser crear una versión de tu sitio en Accelerated Mobile Pages.

Qué es el lenguaje Accelerated Mobile Pages

AMP es una iniciativa de código abierto liderada por Google con el objetivo de mejorar la velocidad y el rendimiento de las páginas web en dispositivos móviles. Se utiliza comúnmente en la creación de contenido noticioso y otros tipos de contenido como blogs que se consumen rápidamente en dispositivos móviles.

El Accelerated Mobile Pages (AMP) te permite mejorar la velocidad de tu sitio para que el usuario no tenga que esperar varios segundos para que se descargue tu página. Es un lenguaje de programación en HTML que optimiza el peso de tus imágenes, bloquea Java Scripts, frames y objetos. Crea un espejo de tu página web sin tanto código, que se despliega cuando reconoce que será vista en un móvil.

 

Curso de wordpress

 

Cómo instalar AMP en tu sitio web

No tendrás que desarrollar todas tus páginas en AMP. Basta con instalar el plugin AMP en tu sitio de WordPress y configurarlo. El plugin oficial AMP for WordPress, desarrollado en parte por Google, tienes tres modos de plantillas para crear tu sitio en AMP:

• Estándar

El modo estándar aplica el AMP en todas tus páginas, que sean vistas en computadora o en móvil. Es decir que se usa una sola plantilla para tu sitio. Sería lo ideal, pero tu plantilla tiene que ser totalmente compatible con Accelerated Mobile Pages, de lo contrario, no podrás contar en tu sitio con plugins.

• Transicional

Tu sitio tendrá una versión no AMP y una AMP, ambas usarán un mismo tema. Si está activa la redirección móvil automática, la versión AMP del contenido se desplegará en los dispositivos móviles. En computadora, tu sitio se verá como antes. Es una buena opción si poco a poco arreglas tu tema para que sea más compatible con AMP.

• Lector

Tu sitio tendrá versión AMP y no AMP, cada versión usará su propia plantilla. Se desplegará la versión AMP de la página en dispositivos móviles, y la versión no AMP en computadoras. Es la mejor opción si no tienes conocimientos en programación.

La extensión AMP te propone varias plantillas, son del paquete Twenty, con temas que vienen por default en WordPress. Ya activado, lo puedes personalizar. Verás que tienes dos plantillas activas, la original y la AMP.

Las ventajas del AMP

  • Experiencia del Usuario (UX): Si la velocidad de carga es crucial para la experiencia del usuario en tu sitio web, especialmente en dispositivos móviles, AMP puede ser beneficioso. Las páginas web Accelerated Mobile Pages están diseñadas para cargar rápidamente, lo que puede mejorar la retención de usuarios.
  • SEO: Google ha indicado que la velocidad de carga de una página es un factor importante en su algoritmo de búsqueda. Las páginas web AMP pueden tener un impacto positivo en los rankings de búsqueda, especialmente en las búsquedas realizadas desde dispositivos móviles.
  • Ideal para un blog o medio de comunicación: AMP se ha utilizado comúnmente en sitios de noticias y contenido editorial. Si tu sitio produce contenido noticioso o actualizaciones frecuentes, AMP puede ayudar a que ese contenido se entregue de manera más eficiente a los usuarios.

Las desventajas del AMP

Te limita bastante en el diseño de tu plantilla y no puedes intervenir mucho para crear un diseño elaborado. Es un dolor de cabeza adaptar tu tema. Si eliges la opción ‘Lector’, tendrás que adaptar el tema, crear un nuevo menú para la visualización AMP y más.

Limita la funcionalidad de tu sitio. No cuentas con botones para compartir en redes sociales formularios, carruseles de imágenes y mucho más. Tampoco puedes tener iframes, como un video de YouTube o mapas de Google.

  1. Restricciones en el Diseño y Funcionalidad: El Accelerated Mobile Pages impone ciertas restricciones en el diseño y la funcionalidad de las páginas web. Esto se hace para garantizar la velocidad de carga, pero puede limitar la creatividad y las opciones de personalización.
  2. Implementación Adicional: La implementación de Accelerated Mobile Pages puede requerir tiempo y esfuerzo adicional. Si bien existen herramientas para facilitar la adopción, aún puede ser un proceso que requiere la ayuda de un diseñador web,
  3. Dificultades con Contenido Dinámico: Está optimizado para contenido estático y puede tener dificultades con contenido dinámico, como los formularios de pedido de información o elementos que requieren actualizaciones en tiempo real. Checa si tus plugins funcionan bien antes de lanzar tu sitio Accelerated Mobile Pages.
  4. Gestión de Duplicados: Si decides implementar versiones AMP y no-AMP de tus páginas, debes gestionar cuidadosamente el contenido duplicado. Google proporciona directrices para ayudar con esto, pero aún puede ser un aspecto a considerar.
  5. Dependencia de Google: AMP fue iniciado por Google, y si bien es de código abierto, existe cierta dependencia de la infraestructura y los servicios de Google. Esto puede generar preocupaciones sobre la dependencia de un único proveedor.

Diseñar tu sitio web con un tema compatible con AMP

Otra opción es diseñar tu sitio con una plantilla compatible. La serie de Twenty es una opción, es gratuita, pero puedes encontrar más temas compatibles. Casi todos son de pago. Busca el plugin en la página de https://themeforest.net/, biblioteca de temas para WordPress. La gran mayoría tiene precios a partir de 20 dólares.

 

Jean-Luc Lenoble
https://www.linkedin.com/in/jeanluclenoble