¿Qué es y para que sirve el AMP?

Picture of Blai

Blai

que es amp

COMPARTE ESTE POST

¿Qué es AMP?

Las siglas AMP corresponden a Accelerated Mobile Pages pero, ¿para que sirve el AMP?. Se trata de una tecnología desarrollada con el objetivo de permitir la creación de páginas web óptimas para teléfonos móviles.

Su ventaja respecto una página tradicional se encuentra esencialmente en su velocidad de carga. Esta tecnología se usa con el objetivo de replicar ciertas páginas de una web (las de poca complejidad orientadas a aparecer en las SERPs). De esta manera, cuando se realice la búsqueda en móvil, la página que aparecerá cargará más rápido. No sustituye la página original, sino que crea una copia de esta.

Aun así, dichas páginas no pueden ser idénticas porque emplean una versión adaptada del lenguaje HTML conocido como AMP HTML. Esto implica que el número de etiquetas que se pueden emplear están muy reducidas. Sólo se permiten fotografías con la forma «img-amp» (tienen un peso muy reducido), no se permiten ciertos elementos interactivos y el uso de JavaScript está limitado.

¿Para que sirve el AMP?

Las Accelerated Mobile Pages son ideales para generar contenido adaptado para móvil, pero nunca deberían emplearse en las páginas principales: es una tecnología ideal para blogs o landing pages simples, y hay que tener en cuenta que la calidad visual de la página siempre se reducirá. Pese esto, las páginas AMP permiten mejorar la experiencia de los usuarios y, en consecuencia, el número de visitas. Más del 80% de las búsquedas se realizan a través de móvil, por lo que generar páginas AMP es imprescindible para tener una web competitiva. Ahora que ya sabes para que sirve el AMP vamos a ver como funciona exactamente.

Funcionamiento de AMP

El funcionamiento de una página AMP es simple: la tecnología crea una página extremadamente ligera que carga casi instantáneamente incluso en móvil. Dichas páginas pueden utilizarse para posicionarse para escritorio, pero no presentan ninguna ventaja en relación a una página bien optimizada. Pasar una página por Page Speed Insight es suficiente para saber qué mejoras se pueden implementar para mejorarla sin necesidad de generar una copia en AMP.

Es perfectamente posible generar una página sin AMP que cargue rápidamente para móvil, pero limita mucho el contenido que se le puede añadir. La tecnología AMP nos permite generar simultáneamente una copia mas rápida para móvil de una página plenamente optimizada para desktop. Eso sí, eliminando el contenido que no puede procesar (incluyendo formularios) y adaptando imágenes y anuncios.

Cómo funciona el AMP a nivel técnico

Las AMP funcionan a causa de tres elementos: el lenguaje AMP HTML, el AMP Javascript y el AMP caché. El uso de CSS en estas páginas sólo funciona cuando se emplean elementos de menos de 50kb. Ya se ha mencionado que este lenguaje HTML requiere la adaptación de ciertas etiquetas a su formato (amp-img, amp-video…), pero es importante señalar que estas no se añaden a la página original. La página original no se alterará en ningún momento, solamente se realizará una copia adaptada de esta.

El AMP Javascript sólo carga el Javascript asíncrono, es decir, aquellos elementos que se pueden cargar a la vez que carga el HTML. De esta manera se evita que se bloquee la representación de la página, lo que acelera notablemente su carga.

Por otro lado hay que definir el espacio de cada uno de los elementos de manera previa porque las páginas AMP no realizan re-cálculos de diseño. Todos los elementos deberán tener unas dimensiones preestablecidas. El AMP caché solamente implica que Google guardará en su caché una copia de las páginas, que cargarán a la misma vez que los resultados de búsqueda. Así se asegura de que su proceso de carga no puede verse alterado por recursos externos. Ahora ya sabes para que sirve el AMP y su funcionamiento, ¡Vamos a ver como puedes implementarlo en tu página web!

Cómo implementar AMP en una web

Aunque puede parecer que generar páginas AMP es muy complejo, existen una gran cantidad de plugins y programas con los que se pueden generar copias automáticas de cualquier página que se desee. Dichas copias comprimirán automáticamente el tamaño de las imágenes, adaptarán la publicidad y, en caso de que aparezcan, eliminarán el contenido que no pueden adaptar. Existe la alternativa de modificar el HTML de la página para adaptarlo al formato manualmente, pero es sencillamente una pérdida de tiempo.

Por otro lado, el desarrollo de versiones alternativas de las páginas en cuestión también supone una inversión de tiempo destacable. Es por eso que se recomienda el uso del plugin AMP en caso de que emplees WordPress. Otras plataformas tienen la opción incorporada o, por contra, requerirán el desarrollo de las páginas manualmente.

Las necesidad de aplicar plantillas

El plugin en cuestión funciona a base de plantillas, y lo único que necesita hacer el usuario es seleccionar la que desea. Por otro lado, también se deberá asegurar de que la página en cuestión no contenga contenido no aceptado por AMP (formularios, elementos interactivos…). También puedes determinar algunos ajustes dentro de la sección de Mobile Formats. Y nada más, con esto tendrás la opción de generar páginas AMP seleccionando una casilla que aparece al editar entradas o páginas.

Para asegurarte de que tus páginas AMP están siendo indexadas sólo necesitas dirigirte a la Search Console > Aspecto de búsqueda > Accelerated Mobile Pages. Ahí se indicará claramente si las páginas no están funcionando correctamente o, por contra, mostrará el rendimiento de las páginas indexadas.

Conclusiones

Implementar la tecnología AMP en tu web es muy sencillo de hacer, lo único que hay que vigilar es en qué páginas es necesario implementarlo. Al fin y al cabo, las limitaciones que impone reducen las capacidades de las páginas. Es por eso que es una tecnología ideal para periódicos o blogs porque facilita que los artículos lleguen a su audiencia al ofrecer una mejor experiencia del usuario en móvil, uno de los principales canales de noticias. También hay que destacar que las mejoras en la UX de la página influyen directamente en el posicionamiento del dominio. Su implementación también es una buena estrategia de SEO si se usa correctamente.

En definitiva, implementar la tecnología es rápido, sencillo y tiene una gran cantidad de beneficios, tanto para usuarios como webmasters. Si tienes una web genera contenido regular y deseas que se posicione, ¡implementa estas páginas! Te serán de gran ayuda.

Si tienes dificultades por implementar la tecnología AMP en tu página web, desde Monster Digital te podemos ayudar. Tenemos experiencia en esta tecnología y sabemos perfectamente cuando usarla y como hacerlo. Si tienes alguna duda no lo dudes, ¡Contacta con nosotros!

SOMOS TU AGENCIA SEO EN BARCELONA

CONTÁCTANOS

¿Cómo podemos ayudarte?

INFORMACIÓN SOBRE PROTECCIÓN DE DATOS DE MONSTER DIGITAL. Finalidades: Facilitarle un medio para que pueda ponerse en contacto con nosotros y contestar a sus solicitudes de información, así como enviarle nuestro boletín comercial y comunicaciones informativas que puedan ser de su interés, incluso por medios electrónicos, en caso de aceptar la casilla correspondiente. Legitimación: Su consentimiento expreso, la ejecución de la relación precontractual o contractual mantenida con usted y el interés legítimo de Monster Digital. Destinatarios: La información proporcionada podrá ser compartida con nuestra base de datos de almacenamiento y terceros proveedores que nos ayudan en la prestación de los servicios. Derechos: Puede retirar su consentimiento en cualquier momento, así como solicitar el acceso, rectificación, limitación, supresión, y/o portabilidad de sus datos en la dirección de correo electrónico [email protected]. Información Adicional: Puede ampliar la información en el enlace de Política de Privacidad.

COMPARTE ESTE POST

También te pueden interesar...

Suscríbete a NUESTRO blog

Al apretar al botón "SUSCRIBIRME", confirmo que he leído y acepto la política de privacidad y deseo recibir la newsletter.

Todo lo que tu negocio necesita 👇

Crece gracias a la publicidad en Redes Sociales, el posicionamiento SEO, las campañas SEM en Google Ads, el Inbound Marketing y otras técnicas de marketing digital.

Descubre nuestra GUÍA con ejemplos de éxito REALES.

formulario de contacto

INFORMACIÓN SOBRE PROTECCIÓN DE DATOS DE MONSTER DIGITAL. Finalidades: Facilitarle un medio para que pueda ponerse en contacto con nosotros y contestar a sus solicitudes de información, así como enviarle nuestro boletín comercial y comunicaciones informativas que puedan ser de su interés, incluso por medios electrónicos, en caso de aceptar la casilla correspondiente. Legitimación: Su consentimiento expreso, la ejecución de la relación precontractual o contractual mantenida con usted y el interés legítimo de Monster Digital. Destinatarios: La información proporcionada podrá ser compartida con nuestra base de datos de almacenamiento y terceros proveedores que nos ayudan en la prestación de los servicios. Derechos: Puede retirar su consentimiento en cualquier momento, así como solicitar el acceso, rectificación, limitación, supresión, y/o portabilidad de sus datos en la dirección de correo electrónico [email protected]. Información Adicional: Puede ampliar la información en el enlace de Política de Privacidad.

Estamos en Línea