Accelerated Mobile Pages (AMP)

No es ninguna novedad para ninguno de nosotros que el número de usuarios móviles ya ha superado con creces el número de personas que utilizan un escritorio para buscar información o para hacer una transacción, ¿verdad? Google ha estado advirtiendo a todo el mundo acerca de este comportamiento cada vez mayor, a la vez que proporciona nuevas soluciones para que los profesionales del marketing puedan mantenerse al día con todos los cambios. ¿Adivina cuál es nuestro favorito? 😉

Las páginas AMP llegaron para liderar los SERPs móviles (Search Engine Results Pages o "resultados del buscador" en castellano) y, por lo tanto, los profesionales y desarrolladores de SEO tienen que implementar tantos de ellos como sea posible para proporcionar la mejor experiencia de usuario móvil para los visitantes. Ahora, averigüemos un poco más.

¿Qué son las Accelerated Mobile Pages (AMP)?

AMP es un tipo de página creada por Google y Twitter que ofrece la navegación más rápida en Internet. Es básicamente una forma más simple de HTML que permite a los desarrolladores crear fácilmente páginas web móviles de carga rápida. Gracias a este nuevo código, los editores pueden mejorar la velocidad de las páginas (¡se tarda menos de un segundo en cargar!), lo que proporciona una mejor experiencia al usuario.

Velocidad de la web móvil

Como se basan en una versión simple de HTML, hay ciertas etiquetas que no se pueden utilizar, al igual que algunas funcionalidades de CSS. El uso de JavaScript está completamente restringido ya que ralentiza la velocidad de carga, por lo que tendrás que usar su propia versión.

Dado que la idea principal de este servicio es mejorar la legibilidad, las imágenes no se cargan hasta que se llega a ellas mediante el desplazamiento, por lo que la página no tarda todo el tiempo de carga inicial que nos tiene a todos gimiendo (¡sí!). Ahora te preguntas: ¿cuál es la clave de este truco de magia? Bueno, estas páginas están diseñadas para ser super cacheadas. Esto significa que Google aloja todo el contenido, así que está ahí sentado esperándote.

Lo bueno de este código es que es de código abierto, así que muchas otras plataformas están aprovechando la oportunidad para ofrecer las mismas soluciones a sus visitantes. Los artículos instantáneos de Facebook, Snapchat Discover o Apple News son los más conocidos, pero pronto disfrutaremos de la misma experiencia de navegación en otros canales.

Usted podría haber notado que esto es usado principalmente por los periódicos para publicar contenido que se carga muy rápido y aparece en los SERPs en un abrir y cerrar de ojos. Otros negocios como sitios de comercio electrónico, páginas de recetas y algunos bloggers están implementando esta tecnología en sus publicaciones, y un sinnúmero de compañías la aplican a las páginas de destino para múltiples propósitos. ¿Ya has decidido para qué quieres usarlo?

¿Cómo implementar Accelerated Mobile Pages?

Antes de que nos pongamos demasiado técnicos, queremos aclarar que a pesar de ser una plantilla HTML concreta, puedes mantener la misma identidad de tu sitio web utilizando tu código CSS, con algunas variaciones. Los desarrolladores no se quejarán tanto como cuando necesitan minimizar los archivos para mejorar la velocidad de la página, lo prometemos. 😉 Y el resultado será superligero con mucho menos esfuerzo.

Ahora, vamos a entrar en las 3 partes de este código mágico:

  1. HTML AMP: como acabamos de mencionar, esto no debería ser difícil ni te llevará mucho tiempo si estás familiarizado con HTML normal. Querrás echar un vistazo a la lista de marcas necesarias del proyecto AMP antes de editar tu nueva página, y una vez que hayas hecho una, te darás cuenta de ello.
  2. AMP JS: ¿recuerdas que hablamos de la restricción de JavaScript? Siguiendo el marco de trabajo de JS para Accelerated Mobile Pages usted debería ser capaz de satisfacer sus necesidades.
  3. AMP CDN: hay una Red de Entrega de Contenido opcional que toma sus páginas habilitadas para AMP para almacenarlas en caché y optimizar automáticamente su rendimiento.

Estas nuevas páginas están alojadas en Google AMP y servidas por la CDN mencionada anteriormente. La URL tendrá el siguiente aspecto: https://www.google.com/amp/www.yourdomain.com

AMP y los SERPs

Hablando de resultados de búsqueda, estamos seguros de que ya has visto el icono de "trueno" junto a las últimas noticias de los periódicos digitales. ¿Y el carrusel AMP? Así es como se pueden diferenciar los resultados normales de las páginas aceleradas:

La mayoría de las veces (pero no necesariamente siempre) la AMP aparecerá antes que cualquier otro resultado, incluso encima de un sitio web móvil muy bien optimizado.

Históricamente, Google clasificaba las páginas según la optimización de la versión de escritorio, y este parámetro designaba el posicionamiento de su versión móvil en las SERP de los móviles. Bueno amigos, este ya no es el caso- "Móvil primero" es real! Así que, si estás leyendo esto y tu sitio no es móvil todavía, deja lo que estés haciendo e invierte todos tus esfuerzos de SEO en el móvil (después de terminar este artículo, por supuesto).

Nuestras instrucciones para AMP son bastante simples:

  • Elija las páginas que quiere crear con esta tecnología. Por lo general, serán las de mayor rendimiento, las entradas de los blogs o las noticias.
  • Cree las páginas, y no olvide la base del SEO: ¡contenido de calidad por encima de todo! A continuación, utilice las etiquetas HTML con prudencia.
  • Valide las páginas antes de subirlas. Usa el sitio web de AMP Project o la herramienta que está incorporada en Google Chrome para ello - ¡este paso es clave!
  • Encuentra una forma de agilizar todo este proceso. No querrás perder demasiado tiempo construyendo todas estas páginas. Vea si su CMS ofrece algún plugin que le ayude a automatizarlo. WordPress es un muy buen CMS para páginas AMP.
  • Por último, pero no menos importante, MONITORizarlos y seguir optimizándolos. Utilice la herramienta de FandagoSEO para explorar cómo funcionan sus Accelerated Mobile Pages y hacer los ajustes necesarios.

Suena fácil después de todo, ¿verdad? Destaquemos el punto principal de este artículo: Google sólo tiene en cuenta los sitios web para móviles a la hora de definir sus clasificaciones, por lo que ser competitivo en esta nueva era es vital. Las páginas AMP se colocan incluso por encima de los SERPs móviles, así que asegúrese de utilizar esta tecnología en sus páginas más importantes si desea tener un sitio competitivo. La implementación no es demasiado difícil, y los resultados son impresionantes en términos de posicionamiento y, por supuesto, para el tráfico y las conversiones.

Cómo comprobar su AMP en su página web

Si ha comenzado a implementar esta tecnología en su sitio web, puede comprobar cuáles de sus páginas son AMP y cuáles no. Rastree su sitio con FandangoSEO para ver el número exacto de páginas con y sin AMP. Estos datos también pueden ser mostrados por el porcentaje que representa en la web. Obtenga una lista de todas sus páginas de AMP para que pueda ver rápidamente su correcta ejecución.

¿Listo para sacudir los SERPs móviles?

Compruebe su AMP ahora

Arrow-up